Σ(゚Д゚;≡;゚д゚)Σ(゚Д゚;≡;゚д゚)Σ(゚Д゚;≡;゚д゚)始,故人唐宰相鲁公,🆚开府南服,余以布衣从戎。明年,别公漳水湄。后明年,公以事过张睢阳庙及颜杲卿所尝往来处,悲歌慷慨,卒不负其言而从之游。今其诗具在,可考也。😭
home/studionolh/www/wp-includes/blocks/post-template/style-rtl.css 0000644 00000007606 15233137735 0021510 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-post-template,
.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0;
}
.wp-block-post-template li,
.wp-block-query-loop li {
clear: both;
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin-left: 1.25em;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
width: calc((100% / 2) - 1.25em + (1.25em / 2));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
width: calc((100% / 3) - 1.25em + (1.25em / 3));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
width: calc((100% / 4) - 1.25em + (1.25em / 4));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
width: calc((100% / 5) - 1.25em + (1.25em / 5));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
width: calc((100% / 6) - 1.25em + (1.25em / 6));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
margin-left: 0;
}
} home/studionolh/www/wp-includes/blocks/post-title/style-rtl.css 0000644 00000002520 15233140202 0020763 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-post-title a {
display: inline-block;
} home/studionolh/www/wp-includes/blocks/post-featured-image/style-rtl.css 0000644 00000003125 15233140253 0022531 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-post-featured-image {
margin-right: 0;
margin-left: 0;
}
.wp-block-post-featured-image a {
display: inline-block;
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto;
}
.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
width: 100%;
} home/studionolh/www/wp-includes/blocks/site-logo/style-rtl.css 0000644 00000003102 15233145125 0020567 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-site-logo {
line-height: 0;
}
.wp-block-site-logo a {
display: inline-block;
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto;
}
.wp-block-site-logo .aligncenter {
display: table;
}
.wp-block-site-logo.is-style-rounded img {
border-radius: 9999px;
} home/studionolh/www/wp-includes/blocks/heading/style-rtl.css 0000644 00000002654 15233145410 0020274 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em;
} home/studionolh/www/wp-includes/blocks/media-text/style-rtl.css 0000644 00000007504 15233145421 0020737 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-media-text {
direction: ltr;
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%;
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
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 {
grid-column: 1;
grid-row: 1;
margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
direction: rtl;
grid-column: 2;
grid-row: 1;
padding: 0 8% 0 8%;
word-break: break-word;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: 2;
grid-row: 1;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
display: block;
height: 100%;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
} home/studionolh/www/wp-includes/blocks/social-links/style-rtl.css 0000644 00000026771 15233145714 0021302 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
padding-right: 0;
padding-left: 0;
text-indent: 0;
margin-right: 0;
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 0 4px 8px;
}
.wp-block-social-links .wp-social-link a {
padding: 0.25em;
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em;
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px;
}
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
font-size: 24px;
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px;
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px;
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex;
}
.wp-block-social-links.alignright {
justify-content: flex-end;
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform 0.1s ease;
height: auto;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-social-link a {
display: block;
line-height: 0;
transition: transform 0.1s ease;
}
.wp-block-social-link:hover {
transform: scale(1.1);
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #f00;
color: #fff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: #f00;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-right: calc((2/3) * 1em);
padding-left: calc((2/3) * 1em);
} home/studionolh/www/wp-includes/blocks/buttons/style-rtl.css 0000644 00000006602 15233146012 0020367 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 0.5em;
/* stylelint-disable indentation */
}
.wp-block-buttons.is-vertical {
flex-direction: column;
}
.wp-block-buttons.is-vertical > .wp-block-button {
margin-right: 0;
}
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
margin-bottom: 0;
}
.wp-block-buttons > .wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-buttons > .wp-block-button:last-child {
margin-right: 0;
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start;
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start;
}
.wp-block-buttons.is-content-justification-center {
justify-content: center;
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center;
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end;
}
.wp-block-buttons.is-content-justification-right > .wp-block-button {
margin-left: 0.5em;
margin-right: 0;
}
.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {
margin-left: 0;
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end;
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between;
}
.wp-block-buttons.aligncenter {
text-align: center;
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 0.5em;
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0;
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 0.5em;
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0;
}
.wp-block-buttons:not(.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center) .wp-block-button.aligncenter {
/* stylelint-enable indentation */
margin-right: auto;
margin-left: auto;
margin-bottom: 0.5em;
width: 100%;
}
.wp-block-button.aligncenter {
text-align: center;
} home/studionolh/www/wp-includes/blocks/calendar/style-rtl.css 0000644 00000003374 15233146056 0020455 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-calendar {
text-align: center;
}
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 0.25em;
border: 1px solid #ddd;
}
.wp-block-calendar tfoot td {
border: none;
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd;
}
.wp-block-calendar a {
text-decoration: underline;
}
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d;
} home/studionolh/www/wp-includes/blocks/quote/style-rtl.css 0000644 00000003271 15233146074 0020035 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin-bottom: 1em;
padding: 0 1em;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6;
}
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
font-size: 1.125em;
text-align: left;
} home/studionolh/www/wp-includes/blocks/cover/style-rtl.css 0000644 00000030157 15233146101 0020010 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-cover-image,
.wp-block-cover {
position: relative;
background-size: cover;
background-position: center center;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box;
/**
* Set a default background color for has-background-dim _unless_ it includes another
* background-color class (e.g. has-green-background-color). The presence of another
* background-color class implies that another style will provide the background color
* for the overlay.
*
* See:
* - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
* - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
*/
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: 0.1;
}
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: 0.2;
}
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: 0.3;
}
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: 0.4;
}
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: 0.6;
}
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: 0.7;
}
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: 0.8;
}
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: 0.9;
}
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1;
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-cover-image::after,
.wp-block-cover::after {
display: block;
content: "";
font-size: 0;
min-height: inherit;
}
@supports (position: sticky) {
.wp-block-cover-image::after,
.wp-block-cover::after {
content: none;
}
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex;
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff;
}
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color) {
color: inherit;
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center;
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end;
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center;
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end;
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center;
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto;
}
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none;
}
.wp-block-cover__video-background {
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-right: 0;
text-align: right;
}
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-left: 0;
text-align: left;
}
section.wp-block-cover-image > h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
} home/studionolh/www/wp-includes/blocks/spacer/style-rtl.css 0000644 00000002500 15233146117 0020145 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-spacer {
clear: both;
} home/studionolh/www/wp-includes/blocks/columns/style-rtl.css 0000644 00000005501 15233146270 0020354 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap;
/**
* All Columns Alignment
*/
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap;
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em;
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start;
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center;
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end;
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
/**
* Individual Column Alignment
*/
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important;
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column:not(:only-child) {
flex-basis: calc(50% - 1em) !important;
flex-grow: 0;
}
.wp-block-column:nth-child(even) {
margin-right: 2em;
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0;
}
.wp-block-column:not(:first-child) {
margin-right: 2em;
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start;
}
.wp-block-column.is-vertically-aligned-center {
align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
width: 100%;
} home/studionolh/www/wp-includes/blocks/group/style-rtl.css 0000644 00000002512 15233146424 0020030 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-group {
box-sizing: border-box;
} home/studionolh/www/wp-includes/blocks/verse/style-rtl.css 0000644 00000002566 15233146432 0020030 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap;
} home/studionolh/www/wp-includes/blocks/button/style-rtl.css 0000644 00000007660 15233146441 0020217 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
box-sizing: border-box;
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
color: #fff;
}
.wp-block-button__link.aligncenter {
text-align: center;
}
.wp-block-button__link.alignright {
text-align: right;
}
.wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none;
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%;
}
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: calc(100% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {
margin-left: 0;
width: 100%;
}
@supports (column-gap: 0.5em) {
.wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {
margin-left: 0;
margin-right: 0;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - 0.375em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - 0.25em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - 0.125em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: auto;
flex-basis: 100%;
}
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0;
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important;
}
.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline {
border: 2px solid currentColor;
padding: 0.667em 1.333em;
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor;
}
.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
} home/studionolh/www/wp-includes/blocks/categories/style-rtl.css 0000644 00000002614 15233146640 0021024 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-categories.alignleft {
margin-right: 2em;
}
.wp-block-categories.alignright {
margin-left: 2em;
} home/studionolh/www/wp-includes/blocks/image/style-rtl.css 0000644 00000006246 15233147503 0017765 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-image {
margin: 0 0 1em 0;
}
.wp-block-image img {
max-width: 100%;
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit;
}
.wp-block-image.aligncenter {
text-align: center;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%;
}
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image .aligncenter {
display: table;
}
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image .aligncenter > figcaption {
display: table-caption;
caption-side: bottom;
}
.wp-block-image .alignleft {
float: left;
margin-left: 0;
margin-left: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image .alignright {
float: right;
margin-right: 0;
margin-right: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image .aligncenter {
margin-right: auto;
margin-left: auto;
}
.wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-image.is-style-rounded img {
border-radius: 9999px;
}
.wp-block-image.is-style-circle-mask img {
border-radius: 9999px;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
.wp-block-image.is-style-circle-mask img {
/* stylelint-disable */
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
/* stylelint-enable */
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0;
}
}
.wp-block-image figure {
margin: 0;
} home/studionolh/www/wp-includes/blocks/query-pagination/style-rtl.css 0000644 00000003572 15233150271 0022172 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wp-block-query-pagination > .wp-block-query-pagination-next,
.wp-block-query-pagination > .wp-block-query-pagination-previous,
.wp-block-query-pagination > .wp-block-query-pagination-numbers {
display: inline-block;
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 {
margin-right: 0;
} home/studionolh/www/wp-includes/blocks/rss/style-rtl.css 0000644 00000004132 15233150426 0017500 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-rss.wp-block-rss {
box-sizing: border-box;
}
.wp-block-rss.alignleft {
margin-right: 2em;
}
.wp-block-rss.alignright {
margin-left: 2em;
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
.wp-block-rss.is-grid li {
margin: 0 0 1em 1em;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(( 100% / 2 ) - 1em);
}
.wp-block-rss.columns-3 li {
width: calc(( 100% / 3 ) - 1em);
}
.wp-block-rss.columns-4 li {
width: calc(( 100% / 4 ) - 1em);
}
.wp-block-rss.columns-5 li {
width: calc(( 100% / 5 ) - 1em);
}
.wp-block-rss.columns-6 li {
width: calc(( 100% / 6 ) - 1em);
}
}
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
display: block;
color: #555;
font-size: 0.8125em;
} home/studionolh/www/wp-includes/blocks/code/style-rtl.css 0000644 00000002574 15233151361 0017612 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word;
} home/studionolh/www/wp-includes/blocks/file/style-rtl.css 0000644 00000004023 15233151365 0017612 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-file {
margin-bottom: 1.5em;
}
.wp-block-file.aligncenter {
text-align: center;
}
.wp-block-file.alignright {
text-align: right;
}
.wp-block-file .wp-block-file__embed {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 0.8em;
padding: 0.5em 1em;
}
.wp-block-file a.wp-block-file__button {
text-decoration: none;
}
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
box-shadow: none;
color: #fff;
opacity: 0.85;
text-decoration: none;
}
.wp-block-file * + .wp-block-file__button {
margin-right: 0.75em;
} home/studionolh/www/wp-includes/blocks/table/style-rtl.css 0000644 00000007315 15233152213 0017762 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-table {
margin: 0 0 1em 0;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%;
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word;
}
.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
display: table;
width: auto;
}
.wp-block-table.alignleft td,
.wp-block-table.alignleft th, .wp-block-table.aligncenter td,
.wp-block-table.aligncenter th, .wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word;
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5;
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5;
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe;
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe;
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border-color: transparent;
}
.wp-block-table .has-border-color > *,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color td {
border-color: inherit;
}
.wp-block-table table[style*=border-style] > *,
.wp-block-table table[style*=border-style] tr,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] td {
border-style: inherit;
}
.wp-block-table table[style*=border-width] > *,
.wp-block-table table[style*=border-width] tr,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] td {
border-width: inherit;
} home/studionolh/www/wp-includes/css/dist/reusable-blocks/style-rtl.css 0000644 00000003333 15233267457 0022243 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.reusable-blocks-menu-items__convert-modal {
z-index: 1000001;
}
.reusable-blocks-menu-items__convert-modal-actions {
padding-top: 12px;
} home/studionolh/www/wp-includes/blocks/latest-posts/style-rtl.css 0000644 00000006775 15233267466 0021367 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-latest-posts.alignleft {
margin-right: 2em;
}
.wp-block-latest-posts.alignright {
margin-left: 2em;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-right: 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 0 1.25em 1.25em;
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-left: 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-left: 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-left: 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-left: 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-left: 0;
}
}
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
display: block;
color: #555;
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 {
margin-right: 1em;
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em;
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center;
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center;
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0;
} home/studionolh/www/wp-includes/blocks/video/style-rtl.css 0000644 00000003144 15233276171 0020007 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-video {
margin: 0 0 1em 0;
}
.wp-block-video video {
width: 100%;
}
@supports (position: sticky) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-video.aligncenter {
text-align: center;
}
.wp-block-video figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
} home/studionolh/www/wp-includes/blocks/embed/style-rtl.css 0000644 00000006020 15233276715 0017755 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block[data-align=left] > [data-type="core/embed"],
.wp-block[data-align=right] > [data-type="core/embed"],
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
width: 100%;
}
.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper {
min-width: 280px;
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px;
}
.wp-block-embed {
margin: 0 0 1em 0;
}
.wp-block-embed figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-embed iframe {
max-width: 100%;
}
.wp-block-embed__wrapper {
position: relative;
}
.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;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 42.85%;
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
padding-top: 50%;
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 56.25%;
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 75%;
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
padding-top: 100%;
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
padding-top: 177.77%;
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
padding-top: 200%;
} home/studionolh/www/wp-includes/blocks/latest-comments/style-rtl.css 0000644 00000004466 15233315215 0022021 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
ol.wp-block-latest-comments {
margin-right: 0;
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-right: 0;
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em;
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-right: 3.25em;
}
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: 0.75em;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: right;
height: 2.5em;
margin-left: 0.75em;
width: 2.5em;
} home/studionolh/www/wp-includes/blocks/search/style-rtl.css 0000644 00000005211 15233350546 0020142 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: 0.375em 0.625em;
color: #32373c;
margin-right: 0.625em;
word-break: normal;
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0;
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.wp-block-search .wp-block-search__label {
width: 100%;
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-right: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0.25em 0 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 0.125em 0.5em;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto;
} home/studionolh/www/wp-includes/blocks/gallery/style-rtl.css 0000644 00000023570 15233365025 0020342 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-gallery,
.blocks-gallery-grid {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
margin: 0 0 1em 1em;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
align-self: flex-start;
width: calc(50% - 1em);
}
.wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.wp-block-gallery .blocks-gallery-item:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {
margin-left: 0;
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure,
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure {
margin: 0;
height: 100%;
}
@supports (position: sticky) {
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure,
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
}
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img,
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
@supports (position: sticky) {
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img,
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img {
width: auto;
}
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em 0.77em 0.7em;
color: #fff;
text-align: center;
font-size: 0.8em;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
box-sizing: border-box;
margin: 0;
}
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img,
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img {
display: inline;
}
.wp-block-gallery figcaption,
.blocks-gallery-grid figcaption {
flex-grow: 1;
}
.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,
.blocks-gallery-grid.is-cropped .blocks-gallery-image,
.blocks-gallery-grid.is-cropped .blocks-gallery-item {
align-self: inherit;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img,
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
width: 100%;
}
@supports (position: sticky) {
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img,
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item {
width: 100%;
margin-left: 0;
}
@media (min-width: 600px) {
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item {
width: calc(33.3333333333% - 0.6666666667em);
margin-left: 1em;
}
.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item {
width: calc(25% - 0.75em);
margin-left: 1em;
}
.wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item {
width: calc(20% - 0.8em);
margin-left: 1em;
}
.wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item {
width: calc(16.6666666667% - 0.8333333333em);
margin-left: 1em;
}
.wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item {
width: calc(14.2857142857% - 0.8571428571em);
margin-left: 1em;
}
.wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item {
width: calc(12.5% - 0.875em);
margin-left: 1em;
}
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-left: 0;
}
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-left: 0;
}
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-left: 0;
}
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-left: 0;
}
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-left: 0;
}
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-left: 0;
}
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-left: 0;
}
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-left: 0;
}
}
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child,
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child {
margin-left: 0;
}
.wp-block-gallery.alignleft, .wp-block-gallery.alignright,
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-gallery.aligncenter .blocks-gallery-item figure,
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
justify-content: center;
} home/studionolh/www/wp-includes/blocks/text-columns/style-rtl.css 0000644 00000003514 15233365247 0021347 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-text-columns {
display: flex;
}
.wp-block-text-columns.aligncenter {
display: flex;
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0;
}
.wp-block-text-columns .wp-block-column:first-child {
margin-right: 0;
}
.wp-block-text-columns .wp-block-column:last-child {
margin-left: 0;
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: calc(100% / 2);
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: calc(100% / 3);
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: calc(100% / 4);
} home/studionolh/www/wp-includes/blocks/preformatted/style-rtl.css 0000644 00000002626 15233365326 0021402 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-preformatted {
white-space: pre-wrap;
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em;
} home/studionolh/www/wp-includes/blocks/paragraph/style-rtl.css 0000644 00000003430 15233420204 0020630 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.is-small-text {
font-size: 0.875em;
}
.is-regular-text {
font-size: 1em;
}
.is-large-text {
font-size: 2.25em;
}
.is-larger-text {
font-size: 3em;
}
.has-drop-cap:not(:focus)::first-letter {
float: right;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
margin: 0.05em 0 0 0.1em;
text-transform: uppercase;
font-style: normal;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
p.has-background {
padding: 1.25em 2.375em;
}
p.has-text-color a {
color: inherit;
} home/studionolh/www/wp-includes/css/dist/widgets/style-rtl.css 0000644 00000015333 15233421726 0020626 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.wp-block-legacy-widget__edit-form {
background: #fff;
border-radius: 2px;
border: 1px solid #1e1e1e;
padding: 11px;
}
.wp-block-legacy-widget__edit-form:not([hidden]) {
display: flow-root;
}
.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title {
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0 0 12px 0;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside {
border: none;
box-shadow: none;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p {
margin: 8px 0;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label {
font-size: 13px;
line-height: 2.1;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label,
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a {
font-family: system-ui;
font-weight: normal;
color: #000;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
font-family: system-ui;
background-color: transparent;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 3px;
box-shadow: none;
color: #000;
display: block;
margin: 0;
width: 100%;
font-size: 13px;
font-weight: normal;
line-height: 1;
min-height: 30px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
padding-right: 4px;
}
.wp-block-legacy-widget__edit-form .widget.open,
.wp-block-legacy-widget__edit-form .widget.open:focus-within {
z-index: 0;
}
.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview {
color: #000;
}
.wp-block-legacy-widget__edit-preview,
.wp-block-legacy-widget__edit-no-preview {
cursor: pointer;
}
.wp-block-legacy-widget__edit-preview:hover::after,
.wp-block-legacy-widget__edit-no-preview:hover::after {
border-radius: 2px;
border: 1px solid #949494;
bottom: 0;
content: "";
right: 0;
position: absolute;
left: 0;
top: 0;
}
.wp-block-legacy-widget__edit-preview.is-offscreen {
right: -9999px;
position: absolute;
top: 0;
width: 100%;
}
.wp-block-legacy-widget__edit-preview-iframe {
overflow: hidden;
width: 100%;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview {
background: #f0f0f0;
padding: 8px 12px;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 {
font-size: 14px;
font-weight: 600;
margin: 4px 0;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p {
margin: 4px 0;
}
.wp-block-legacy-widget-inspector-card {
padding: 0 52px 16px 16px;
}
.interface-complementary-area .wp-block-legacy-widget-inspector-card__name {
margin: 0 0 5px;
font-weight: 500;
}
.is-selected .wp-block-legacy-widget__container {
padding: 8px 12px;
min-height: 50px;
}
.components-popover__content .wp-block-legacy-widget__edit-form {
min-width: 400px;
}
.wp-block-legacy-widget .components-base-control {
width: 100%;
}
.wp-block-legacy-widget .components-select-control__input {
padding: 0;
font-family: system-ui;
} home/studionolh/www/wp-includes/css/dist/editor/style-rtl.css 0000644 00000063321 15233430611 0020437 0 ustar 00 @charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.editor-autocompleters__user .editor-autocompleters__no-avatar::before {
/* stylelint-disable */
font: normal 20px/1 dashicons;
/* stylelint-enable */
content: "";
margin-left: 5px;
vertical-align: middle;
}
.editor-autocompleters__user .editor-autocompleters__user-avatar {
margin-left: 8px;
flex-grow: 0;
flex-shrink: 0;
max-width: none;
width: 24px;
height: 24px;
}
.editor-autocompleters__user .editor-autocompleters__user-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
flex-shrink: 0;
flex-grow: 1;
}
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-right: 8px;
color: #757575;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
max-width: 100px;
flex-grow: 0;
flex-shrink: 0;
}
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
color: var(--wp-admin-theme-color);
}
.document-outline {
margin: 20px 0;
}
.document-outline ul {
margin: 0;
padding: 0;
}
.document-outline__item {
display: flex;
margin: 4px 0;
}
.document-outline__item a {
text-decoration: none;
}
.document-outline__item .document-outline__emdash::before {
color: #ddd;
margin-left: 4px;
}
.document-outline__item.is-h2 .document-outline__emdash::before {
content: "—";
}
.document-outline__item.is-h3 .document-outline__emdash::before {
content: "——";
}
.document-outline__item.is-h4 .document-outline__emdash::before {
content: "———";
}
.document-outline__item.is-h5 .document-outline__emdash::before {
content: "————";
}
.document-outline__item.is-h6 .document-outline__emdash::before {
content: "—————";
}
.document-outline__button {
cursor: pointer;
background: none;
border: none;
display: flex;
align-items: flex-start;
margin: 0 -1px 0 0;
padding: 2px 1px 2px 5px;
color: #1e1e1e;
text-align: right;
border-radius: 2px;
}
.document-outline__button:disabled {
cursor: default;
}
.document-outline__button:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.document-outline__level {
background: #ddd;
color: #1e1e1e;
border-radius: 3px;
font-size: 13px;
padding: 1px 6px;
margin-left: 4px;
}
.is-invalid .document-outline__level {
background: #f0b849;
}
.document-outline__item-content {
padding: 1px 0;
}
.components-editor-notices__dismissible,
.components-editor-notices__pinned {
position: relative;
right: 0;
top: 0;
left: 0;
color: #1e1e1e;
}
.components-editor-notices__dismissible .components-notice,
.components-editor-notices__pinned .components-notice {
box-sizing: border-box;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 0 12px;
min-height: 60px;
}
.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
margin-top: 12px;
}
.entities-saved-states__panel {
box-sizing: border-box;
background: #fff;
position: fixed;
z-index: 100001;
top: 46px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
box-sizing: border-box;
}
.entities-saved-states__panel *,
.entities-saved-states__panel *::before,
.entities-saved-states__panel *::after {
box-sizing: inherit;
}
.entities-saved-states__panel .entities-saved-states__find-entity {
display: none;
}
.entities-saved-states__panel .entities-saved-states__find-entity-small {
display: block;
}
@media (min-width: 782px) {
.entities-saved-states__panel {
top: 32px;
right: auto;
width: 280px;
border-right: 1px solid #ddd;
}
body.is-fullscreen-mode .entities-saved-states__panel {
top: 0;
}
.entities-saved-states__panel .entities-saved-states__find-entity {
display: block;
}
.entities-saved-states__panel .entities-saved-states__find-entity-small {
display: none;
}
}
.entities-saved-states__panel .entities-saved-states__panel-header {
background: #fff;
padding-right: 8px;
padding-left: 8px;
height: 61px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
align-content: space-between;
}
.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button {
margin: auto;
}
.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon {
position: absolute;
left: 8px;
}
.entities-saved-states__panel .entities-saved-states__text-prompt {
padding: 16px;
padding-bottom: 4px;
}
.editor-error-boundary {
margin: auto;
max-width: 780px;
padding: 20px;
margin-top: 60px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.editor-page-attributes__order {
width: 100%;
}
.editor-page-attributes__order .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center;
}
.editor-page-attributes__order input {
width: 66px;
}
.editor-post-excerpt__textarea {
width: 100%;
margin-bottom: 10px;
}
.editor-post-featured-image {
padding: 0;
}
.editor-post-featured-image__container {
margin-bottom: 1em;
position: relative;
}
.editor-post-featured-image .components-spinner {
position: absolute;
top: 50%;
right: 50%;
margin-top: -9px;
margin-right: -9px;
}
.editor-post-featured-image .components-button + .components-button {
display: block;
margin-top: 1em;
}
.editor-post-featured-image .components-responsive-wrapper__content {
max-width: 100%;
width: auto;
}
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
display: block;
width: 100%;
padding: 0;
transition: all 0.1s ease-out;
box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
}
@media (prefers-reduced-motion: reduce) {
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
transition-duration: 0s;
transition-delay: 0s;
}
}
.editor-post-featured-image__preview {
height: auto;
}
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
}
.editor-post-featured-image__toggle {
border-radius: 2px;
background-color: #f0f0f0;
min-height: 90px;
line-height: 20px;
padding: 8px 0;
text-align: center;
}
.editor-post-featured-image__toggle:hover {
background: #ddd;
color: #1e1e1e;
}
.editor-post-format {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.editor-post-format__content {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.editor-post-format__suggestion {
text-align: left;
font-size: 13px;
}
.editor-post-last-revision__title {
width: 100%;
font-weight: 600;
}
.editor-post-last-revision__title .dashicon {
margin-left: 5px;
}
.components-button.editor-post-last-revision__title {
height: 100%;
}
.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
background: #f0f0f0;
}
.components-button.editor-post-last-revision__title:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
border-radius: 0;
}
.editor-post-locked-modal {
height: auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
max-width: 480px;
}
.editor-post-locked-modal .components-modal__header {
height: 36px;
}
.editor-post-locked-modal .components-modal__content {
height: auto;
}
.editor-post-locked-modal__buttons {
margin-top: 10px;
}
.editor-post-locked-modal__buttons .components-button {
margin-left: 5px;
}
.editor-post-locked-modal__avatar {
float: right;
margin: 5px;
margin-left: 15px;
}
.editor-post-publish-button__button.has-changes-dot::before {
background: currentcolor;
border-radius: 4px;
content: "";
height: 8px;
margin: auto -3px auto 5px;
width: 8px;
}
.editor-post-publish-panel {
background: #fff;
}
.editor-post-publish-panel__content {
min-height: calc(100% - 144px);
}
.editor-post-publish-panel__content .components-spinner {
display: block;
margin: 100px auto 0;
}
.editor-post-publish-panel__header {
background: #fff;
padding-right: 16px;
padding-left: 16px;
height: 61px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
align-content: space-between;
}
.editor-post-publish-panel__header .components-button {
width: 100%;
justify-content: center;
}
.editor-post-publish-panel__header .has-icon {
margin-right: auto;
width: auto;
}
.components-site-card {
display: flex;
align-items: center;
margin: 16px 0;
}
.components-site-icon {
border: none;
border-radius: 2px;
margin-left: 12px;
height: 36px;
width: 36px;
}
.components-site-name {
display: block;
font-size: 14px;
}
.components-site-home {
display: block;
color: #757575;
font-size: 12px;
}
.editor-post-publish-panel__header-publish-button,
.editor-post-publish-panel__header-cancel-button {
flex-grow: 1;
}
@media (min-width: 480px) {
.editor-post-publish-panel__header-publish-button,
.editor-post-publish-panel__header-cancel-button {
max-width: 160px;
}
}
.editor-post-publish-panel__header-publish-button {
padding-left: 4px;
}
.editor-post-publish-panel__header-cancel-button {
padding-right: 4px;
}
.editor-post-publish-panel__header-published {
flex-grow: 1;
}
.editor-post-publish-panel__footer {
padding: 16px;
}
.components-button.editor-post-publish-panel__toggle.is-primary {
display: inline-flex;
align-items: center;
}
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
display: none;
}
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
margin-left: -4px;
}
.editor-post-publish-panel__link {
font-weight: 400;
padding-right: 4px;
}
.editor-post-publish-panel__prepublish {
padding: 16px;
}
.editor-post-publish-panel__prepublish strong {
color: #1e1e1e;
}
.editor-post-publish-panel__prepublish .components-panel__body {
background: #fff;
margin-right: -16px;
margin-left: -16px;
}
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
display: none;
}
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #e0e0e0;
border-top: none;
}
.post-publish-panel__postpublish-buttons {
display: flex;
align-content: space-between;
flex-wrap: wrap;
margin: -5px;
}
.post-publish-panel__postpublish-buttons > * {
flex-grow: 1;
margin: 5px;
}
.post-publish-panel__postpublish-buttons .components-button {
height: auto;
justify-content: center;
padding: 3px 10px 4px;
line-height: 1.6;
text-align: center;
white-space: normal;
}
.post-publish-panel__postpublish-buttons .components-clipboard-button {
width: 100%;
}
.post-publish-panel__postpublish-post-address {
margin-bottom: 16px;
}
.post-publish-panel__postpublish-post-address input[readonly] {
padding: 10px;
background: #ddd;
overflow: hidden;
text-overflow: ellipsis;
}
.post-publish-panel__postpublish-header {
font-weight: 500;
}
.post-publish-panel__postpublish-subheader {
margin: 0 0 8px;
}
.post-publish-panel__tip {
color: #f0b849;
}
.editor-post-saved-state {
display: flex;
align-items: center;
width: 28px;
padding: 12px 4px;
color: #757575;
overflow: hidden;
white-space: nowrap;
}
.editor-post-saved-state svg {
display: inline-block;
flex: 0 0 auto;
fill: currentColor;
margin-left: 8px;
}
@media (min-width: 600px) {
.editor-post-saved-state {
width: auto;
padding: 8px 12px;
text-indent: inherit;
}
.editor-post-saved-state svg {
margin-left: 4px;
}
}
.editor-post-taxonomies__hierarchical-terms-list {
max-height: 14em;
overflow: auto;
margin-right: -6px;
padding-right: 6px;
margin-top: -6px;
padding-top: 6px;
}
.editor-post-taxonomies__hierarchical-terms-choice {
margin-bottom: 8px;
}
.editor-post-taxonomies__hierarchical-terms-subchoices {
margin-top: 8px;
margin-right: 16px;
}
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
.components-button.editor-post-taxonomies__hierarchical-terms-add {
margin-top: 12px;
}
.editor-post-taxonomies__hierarchical-terms-label {
display: inline-block;
margin-top: 12px;
}
.editor-post-taxonomies__hierarchical-terms-input {
margin-top: 8px;
width: 100%;
}
.editor-post-taxonomies__hierarchical-terms-filter {
margin-bottom: 8px;
width: 100%;
}
.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
font-weight: 400;
margin-bottom: 12px;
}
.editor-post-taxonomies__flat-term-most-used-list {
margin: 0;
}
.editor-post-taxonomies__flat-term-most-used-list li {
display: inline-block;
margin-left: 8px;
}
.editor-post-taxonomies__flat-term-most-used-list .components-button {
font-size: 12px;
}
.edit-post-text-editor__body textarea.editor-post-text-editor {
border: 1px solid #949494;
border-radius: 0;
display: block;
margin: 0;
width: 100%;
box-shadow: none;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
line-height: 2.4;
min-height: 200px;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 16px;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px !important;
}
@media (prefers-reduced-motion: reduce) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
padding: 24px;
}
}
@media (min-width: 600px) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
font-size: 15px !important;
}
}
.edit-post-text-editor__body textarea.editor-post-text-editor:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
position: relative;
}
.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
color: rgba(30, 30, 30, 0.62);
opacity: 1;
}
.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.edit-post-post-visibility__dialog,
.editor-post-visibility__dialog-fieldset {
padding: 4px;
padding-top: 0;
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
font-weight: 600;
margin-bottom: 1em;
margin-top: 0.5em;
padding: 0;
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
border: 1px solid #1e1e1e;
margin-left: 12px;
transition: none;
border-radius: 50%;
width: 24px;
height: 24px;
margin-top: 2px;
}
@media (prefers-reduced-motion: reduce) {
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
@media (min-width: 600px) {
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
height: 20px;
width: 20px;
}
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
box-sizing: inherit;
width: 8px;
height: 8px;
transform: translate(-7px, 7px);
margin: 0;
background-color: #fff;
border: 4px solid #fff;
}
@media (min-width: 600px) {
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
transform: translate(-5px, 5px);
}
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
font-weight: 600;
}
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
margin-top: 0;
margin-right: 32px;
}
.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
margin-bottom: 0;
}
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
margin-right: 36px;
margin-top: 8px;
}
@media (prefers-reduced-motion: reduce) {
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-title {
position: relative;
}
.editor-post-title .editor-post-title__input {
display: block;
width: 100%;
margin: 0;
box-shadow: none;
background: transparent;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 19px 0;
word-break: keep-all;
font-family: inherit;
color: inherit;
border: 1px solid transparent;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
outline: 1px solid transparent;
font-size: 2.44em;
font-weight: 800;
line-height: 1.4;
}
@media (prefers-reduced-motion: reduce) {
.editor-post-title .editor-post-title__input {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.editor-post-title .editor-post-title__input {
border-width: 1px;
}
}
.editor-post-title .editor-post-title__input::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-title .editor-post-title__input::-moz-placeholder {
color: rgba(30, 30, 30, 0.62);
opacity: 1;
}
.editor-post-title .editor-post-title__input:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65);
}
.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.65);
}
.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65);
}
.editor-post-title .editor-post-title__input:focus {
border: 1px solid transparent;
outline: 1px solid transparent;
box-shadow: none;
}
.editor-post-title.is-focus-mode .editor-post-title__input {
opacity: 0.5;
transition: opacity 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.editor-post-title.is-focus-mode .editor-post-title__input {
transition-duration: 0s;
transition-delay: 0s;
}
}
.editor-post-title.is-focus-mode .editor-post-title__input:focus {
opacity: 1;
}
.editor-post-trash.components-button {
margin-top: 4px;
}
.table-of-contents__popover.components-popover .components-popover__content {
min-width: 380px;
}
.components-popover.table-of-contents__popover {
z-index: 99998;
}
.table-of-contents__popover .components-popover__content > div {
padding: 16px;
}
@media (min-width: 600px) {
.table-of-contents__popover .components-popover__content {
max-height: calc(100vh - 120px);
overflow-y: auto;
}
}
.table-of-contents__popover hr {
margin: 10px -16px 0;
}
.table-of-contents__wrapper:focus::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
pointer-events: none;
}
.table-of-contents__counts {
display: flex;
flex-wrap: wrap;
margin: 0;
margin-top: -8px;
}
.table-of-contents__count {
flex-basis: 33%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #1e1e1e;
padding-left: 8px;
margin-bottom: 0;
margin-top: 8px;
}
.table-of-contents__count:nth-child(4n) {
padding-left: 0;
}
.table-of-contents__number,
.table-of-contents__popover .word-count {
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #1e1e1e;
}
.table-of-contents__title {
display: block;
margin-top: 20px;
font-size: 15px;
font-weight: 600;
}
.editor-template-validation-notice {
display: flex;
justify-content: space-between;
align-items: center;
}
.editor-template-validation-notice .components-button {
margin-right: 5px;
} home/studionolh/www/wp-includes/css/dist/block-editor/style-rtl.css 0000644 00000344301 15233430627 0021536 0 ustar 00 @charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
#start-resizable-editor-section {
display: none;
}
.block-editor-autocompleters__block {
white-space: nowrap;
}
.block-editor-autocompleters__block .block-editor-block-icon {
margin-left: 8px;
}
.block-editor-block-alignment-matrix-control__popover .components-popover__content {
min-width: 0;
width: auto;
}
.block-editor-block-alignment-matrix-control__popover .components-popover__content > div {
padding: 8px;
}
.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;
}
.block-editor-block-icon svg {
min-width: 20px;
min-height: 20px;
max-width: 24px;
max-height: 24px;
}
.block-editor-block-inspector p {
margin-top: 0;
}
.block-editor-block-inspector h2,
.block-editor-block-inspector h3 {
font-size: 13px;
color: #1e1e1e;
margin-bottom: 1.5em;
}
.block-editor-block-inspector .components-base-control {
margin-bottom: 24px;
}
.block-editor-block-inspector .components-base-control:last-child {
margin-bottom: 8px;
}
.block-editor-block-inspector .components-panel__body {
border: none;
border-top: 1px solid #e0e0e0;
}
.block-editor-block-inspector .block-editor-block-card {
padding: 16px;
}
.block-editor-block-inspector__no-blocks {
display: block;
font-size: 13px;
background: #fff;
padding: 32px 16px;
text-align: center;
}
.block-editor-block-styles .block-editor-block-list__block {
margin: 0;
}
/**
* Notices & Block Selected/Hover Styles.
*/
/**
* Cross-Block Selection
*/
.block-editor-block-list__layout {
position: relative;
}
.block-editor-block-list__layout.is-navigate-mode {
cursor: default;
}
.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
position: absolute;
z-index: 1;
pointer-events: none;
content: "";
top: 1px;
bottom: 1px;
right: 1px;
left: 1px;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
border-radius: 1px;
outline: 2px solid transparent;
}
.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
box-shadow: 0 0 0 1px #fff;
}
.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection,
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
background: transparent;
}
.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after {
box-shadow: 0 0 0 1px #949494;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: var(--wp-admin-border-width-focus) solid transparent;
}
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before {
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
left: 0;
right: 0;
top: -14px;
border-radius: 2px;
border-top: 4px solid #ccc;
}
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after {
content: none;
}
.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before {
border-color: var(--wp-admin-theme-color);
}
.is-block-moving-mode.block-editor-block-list__block-selection-button {
opacity: 0;
font-size: 1px;
height: 1px;
padding: 0;
}
.block-editor-block-list__layout .block-editor-block-list__block {
position: relative;
overflow-wrap: break-word;
/**
* Notices
*/
/**
* Block Layout
*/
/**
* Block styles and alignments
*/
}
.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
z-index: 1;
}
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
margin: -10px 0 12px 0;
}
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
margin: 0 0 12px 0;
width: 100%;
}
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
margin-right: 0;
margin-left: 0;
}
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
font-size: 13px;
}
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus {
outline: none;
}
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
position: absolute;
z-index: 1;
pointer-events: none;
content: "";
top: 1px;
bottom: 1px;
right: 1px;
left: 1px;
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
border-radius: 1px;
}
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
}
.block-editor-block-list__layout .block-editor-block-list__block::after {
content: "";
pointer-events: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 2px;
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
min-height: 48px;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
pointer-events: all;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.4);
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
background-color: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after {
display: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after {
display: block;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after {
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
}
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
float: none;
}
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
right: auto;
left: 8px;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered {
cursor: default;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after {
top: 1px;
right: 1px;
left: 1px;
bottom: 1px;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
border-radius: 1px;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected {
cursor: unset;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after {
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
top: 1px;
right: 1px;
left: 1px;
bottom: 1px;
border-radius: 1px;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
opacity: 0.5;
transition: opacity 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
transition-duration: 0s;
transition-delay: 0s;
}
}
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
opacity: 1;
}
.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity {
opacity: 0.5;
transition: opacity 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity {
transition-duration: 0s;
transition-delay: 0s;
}
}
.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block,
.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block {
opacity: 1;
}
.wp-block[data-align=left] > *,
.wp-block[data-align=right] > * {
z-index: 21;
}
/**
* In-Canvas Inserter
*/
.block-editor-block-list .block-editor-inserter {
margin: 8px;
cursor: move;
cursor: grab;
}
@keyframes block-editor-inserter__toggle__fade-in-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.wp-block .block-list-appender .block-editor-inserter__toggle {
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
.wp-block .block-list-appender .block-editor-inserter__toggle {
animation-duration: 1ms;
animation-delay: 0s;
}
}
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
display: none;
}
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
opacity: 0;
transform: scale(0);
}
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
display: block;
margin: 0;
padding: 12px;
width: 100%;
border: none;
outline: none;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #1e1e1e;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
line-height: 1.5;
transition: padding 0.2s linear;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
/**
* Warnings.
*/
.block-editor-block-list__block .block-editor-warning {
z-index: 5;
position: relative;
}
.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
margin-bottom: auto;
}
/**
* Insertion Point.
*/
.block-editor-block-list__insertion-point {
position: absolute;
}
.block-editor-block-list__insertion-point-indicator {
position: absolute;
background: var(--wp-admin-theme-color);
animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__insertion-point-indicator {
animation-duration: 1ms;
animation-delay: 0s;
}
}
.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator {
top: 50%;
left: 0;
right: 0;
height: 1px;
}
.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator {
top: 0;
left: 0;
right: 50%;
height: 100%;
width: 1px;
}
.block-editor-block-list__insertion-point-inserter {
display: none;
position: absolute;
justify-content: center;
top: calc(50% - 12px);
right: calc(50% - 12px);
}
@media (min-width: 480px) {
.block-editor-block-list__insertion-point-inserter {
display: flex;
}
}
.block-editor-block-list__block-popover-inserter {
position: absolute;
top: -9999em;
margin-bottom: 14px;
}
.block-editor-block-list__block-popover-inserter.is-visible {
position: static;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon {
background: #1e1e1e;
border-radius: 2px;
color: #fff;
padding: 0;
min-width: 24px;
height: 24px;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-block-list__block-popover-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-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
animation-duration: 1ms;
animation-delay: 0s;
}
}
@keyframes block-editor-inserter__toggle__fade-in-animation-delayed {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/**
* Block Toolbar when contextual.
*/
.block-editor-block-contextual-toolbar {
display: inline-flex;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
border-left-color: #1e1e1e;
}
.block-editor-block-contextual-toolbar.is-fixed {
position: sticky;
top: 0;
width: 100%;
z-index: 31;
min-height: 48px;
display: block;
border: none;
border-bottom: 1px solid #e0e0e0;
border-radius: 0;
}
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
border-left-color: #e0e0e0;
}
.block-editor-block-contextual-toolbar .block-editor-block-mover-button {
overflow: hidden;
}
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
min-width: 24px;
width: 24px;
}
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg {
min-width: 24px;
}
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before {
right: 0 !important;
min-width: 0;
width: 100%;
}
@media (min-width: 600px) {
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
top: 5px;
}
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
bottom: 5px;
}
}
/**
* Block Label for Navigation/Selection Mode
*/
.block-editor-block-list__block-selection-button {
display: inline-flex;
padding: 0 13px;
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-left: 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;
}
.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg {
min-width: 18px;
min-height: 18px;
}
.block-editor-block-list__block-selection-button .block-editor-block-icon {
font-size: 13px;
color: #fff;
height: 48px;
}
.block-editor-block-list__block-selection-button .components-button {
min-width: 36px;
color: #fff;
height: 48px;
display: flex;
}
.block-editor-block-list__block-selection-button .components-button:focus {
box-shadow: none;
border: none;
}
.block-editor-block-list__block-selection-button .components-button:active {
color: #fff;
}
.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button {
padding: 0;
}
/**
* Popovers.
*/
.block-editor-block-list__insertion-point-popover.is-without-arrow {
z-index: 28;
position: absolute;
pointer-events: none;
}
.block-editor-block-list__insertion-point-popover.is-without-arrow * {
pointer-events: none;
}
.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter {
pointer-events: all;
}
.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * {
pointer-events: all;
}
.block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content {
background: none;
border: none;
box-shadow: none;
overflow-y: visible;
margin-right: 0;
}
@keyframes hide-during-dragging {
to {
position: fixed;
transform: translate(-9999px, 9999px);
}
}
.components-popover.block-editor-block-list__block-popover {
z-index: 31;
position: absolute;
}
.components-popover.block-editor-block-list__block-popover .components-popover__content {
margin: 0 !important;
min-width: auto;
width: max-content;
background: none;
border: none;
box-shadow: none;
overflow-y: visible;
pointer-events: none;
}
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter {
pointer-events: all;
}
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {
margin-top: 12px;
margin-bottom: 12px;
}
.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
visibility: hidden;
}
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
opacity: 0;
animation: hide-during-dragging 1ms linear forwards;
}
.is-dragging-components-draggable .components-tooltip {
display: none;
}
.block-editor-block-list__block .block-list-appender {
align-self: center;
padding: 0;
list-style: none;
margin: 8px;
}
.block-editor-block-list__block .block-list-appender.wp-block {
max-width: none;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
margin: 8px 0;
}
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
padding: 0;
opacity: 1;
transform: scale(1);
transition: all 0.1s ease;
margin-right: 8px;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle {
margin-right: 0;
}
.is-vertical .block-list-appender {
width: 24px;
margin-left: auto;
margin-top: 12px;
margin-right: 12px;
}
.block-list-appender > .block-editor-inserter {
display: block;
}
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
opacity: 0;
transform: scale(0);
}
.block-editor-block-breadcrumb {
list-style: none;
padding: 0;
margin: 0;
}
.block-editor-block-breadcrumb li {
display: inline-block;
margin: 0;
}
.block-editor-block-breadcrumb li:not(:last-child)::after {
content: "←";
}
.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;
left: 1px;
bottom: 1px;
right: 1px;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-block-breadcrumb__current {
cursor: default;
}
.block-editor-block-breadcrumb__button.components-button,
.block-editor-block-breadcrumb__current {
color: #1e1e1e;
padding: 0 8px;
font-size: inherit;
}
.block-editor-block-card {
display: flex;
align-items: flex-start;
}
.block-editor-block-card__content {
flex-grow: 1;
margin-bottom: 4px;
}
.block-editor-block-card__title {
font-weight: 500;
}
.block-editor-block-card__title.block-editor-block-card__title {
line-height: 24px;
margin: 0 0 4px;
}
.block-editor-block-card__description {
font-size: 13px;
}
.block-editor-block-card .block-editor-block-icon {
flex: 0 0 24px;
margin-right: 0;
margin-left: 12px;
width: 24px;
height: 24px;
}
/**
* Invalid block comparison
*/
.block-editor-block-compare {
overflow: auto;
height: auto;
}
@media (min-width: 600px) {
.block-editor-block-compare {
max-height: 70%;
}
}
.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 0 0 16px;
min-width: 200px;
}
.block-editor-block-compare__wrapper > div button {
float: left;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__converted {
border-right: 1px solid #ddd;
padding-right: 15px;
padding-left: 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;
right: 0;
}
.block-editor-block-draggable-chip {
background-color: #1e1e1e;
border-radius: 2px;
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
color: #fff;
cursor: grabbing;
display: inline-flex;
height: 48px;
padding: 0 13px;
-webkit-user-select: none;
user-select: none;
}
.block-editor-block-draggable-chip svg {
fill: currentColor;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content {
margin: auto;
justify-content: flex-start;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item {
margin-left: 6px;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child {
margin-left: 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;
}
.is-dragging {
display: none !important;
}
.block-editor-block-mobile-toolbar {
display: flex;
flex-direction: row;
border-left: 1px solid #ddd;
}
.block-editor-block-mobile-toolbar .block-editor-block-mover-button {
width: 36px;
height: 36px;
border-radius: 2px;
padding: 3px;
margin: 0;
justify-content: center;
align-items: center;
}
.block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon {
margin: auto;
}
.block-editor-block-mobile-toolbar .block-editor-block-mover {
display: flex;
margin-left: auto;
}
.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button {
float: right;
}
.block-editor-block-mover-button__description {
display: none;
}
.block-editor-block-mover-button.has-icon {
padding: 0;
}
.block-editor-block-mover {
display: inline-flex;
flex-direction: row;
}
.block-editor-block-mover .block-editor-block-mover__move-button-container,
.block-editor-block-mover .components-toolbar {
flex: 1;
flex-direction: row;
border-left: none !important;
}
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover__move-button-container,
.block-editor-block-mover .components-toolbar {
flex-direction: column;
}
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar {
flex-direction: row;
}
.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button {
padding-left: 0;
padding-right: 0;
min-width: 36px;
}
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover-button {
height: 24px;
width: 42px;
padding-left: 11px !important;
padding-right: 6px !important;
}
.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button {
min-width: 42px;
}
}
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover-button::before {
right: 8px !important;
left: 8px !important;
}
}
.block-editor-block-mover .block-editor-block-mover__drag-handle {
width: 24px;
cursor: grab;
min-width: 24px !important;
padding: 0 !important;
}
.block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before {
right: 0 !important;
left: 0 !important;
}
@media (min-width: 600px) {
.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button,
.block-editor-block-mover .components-toolbar .block-editor-block-mover-button {
margin: 0 0 0 auto;
}
.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before,
.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before {
bottom: 0;
height: calc(100% - 1px);
}
.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before,
.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before {
top: 0;
height: calc(100% - 1px);
}
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon {
height: 48px;
width: 24px;
padding-right: 0;
padding-left: 0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before {
top: 1px;
bottom: 1px;
min-width: 0;
width: auto;
height: auto;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg {
margin-right: 0;
margin-left: -8px;
margin-bottom: 0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before {
right: 0 !important;
left: 0 !important;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg {
margin-right: -8px;
margin-left: 0;
margin-top: 0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before {
right: 0 !important;
left: 0 !important;
width: calc(100% + 1px);
}
.block-editor-block-navigation__label {
margin: 0 0 12px;
color: #757575;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
}
.block-editor-block-navigation__container {
min-width: 280px;
}
.block-editor-block-navigation-tree {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
}
.components-modal__content .block-editor-block-navigation-tree {
margin: -12px -6px 0;
width: calc(100% + 12px);
}
.block-editor-block-navigation-leaf {
position: relative;
}
.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents {
background: var(--wp-admin-theme-color);
color: #fff;
}
.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents {
border-radius: 2px 2px 0 0;
}
.block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents {
background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
border-radius: 0;
}
.block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents {
border-radius: 0 0 2px 2px;
}
.block-editor-block-navigation-leaf.is-dragging {
display: none;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
display: flex;
align-items: center;
width: 100%;
height: auto;
padding: 6px 12px;
text-align: right;
color: #1e1e1e;
border-radius: 2px;
position: relative;
white-space: nowrap;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus {
z-index: 1;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-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;
left: 0;
right: 0;
border-top: 4px solid var(--wp-admin-theme-color);
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
bottom: -2px;
left: 0;
right: 0;
border-bottom: 4px solid var(--wp-admin-theme-color);
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
bottom: -2px;
left: 0;
right: 24px;
border-bottom: 4px solid var(--wp-admin-theme-color);
}
.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
padding-right: 0;
padding-left: 0;
}
.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-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-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
animation-duration: 1ms;
animation-delay: 0s;
}
}
.block-editor-block-navigation-leaf .block-editor-block-icon {
align-self: flex-start;
margin-left: 10px;
width: 20px;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell {
padding-top: 0;
padding-bottom: 0;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
line-height: 0;
width: 36px;
opacity: 0;
vertical-align: top;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
position: relative;
z-index: 1;
opacity: 1;
animation: edit-post__fade-in-animation 0.2s ease-out 0s;
animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
animation-duration: 1ms;
animation-delay: 0s;
}
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon {
width: 24px;
min-width: 24px;
padding: 0;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell {
padding-top: 8px;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper {
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button {
position: relative;
width: 36px;
height: 24px;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button svg {
position: relative;
height: 24px;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button {
margin-top: -6px;
align-items: flex-end;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg {
bottom: -4px;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button {
margin-bottom: -6px;
align-items: flex-start;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg {
top: -4px;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled {
box-shadow: none;
outline: none;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus {
box-shadow: none;
outline: none;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
outline: 2px solid transparent;
}
.block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
content: "";
position: absolute;
display: block;
border-radius: 2px;
height: 16px;
min-width: 100%;
right: 0;
left: 0;
animation: components-button__appear-animation 0.1s ease;
animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
animation-duration: 1ms;
animation-delay: 0s;
}
}
.block-editor-block-navigation-leaf .block-editor-inserter__toggle {
background: #1e1e1e;
color: #fff;
height: 24px;
margin: 6px 1px 6px 6px;
min-width: 24px;
}
.block-editor-block-navigation-leaf .block-editor-inserter__toggle:active {
color: #fff;
}
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor {
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
display: inline-block;
padding: 2px 6px;
margin: 0 8px;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
}
.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor {
background: rgba(0, 0, 0, 0.3);
}
.block-editor-block-navigation-block-slot__description,
.block-editor-block-navigation-block-select-button__description,
.block-editor-block-navigation-appender__description {
display: none;
}
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container,
.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container,
.block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container {
display: flex;
}
.block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon {
margin-right: 224px;
}
.block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon {
margin-right: 0px;
}
.block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon {
margin-right: 28px;
}
.block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon {
margin-right: 56px;
}
.block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon {
margin-right: 84px;
}
.block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon {
margin-right: 112px;
}
.block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon {
margin-right: 140px;
}
.block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon {
margin-right: 168px;
}
.block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon {
margin-right: 196px;
}
.block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon {
margin-right: 224px;
}
.block-editor-block-parent-selector {
background: #fff;
border-radius: 2px;
}
.block-editor-block-parent-selector .block-editor-block-parent-selector__button {
width: 48px;
height: 48px;
border: 1px solid #1e1e1e;
border-radius: 2px;
}
.block-editor-block-patterns-list__list-item {
cursor: pointer;
margin-top: 16px;
}
.block-editor-block-patterns-list__list-item.is-placeholder {
min-height: 100px;
}
.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container {
cursor: grab;
}
.block-editor-block-patterns-list__item {
height: 100%;
border-radius: 2px;
transition: all 0.05s ease-in-out;
position: relative;
border: 1px solid transparent;
}
.block-editor-block-patterns-list__item:hover {
border: 1px solid var(--wp-admin-theme-color);
}
.block-editor-block-patterns-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-patterns-list__item-title {
padding: 4px;
font-size: 12px;
text-align: center;
}
.block-editor-block-preview__container {
position: relative;
width: 100%;
overflow: hidden;
}
.block-editor-block-preview__container.editor-styles-wrapper {
padding: 0;
margin: 0;
}
.block-editor-block-preview__container .block-editor-block-preview__content {
position: absolute;
top: 0;
right: 0;
transform-origin: top right;
text-align: initial;
margin: 0;
overflow: visible;
min-height: auto;
}
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,
.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,
.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender {
display: none;
}
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container {
padding-right: 0;
padding-left: 0;
}
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
margin-right: 0;
margin-left: 0;
}
.block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
padding: 0;
}
.block-editor-block-styles {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block-editor-block-styles__item {
width: calc(50% - 4px);
margin: 4px 0;
flex-shrink: 0;
cursor: pointer;
overflow: hidden;
border-radius: 2px;
padding: 6px;
display: flex;
flex-direction: column;
}
.block-editor-block-styles__item:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-editor-block-styles__item:hover .block-editor-block-styles__item-preview {
border-color: var(--wp-admin-theme-color);
}
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label {
font-weight: bold;
}
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
margin: 0;
border: 2px solid #1e1e1e;
}
.block-editor-block-styles__item .block-editor-block-preview__container {
cursor: inherit;
}
.block-editor-block-styles__item-preview {
outline: 1px solid transparent;
padding: 0;
margin: 2px;
border-radius: 2px;
display: flex;
overflow: hidden;
background: #fff;
align-items: center;
flex-grow: 1;
min-height: 80px;
max-height: 160px;
}
.block-editor-block-switcher__styles__menugroup {
position: relative;
}
.block-editor-block-styles__item-label {
text-align: center;
padding: 4px 0;
}
.block-editor-block-switcher {
position: relative;
}
.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-right: 8px;
}
.show-icon-labels .block-editor-block-switcher__toggle-text {
display: none;
}
.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after {
font-size: 14px;
}
.block-editor-block-switcher__popover {
margin-right: 6px;
}
.components-button.block-editor-block-switcher__no-switcher-icon {
width: 48px;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
margin-left: auto;
margin-right: auto;
}
.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;
left: 8px;
bottom: 8px;
right: 8px;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content {
min-width: 300px;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content > div {
min-width: auto;
display: flex;
background: #fff;
padding: 0;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group {
margin: 0;
}
.block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles {
margin: 0 -3px;
}
.block-editor-block-switcher__popover .components-popover__content .components-panel__body {
border: 0;
position: relative;
z-index: 1;
}
.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
border-top: 1px solid #e0e0e0;
}
.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
position: absolute;
top: -12px;
right: calc(100% + 32px);
}
.block-editor-block-switcher__preview__popover {
display: none;
}
.block-editor-block-switcher__preview__popover.components-popover {
margin-right: 4px;
margin-top: 11px;
}
@media (min-width: 782px) {
.block-editor-block-switcher__preview__popover {
display: block;
}
}
.block-editor-block-switcher__preview__popover .components-popover__content {
box-shadow: none;
border: 1px solid #1e1e1e;
background: #fff;
border-radius: 2px;
}
.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
width: 300px;
height: auto;
max-height: 500px;
padding: 16px;
}
.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 {
width: 48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle {
height: 48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
width: 48px;
height: 48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
padding: 12px;
}
.block-editor-block-switcher__preview-patterns-container {
padding-bottom: 16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item {
margin-top: 16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container {
cursor: pointer;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
height: 100%;
border-radius: 2px;
transition: all 0.05s ease-in-out;
position: relative;
border: 1px solid transparent;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title {
padding: 4px;
font-size: 12px;
text-align: center;
cursor: pointer;
}
.block-editor-block-types-list > [role=presentation] {
padding: 4px;
margin-right: -4px;
margin-left: -4px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.block-editor-block-variation-picker .components-placeholder__instructions {
margin-bottom: 0;
}
.block-editor-block-variation-picker .components-placeholder__fieldset {
flex-direction: column;
}
.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset {
max-width: 90%;
}
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations {
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin: 16px 0;
padding: 0;
list-style: none;
}
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
list-style: none;
margin: 8px 0 0 20px;
flex-shrink: 1;
width: 75px;
text-align: center;
}
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
display: inline-flex;
margin-left: 0;
}
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
padding: 8px;
}
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px;
display: block;
line-height: 1.4;
}
.block-editor-block-variation-picker__variation {
width: 100%;
}
.block-editor-block-variation-picker__variation.components-button.has-icon {
justify-content: center;
width: auto;
}
.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary {
background-color: #fff;
}
.block-editor-block-variation-picker__variation.components-button {
height: auto;
padding: 0;
}
.block-editor-block-variation-picker__variation::before {
content: "";
padding-bottom: 100%;
}
.block-editor-block-variation-picker__variation:first-child {
margin-right: 0;
}
.block-editor-block-variation-picker__variation:last-child {
margin-left: 0;
}
.block-editor-block-pattern-setup {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #1e1e1e;
outline: 1px solid transparent;
}
.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 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
padding: 16px;
max-height: 550px;
overflow: auto;
margin: 0 1px 1px 1px;
width: calc(100% - 2px);
background: #fff;
}
.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-title {
padding: 4px;
font-size: 12px;
text-align: center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container {
border-radius: 2px;
border: 1px solid #ddd;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar {
box-sizing: border-box;
position: relative;
padding: 16px;
width: 100%;
text-align: right;
margin: 0;
color: #1e1e1e;
border-radius: 2px 2px 0 0;
background-color: #fff;
box-shadow: inset 0 0 0 1px #1e1e1e;
outline: 1px solid transparent;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls {
display: flex;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation,
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
width: calc(50% - 36px);
display: flex;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
justify-content: flex-end;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container {
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container {
overflow: hidden;
position: relative;
padding: 0;
margin: 0;
list-style: none;
transform-style: preserve-3d;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * {
box-sizing: border-box;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
opacity: 0;
position: absolute;
top: 0;
width: 100%;
margin: auto;
padding: 16px;
transition: transform 0.5s, opacity 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-variation-transforms {
padding: 0 56px 16px 16px;
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: right;
justify-content: left;
padding: 6px 12px;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle {
padding-left: 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;
left: 0;
top: 0;
}
.block-editor-block-variation-transforms__popover .components-popover__content {
min-width: 230px;
}
.components-border-style-control__select {
margin-bottom: 24px;
}
.components-border-style-control__select button {
width: 100%;
}
.components-border-style-control__select ul li,
.components-border-style-control__select ul li:last-child {
margin: 6px;
}
.block-editor-button-block-appender {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 8px;
width: 100%;
height: auto;
color: #1e1e1e;
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.is-dark-theme .block-editor-button-block-appender {
color: rgba(255, 255, 255, 0.65);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.block-editor-button-block-appender:hover {
color: var(--wp-admin-theme-color);
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
}
.block-editor-button-block-appender:focus {
box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-button-block-appender:active {
color: #000;
}
.block-editor-button-block-appender.block-list-appender__toggle {
display: flex;
flex-direction: row;
box-shadow: none;
height: 24px;
width: 24px;
}
.block-editor-button-block-appender.block-list-appender__toggle > svg {
width: 24px;
background-color: #1e1e1e;
color: #fff;
border-radius: 2px;
flex: 1 0 auto;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
margin-bottom: 12px;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs {
display: block;
margin-bottom: 12px;
}
.block-editor-panel-color-gradient-settings .component-color-indicator {
vertical-align: text-bottom;
}
.block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
display: inline-block;
}
.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
display: none;
}
@media screen and (min-width: 782px) {
.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
margin-left: 0;
}
.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper {
margin-left: calc((100% - (28px * 6)) / 5);
}
.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6) {
margin-left: 0;
}
}
.block-editor-contrast-checker > .components-notice {
margin: 0;
}
.block-editor-default-block-appender {
clear: both;
margin-right: auto;
margin-left: auto;
position: relative;
}
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
outline: 1px solid transparent;
}
.block-editor-default-block-appender .block-editor-default-block-appender__content {
opacity: 0.62;
}
.block-editor-default-block-appender .components-drop-zone__content-icon {
display: none;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
position: absolute;
top: 0;
height: 32px;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
margin-left: 0;
}
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
left: 8px;
}
@media (min-width: 600px) {
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
display: flex;
height: 100%;
}
}
.block-editor-block-list__empty-block-inserter:disabled,
.block-editor-default-block-appender .block-editor-inserter:disabled {
display: none;
}
.block-editor-duotone-control__popover .components-popover__content {
border: 1px solid #1e1e1e;
min-width: 214px;
}
.block-editor-duotone-control__popover .components-circular-option-picker {
padding: 12px;
}
.block-editor-duotone-control__popover .components-menu-group__label {
padding: 12px 12px 0 12px;
width: 100%;
box-sizing: border-box;
}
.block-editor-duotone-control__popover > .components-popover__content {
width: 334px;
}
.block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content {
margin-right: -14px;
}
.components-font-appearance-control__select {
margin-bottom: 24px;
}
.components-font-appearance-control__select ul li {
color: #1e1e1e;
text-transform: capitalize;
}
.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;
}
.block-editor-link-control {
position: relative;
min-width: 360px;
}
.components-popover__content .block-editor-link-control {
min-width: auto;
width: 90vw;
max-width: 360px;
}
.block-editor-link-control__search-input-wrapper {
position: relative;
}
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
width: calc(100% - 32px);
display: block;
padding: 11px 16px;
padding-left: 36px;
margin: 16px;
position: relative;
border: 1px solid #ddd;
border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.block-editor-link-control .block-editor-link-control__search-input .components-base-control__field {
margin-bottom: 0;
}
.block-editor-link-control__search-error {
margin: -8px 16px 16px;
}
.block-editor-link-control__search-actions {
position: absolute;
/*
* Actions must be positioned on top of URLInput, since the input will grow
* when suggestions are rendered.
*
* Compensate for:
* - Input margin ($grid-unit-20)
* - Border (1px)
* - Vertically, for the difference in height between the input (40px) and
* the icon buttons.
* - Horizontally, pad to the minimum of: default input padding, or the
* equivalent of the vertical padding.
*/
top: 19px;
left: 19px;
}
.components-button .block-editor-link-control__search-submit .has-icon {
margin: -1px;
}
.block-editor-link-control__search-results-wrapper {
position: relative;
margin-top: -15px;
}
.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after {
content: "";
position: absolute;
right: -1px;
left: 16px;
display: block;
pointer-events: none;
z-index: 100;
}
.block-editor-link-control__search-results-wrapper::before {
height: 8px;
top: 0;
bottom: auto;
}
.block-editor-link-control__search-results-wrapper::after {
height: 16px;
bottom: 0;
top: auto;
}
.block-editor-link-control__search-results-label {
padding: 16px 32px 0;
display: block;
font-weight: 600;
}
.block-editor-link-control__search-results {
margin: 0;
padding: 8px 16px 8px;
max-height: 200px;
overflow-y: auto;
}
.block-editor-link-control__search-results.is-loading {
opacity: 0.2;
}
.block-editor-link-control__search-item {
position: relative;
display: flex;
align-items: center;
font-size: 13px;
cursor: pointer;
background: #fff;
width: 100%;
border: none;
text-align: right;
padding: 12px 16px;
border-radius: 5px;
height: auto;
}
.block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus {
background-color: #ddd;
}
.block-editor-link-control__search-item:focus:not(:disabled) {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
}
.block-editor-link-control__search-item.is-selected {
background: #f0f0f0;
}
.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type {
background: #fff;
}
.block-editor-link-control__search-item.is-current {
background: transparent;
border: 0;
width: 100%;
cursor: default;
padding: 16px;
padding-right: 24px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header {
display: block;
margin-left: 8px;
overflow: hidden;
white-space: nowrap;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon {
margin-left: 1em;
min-width: 24px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-info,
.block-editor-link-control__search-item .block-editor-link-control__search-item-title {
overflow: hidden;
text-overflow: ellipsis;
padding-left: 24px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,
.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon {
position: absolute;
left: 0;
margin-top: 0;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title {
display: block;
margin-bottom: 0.2em;
font-weight: 500;
position: relative;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
font-weight: 700;
color: #000;
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-info {
display: block;
color: #757575;
font-size: 0.9em;
line-height: 1.3;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-type {
display: block;
padding: 3px 8px;
margin-right: auto;
font-size: 0.9em;
background-color: #f0f0f0;
border-radius: 2px;
}
.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;
right: 0;
display: block;
width: 100%;
}
.block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item {
padding: 10px;
}
.block-editor-link-control__settings {
border-top: 1px solid #ddd;
margin: 0;
padding: 16px 24px;
}
.block-editor-link-control__settings :last-child {
margin-bottom: 0;
}
.is-alternate .block-editor-link-control__settings {
border-top: 1px solid #1e1e1e;
}
.block-editor-link-control__setting {
margin-bottom: 16px;
}
.block-editor-link-control__setting :last-child {
margin-bottom: 0;
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner {
display: block;
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
position: absolute;
right: auto;
bottom: auto;
/*
* Position spinner to the left of the actions.
*
* Compensate for:
* - Input margin ($grid-unit-20)
* - Border (1px)
* - Vertically, for the difference in height between the input (40px)
* and the spinner.
* - Horizontally, adjust for the width occupied by the icon buttons,
* then artificially create spacing that mimics as if the spinner
* were center-padded to the same width as an icon button.
*/
top: 28px;
left: 62px;
}
.block-editor-link-control__search-item-action {
margin-right: auto;
flex-shrink: 0;
}
.block-editor-line-height-control {
margin-bottom: 24px;
}
.block-editor-line-height-control input {
display: block;
max-width: 60px;
}
.block-editor-image-size-control {
margin-bottom: 1em;
}
.block-editor-image-size-control .block-editor-image-size-control__row {
display: flex;
justify-content: space-between;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width,
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
margin-bottom: 0.5em;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input,
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input {
line-height: 1.25;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width {
margin-left: 5px;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
margin-right: 5px;
}
.block-editor-block-list__layout.has-overlay::after {
content: "";
position: absolute;
top: -14px;
left: -14px;
bottom: -14px;
right: -14px;
z-index: 60;
}
[data-align=full] .has-overlay::after {
left: 0;
right: 0;
}
.block-editor-block-types-list__list-item {
display: block;
width: 33.33%;
padding: 0;
margin: 0;
}
.components-button.block-editor-block-types-list__item {
display: flex;
flex-direction: column;
width: 100%;
font-size: 13px;
color: #1e1e1e;
padding: 8px;
align-items: stretch;
justify-content: center;
cursor: pointer;
background: transparent;
word-break: break-word;
border-radius: 2px;
border: 1px solid transparent;
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 {
border-color: var(--wp-admin-theme-color);
color: var(--wp-admin-theme-color) !important;
}
.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-right: auto;
margin-left: 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;
}
.modal-open .block-editor-media-replace-flow__options {
display: none;
}
.block-editor-media-replace-flow__options .components-popover__content > div {
padding-top: 16px;
}
.block-editor-media-replace-flow__indicator {
margin-right: 4px;
}
.block-editor-media-flow__url-input {
border-top: 1px solid #1e1e1e;
margin-top: 12px;
margin-left: -12px;
margin-right: -12px;
padding: 12px 24px 0;
}
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
top: 16px;
}
.block-editor-media-flow__url-input .block-editor-link-control {
margin-top: -16px;
width: auto;
}
.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
margin-bottom: 0;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
max-width: 180px;
margin-top: 16px;
}
.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: 16px 0 0 0;
width: 100%;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
left: 4px;
}
.block-editor-media-flow__error {
padding: 0 20px 20px 20px;
max-width: 255px;
}
.block-editor-media-flow__error .components-with-notices-ui {
max-width: 255px;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__content {
overflow: hidden;
word-wrap: break-word;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss {
position: absolute;
left: 10px;
}
.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
margin-bottom: 0;
}
.block-editor-media-placeholder__url-input-form {
display: flex;
}
.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
width: 100%;
flex-grow: 1;
border: none;
border-radius: 0;
margin: 2px;
}
@media (min-width: 600px) {
.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
width: 300px;
}
}
.block-editor-media-placeholder__url-input-submit-button {
flex-shrink: 1;
}
.block-editor-media-placeholder__button {
margin-bottom: 0.5rem;
}
.block-editor-media-placeholder__cancel-button.is-link {
margin: 1em;
display: block;
}
.block-editor-media-placeholder.is-appender {
min-height: 0;
}
.block-editor-media-placeholder.is-appender:hover {
cursor: pointer;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
}
.block-editor-multi-selection-inspector__card {
display: flex;
align-items: flex-start;
padding: 16px;
}
.block-editor-multi-selection-inspector__card-content {
flex-grow: 1;
}
.block-editor-multi-selection-inspector__card-title {
font-weight: 500;
margin-bottom: 5px;
}
.block-editor-multi-selection-inspector__card-description {
font-size: 13px;
}
.block-editor-multi-selection-inspector__card .block-editor-block-icon {
margin-right: -2px;
margin-left: 10px;
padding: 0 3px;
width: 36px;
height: 24px;
}
.block-editor-plain-text {
box-shadow: none;
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
border: none;
padding: 0;
margin: 0;
width: 100%;
}
.block-editor-responsive-block-control {
margin-bottom: 28px;
border-bottom: 1px solid #ccc;
padding-bottom: 14px;
}
.block-editor-responsive-block-control:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.block-editor-responsive-block-control__title {
margin: 0;
margin-bottom: 0.6em;
margin-right: -3px;
}
.block-editor-responsive-block-control__label {
font-weight: 600;
margin-bottom: 0.6em;
margin-right: -3px;
}
.block-editor-responsive-block-control__inner {
margin-right: -1px;
}
.block-editor-responsive-block-control__toggle {
margin-right: 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;
}
.block-editor-rich-text__editable > p:first-child {
margin-top: 0;
}
.block-editor-rich-text__editable [data-rich-text-placeholder] {
pointer-events: none;
}
.block-editor-rich-text__editable [data-rich-text-placeholder]::after {
content: attr(data-rich-text-placeholder);
opacity: 0.62;
}
.block-editor-rich-text__editable:focus {
outline: none;
}
.block-editor-rich-text__editable:focus [data-rich-text-format-boundary] {
border-radius: 2px;
}
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
opacity: 0.8;
}
.components-popover.block-editor-rich-text__inline-format-toolbar {
z-index: 99998;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
width: auto;
min-width: auto;
margin-bottom: 8px;
box-shadow: none;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group,
.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
border: none;
}
.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-right: 12px;
padding-left: 12px;
}
.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle {
justify-content: center;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon {
width: auto;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg {
display: none;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after {
content: attr(aria-label);
}
[data-rich-text-script] {
display: inline;
}
[data-rich-text-script]::before {
content: "</>";
background: yellow;
}
.block-editor-skip-to-selected-block {
position: absolute;
top: -9999em;
}
.block-editor-skip-to-selected-block:focus {
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
background: #f1f1f1;
color: var(--wp-admin-theme-color);
line-height: normal;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
outline: none;
z-index: 100000;
}
.block-editor-text-decoration-and-transform {
display: flex;
}
.block-editor-text-transform-control {
flex: 0 0 50%;
}
.block-editor-text-transform-control legend {
margin-bottom: 8px;
}
.block-editor-text-transform-control .block-editor-text-transform-control__buttons {
display: inline-flex;
margin-bottom: 24px;
}
.block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon {
min-width: 24px;
padding: 0;
margin-left: 4px;
}
.block-editor-text-decoration-control {
flex: 0 0 50%;
}
.block-editor-text-decoration-control legend {
margin-bottom: 8px;
}
.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons {
display: inline-flex;
margin-bottom: 24px;
}
.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon {
min-width: 24px;
padding: 0;
margin-left: 4px;
}
.block-editor-tool-selector__help {
margin-top: 8px;
margin-right: -12px;
margin-left: -12px;
margin-bottom: -12px;
padding: 12px 20px;
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 12px 8px 8px;
border: none;
border-radius: 0;
margin-right: 0;
margin-left: 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;
left: 8px 8px 8px 12px;
bottom: 8px 8px 8px 12px8px1;
margin: 0;
}
.block-editor-url-input__input[type=text] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-url-input__input[type=text] {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.block-editor-url-input__input[type=text] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.block-editor-url-input__input[type=text]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-editor-url-input__input[type=text]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.block-editor-url-input__input[type=text]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.block-editor-url-input__input[type=text]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.block-editor-url-input__suggestions {
max-height: 200px;
transition: all 0.15s ease-in-out;
padding: 4px 0;
width: 302px;
overflow-y: auto;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-url-input__suggestions {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-url-input__suggestions,
.block-editor-url-input .components-spinner {
display: none;
}
@media (min-width: 600px) {
.block-editor-url-input__suggestions,
.block-editor-url-input .components-spinner {
display: inherit;
}
}
.block-editor-url-input__suggestion {
padding: 4px 8px 8px 8px 12px;
color: #757575;
display: block;
font-size: 13px;
cursor: pointer;
background: #fff;
width: 100%;
border: none;
text-align: right;
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-left: 4px;
overflow: visible;
}
.block-editor-url-input__button .block-editor-url-input__back::after {
content: "";
position: absolute;
display: block;
width: 1px;
height: 24px;
left: -1px;
background: #ddd;
}
.block-editor-url-input__button-modal {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
border: 1px solid #ddd;
background: #fff;
}
.block-editor-url-input__button-modal-line {
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
align-items: flex-start;
}
.block-editor-url-input__button-modal-line .components-button {
flex-shrink: 0;
width: 36px;
height: 36px;
}
.block-editor-url-popover__additional-controls {
border-top: 1px solid #ddd;
}
.block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg {
box-shadow: none;
}
.block-editor-url-popover__additional-controls div[role=menu] > .components-button {
padding-right: 12px;
}
.block-editor-url-popover__row {
display: flex;
}
.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
flex-grow: 1;
}
.block-editor-url-popover .components-button.has-icon {
padding: 3px;
}
.block-editor-url-popover .components-button.has-icon > svg {
padding: 5px;
border-radius: 2px;
height: 30px;
width: 30px;
}
.block-editor-url-popover .components-button.has-icon:not(:disabled):focus {
box-shadow: none;
}
.block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
outline: 2px solid transparent;
}
.block-editor-url-popover__settings-toggle {
flex-shrink: 0;
border-radius: 0;
border-right: 1px solid #ddd;
margin-right: 1px;
}
.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon {
transform: rotate(-180deg);
}
.block-editor-url-popover__input-container .components-base-control:last-child,
.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field {
margin-bottom: 0;
}
.block-editor-url-popover__settings {
display: block;
padding: 16px;
border-top: 1px solid #ddd;
}
.block-editor-url-popover__link-editor,
.block-editor-url-popover__link-viewer {
display: flex;
}
.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,
.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field {
margin-bottom: 0;
}
.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,
.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner {
bottom: 8px 8px 8px 12px1;
}
.block-editor-url-popover__link-viewer-url {
margin: 7px;
flex-grow: 1;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 150px;
max-width: 500px;
}
.block-editor-url-popover__link-viewer-url.has-invalid-link {
color: #cc1818;
}
.block-editor-warning {
align-items: center;
display: flex;
flex-wrap: wrap;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 1em;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
}
.block-editor-warning .block-editor-warning__message {
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
color: #1e1e1e;
margin: 0;
}
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
min-height: auto;
}
.block-editor-warning .block-editor-warning__contents {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: baseline;
width: 100%;
}
.block-editor-warning .block-editor-warning__actions {
display: flex;
margin-top: 1em;
}
.block-editor-warning .block-editor-warning__action {
margin: 0 0 0 8px;
}
.block-editor-warning__secondary {
margin: auto 8px auto 0;
}
.components-popover.block-editor-warning__dropdown {
z-index: 99998;
}
.html-anchor-control .components-external-link {
display: block;
margin-top: 8px;
}
.block-editor-hooks__layout-controls {
display: flex;
margin-bottom: 16px;
}
.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit {
display: flex;
margin-left: 24px;
}
.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg {
margin: auto 8px 4px 0;
}
.block-editor-hooks__layout-controls-reset {
display: flex;
justify-content: flex-end;
margin-bottom: 24px;
}
.block-editor-hooks__layout-controls-helptext {
font-size: 12px;
}
#end-resizable-editor-section {
display: none;
}
/**
* Block Toolbar
*/
.block-editor-block-toolbar {
display: flex;
flex-grow: 1;
width: 100%;
overflow: auto;
position: relative;
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-left: 1px solid #ddd;
}
.block-editor-block-toolbar > :last-child,
.block-editor-block-toolbar > :last-child .components-toolbar-group,
.block-editor-block-toolbar > :last-child .components-toolbar {
border-left: none;
}
.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
margin-right: calc(48px + 8px);
}
.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
margin-right: 0;
}
.block-editor-block-parent-selector {
position: absolute;
top: -1px;
right: calc(-48px - 8px - 1px);
}
.show-icon-labels .block-editor-block-parent-selector {
position: relative;
right: auto;
top: auto;
margin-top: -1px;
margin-right: -1px;
margin-bottom: -1px;
}
.block-editor-block-toolbar__block-controls {
height: auto !important;
padding: 0 !important;
margin-right: -1px;
}
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
width: 24px !important;
margin: 0 !important;
}
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before {
left: 4px !important;
}
.block-editor-block-toolbar__block-controls .block-editor-block-mover {
margin-right: -6px;
}
.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-right: 6px;
padding-left: 6px;
}
.show-icon-labels .block-editor-block-switcher {
border-left: 1px solid #1e1e1e;
}
.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle {
margin-right: 0;
}
.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
width: 0 !important;
height: 0 !important;
}
.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
.show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus::before {
left: 4px !important;
}
.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon {
width: 0;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
margin-right: 0;
white-space: nowrap;
}
.show-icon-labels .block-editor-block-mover-button {
padding-right: 8px !important;
padding-left: 8px !important;
}
.show-icon-labels .block-editor-block-mover__drag-handle.has-icon {
padding-right: 6px !important;
padding-left: 6px !important;
border-left: 1px solid #1e1e1e;
}
@media (min-width: 600px) {
.show-icon-labels .is-up-button.is-up-button.is-up-button {
border-bottom: 1px solid #1e1e1e;
margin-left: 0;
border-radius: 0;
}
}
.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
width: auto;
}
.show-icon-labels .components-toolbar,
.show-icon-labels .components-toolbar-group {
flex-shrink: 1;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button {
margin-right: 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__popover.is-quick .components-popover__content {
border: none;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child {
border-top: 1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child {
border-bottom: 1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button {
border: 1px solid #1e1e1e;
}
.block-editor-inserter__popover .block-editor-inserter__menu {
margin: -12px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs {
top: 60px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
overflow: visible;
height: auto;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
display: none;
}
.block-editor-inserter__toggle.components-button {
display: inline-flex;
align-items: center;
cursor: pointer;
border: none;
outline: none;
padding: 0;
transition: color 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-inserter__toggle.components-button {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-inserter__menu {
height: 100%;
position: relative;
overflow: visible;
}
.block-editor-inserter__main-area {
width: auto;
overflow-y: auto;
height: 100%;
}
@media (min-width: 782px) {
.block-editor-inserter__main-area {
width: 350px;
}
}
.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;
position: sticky;
top: 0;
background: #fff;
z-index: 1;
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
display: block;
padding: 16px 16px 16px 48px;
background: #f0f0f0;
border: none;
width: 100%;
height: 48px;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
@media (min-width: 600px) {
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
font-size: 13px;
}
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus {
background: #fff;
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder {
color: #757575;
}
.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.block-editor-inserter__search-icon {
position: absolute;
top: 0;
left: 20px;
bottom: 0;
display: flex;
align-items: center;
}
.block-editor-inserter__search-icon > svg {
margin: 8px;
}
.block-editor-inserter__tabs {
display: flex;
flex-direction: column;
margin-top: -8px;
}
.block-editor-inserter__tabs .components-tab-panel__tabs {
position: sticky;
top: 72px;
background: #fff;
z-index: 1;
border-bottom: 1px solid #ddd;
}
.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
flex-grow: 1;
margin-bottom: -1px;
}
.block-editor-inserter__tabs .components-tab-panel__tab-content {
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
z-index: 0;
}
.block-editor-inserter__panel-header {
display: inline-flex;
align-items: center;
padding: 16px 16px 0;
}
.block-editor-inserter__panel-header-patterns {
padding: 16px 16px 0;
}
.block-editor-inserter__panel-content {
padding: 16px;
}
.block-editor-inserter__panel-title,
.block-editor-inserter__panel-title button {
margin: 0 0 0 12px;
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 {
line-height: 1.2;
}
.block-editor-inserter__panel-dropdown select {
border: none;
}
.block-editor-inserter__block-list {
flex-grow: 1;
position: relative;
}
.block-editor-inserter__popover .block-editor-block-types-list {
margin: -8px;
}
.block-editor-inserter__reusable-blocks-panel {
position: relative;
text-align: left;
}
.block-editor-inserter__manage-reusable-blocks {
display: inline-block;
margin: 16px;
}
.block-editor-inserter__no-results {
padding: 32px;
margin-top: 64px;
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-left: 8px;
}
.block-editor-inserter__preview-container {
display: none;
width: 300px;
background: #fff;
border-radius: 2px;
border: 1px solid #ddd;
position: absolute;
top: 16px;
right: calc(100% + 16px);
max-height: calc(100% - 32px);
overflow-y: hidden;
}
@media (min-width: 782px) {
.block-editor-inserter__preview-container {
display: block;
}
}
.block-editor-inserter__preview-container .block-editor-block-card {
padding: 16px;
}
.block-editor-inserter__preview-container .block-editor-block-card__title {
font-size: 13px;
}
.block-editor-inserter__preview-content {
min-height: 144px;
background: #f0f0f0;
display: grid;
flex-grow: 1;
align-items: center;
}
.block-editor-inserter__preview-content-missing {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
min-height: 144px;
color: #757575;
background: #f0f0f0;
}
.block-editor-inserter__tips {
border-top: 1px solid #ddd;
padding: 16px;
flex-shrink: 0;
position: relative;
}
.block-editor-inserter__manage-reusable-blocks-container {
padding: 16px;
}
.block-editor-inserter__quick-inserter {
width: 100%;
max-width: 100%;
}
@media (min-width: 782px) {
.block-editor-inserter__quick-inserter {
width: 350px;
}
}
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
height: 0;
padding: 0;
float: right;
}
.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-separator {
border-top: 1px solid #ddd;
}
.block-editor-inserter__popover.is-quick > .components-popover__content > div {
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:focus:not(:disabled) {
box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff;
}
.block-editor-post-preview__dropdown {
padding: 0;
}
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
padding-right: 40px;
}
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon {
padding-right: 8px;
}
.block-editor-post-preview__dropdown-content .components-popover__content {
overflow-y: visible;
}
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
padding-bottom: 8px;
}
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
margin-bottom: 0;
}
.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
padding: 8px;
}
@media (min-width: 600px) {
.edit-post-header__settings .editor-post-preview,
.edit-site-header__actions .editor-post-preview {
display: none;
}
}
@media (min-width: 600px) {
.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
transition: opacity 0.1s linear;
}
}
@media (min-width: 600px) and (prefers-reduced-motion: reduce) {
.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state,
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle {
opacity: 0;
}
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened {
opacity: 1;
}
}
body.admin-color-light {
--wp-admin-theme-color: #0085ba;
--wp-admin-theme-color-darker-10: #0073a1;
--wp-admin-theme-color-darker-20: #006187;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-light {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-modern {
--wp-admin-theme-color: #3858e9;
--wp-admin-theme-color-darker-10: #2145e6;
--wp-admin-theme-color-darker-20: #183ad6;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-modern {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-blue {
--wp-admin-theme-color: #096484;
--wp-admin-theme-color-darker-10: #07526c;
--wp-admin-theme-color-darker-20: #064054;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-blue {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-coffee {
--wp-admin-theme-color: #46403c;
--wp-admin-theme-color-darker-10: #383330;
--wp-admin-theme-color-darker-20: #2b2724;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-coffee {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ectoplasm {
--wp-admin-theme-color: #523f6d;
--wp-admin-theme-color-darker-10: #46365d;
--wp-admin-theme-color-darker-20: #3a2c4d;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-ectoplasm {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-midnight {
--wp-admin-theme-color: #e14d43;
--wp-admin-theme-color-darker-10: #dd382d;
--wp-admin-theme-color-darker-20: #d02c21;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-midnight {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ocean {
--wp-admin-theme-color: #627c83;
--wp-admin-theme-color-darker-10: #576e74;
--wp-admin-theme-color-darker-20: #4c6066;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-ocean {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-sunrise {
--wp-admin-theme-color: #dd823b;
--wp-admin-theme-color-darker-10: #d97426;
--wp-admin-theme-color-darker-20: #c36922;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-sunrise {
--wp-admin-border-width-focus: 1.5px;
}
} home/studionolh/www/wp-includes/blocks/post-excerpt/style-rtl.css 0000644 00000002533 15233443020 0021324 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-post-excerpt__more-link {
display: inline-block;
} home/studionolh/www/wp-includes/css/dist/block-library/style-rtl.css 0000644 00000264657 15233453560 0021734 0 ustar 00 @charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
#start-resizable-editor-section {
display: none;
}
.wp-block-audio {
margin: 0 0 1em 0;
}
.wp-block-audio figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-audio audio {
width: 100%;
min-width: 300px;
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
box-sizing: border-box;
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
color: #fff;
}
.wp-block-button__link.aligncenter {
text-align: center;
}
.wp-block-button__link.alignright {
text-align: right;
}
.wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none;
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%;
}
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: calc(100% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {
margin-left: 0;
width: 100%;
}
@supports (column-gap: 0.5em) {
.wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {
margin-left: 0;
margin-right: 0;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - 0.375em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - 0.25em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - 0.125em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: auto;
flex-basis: 100%;
}
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0;
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important;
}
.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline {
border: 2px solid currentColor;
padding: 0.667em 1.333em;
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor;
}
.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
}
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 0.5em;
/* stylelint-disable indentation */
}
.wp-block-buttons.is-vertical {
flex-direction: column;
}
.wp-block-buttons.is-vertical > .wp-block-button {
margin-right: 0;
}
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
margin-bottom: 0;
}
.wp-block-buttons > .wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-buttons > .wp-block-button:last-child {
margin-right: 0;
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start;
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start;
}
.wp-block-buttons.is-content-justification-center {
justify-content: center;
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center;
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end;
}
.wp-block-buttons.is-content-justification-right > .wp-block-button {
margin-left: 0.5em;
margin-right: 0;
}
.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {
margin-left: 0;
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end;
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between;
}
.wp-block-buttons.aligncenter {
text-align: center;
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 0.5em;
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0;
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 0.5em;
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0;
}
.wp-block-buttons:not(.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center) .wp-block-button.aligncenter {
/* stylelint-enable indentation */
margin-right: auto;
margin-left: auto;
margin-bottom: 0.5em;
width: 100%;
}
.wp-block-button.aligncenter {
text-align: center;
}
.wp-block-calendar {
text-align: center;
}
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 0.25em;
border: 1px solid #ddd;
}
.wp-block-calendar tfoot td {
border: none;
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd;
}
.wp-block-calendar a {
text-decoration: underline;
}
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d;
}
.wp-block-categories.alignleft {
margin-right: 2em;
}
.wp-block-categories.alignright {
margin-left: 2em;
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word;
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap;
/**
* All Columns Alignment
*/
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap;
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em;
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start;
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center;
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end;
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
/**
* Individual Column Alignment
*/
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important;
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column:not(:only-child) {
flex-basis: calc(50% - 1em) !important;
flex-grow: 0;
}
.wp-block-column:nth-child(even) {
margin-right: 2em;
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0;
}
.wp-block-column:not(:first-child) {
margin-right: 2em;
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start;
}
.wp-block-column.is-vertically-aligned-center {
align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
width: 100%;
}
.wp-block-cover-image,
.wp-block-cover {
position: relative;
background-size: cover;
background-position: center center;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box;
/**
* Set a default background color for has-background-dim _unless_ it includes another
* background-color class (e.g. has-green-background-color). The presence of another
* background-color class implies that another style will provide the background color
* for the overlay.
*
* See:
* - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
* - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
*/
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: 0.1;
}
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: 0.2;
}
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: 0.3;
}
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: 0.4;
}
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: 0.6;
}
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: 0.7;
}
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: 0.8;
}
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: 0.9;
}
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1;
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-cover-image::after,
.wp-block-cover::after {
display: block;
content: "";
font-size: 0;
min-height: inherit;
}
@supports (position: sticky) {
.wp-block-cover-image::after,
.wp-block-cover::after {
content: none;
}
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex;
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff;
}
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color) {
color: inherit;
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center;
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end;
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center;
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end;
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center;
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto;
}
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none;
}
.wp-block-cover__video-background {
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-right: 0;
text-align: right;
}
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-left: 0;
text-align: left;
}
section.wp-block-cover-image > h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
}
.wp-block[data-align=left] > [data-type="core/embed"],
.wp-block[data-align=right] > [data-type="core/embed"],
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
width: 100%;
}
.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper {
min-width: 280px;
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px;
}
.wp-block-embed {
margin: 0 0 1em 0;
}
.wp-block-embed figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-embed iframe {
max-width: 100%;
}
.wp-block-embed__wrapper {
position: relative;
}
.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;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 42.85%;
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
padding-top: 50%;
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 56.25%;
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 75%;
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
padding-top: 100%;
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
padding-top: 177.77%;
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
padding-top: 200%;
}
.wp-block-file {
margin-bottom: 1.5em;
}
.wp-block-file.aligncenter {
text-align: center;
}
.wp-block-file.alignright {
text-align: right;
}
.wp-block-file .wp-block-file__embed {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 0.8em;
padding: 0.5em 1em;
}
.wp-block-file a.wp-block-file__button {
text-decoration: none;
}
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
box-shadow: none;
color: #fff;
opacity: 0.85;
text-decoration: none;
}
.wp-block-file * + .wp-block-file__button {
margin-right: 0.75em;
}
.wp-block-gallery,
.blocks-gallery-grid {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
margin: 0 0 1em 1em;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
align-self: flex-start;
width: calc(50% - 1em);
}
.wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.wp-block-gallery .blocks-gallery-item:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {
margin-left: 0;
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure,
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure {
margin: 0;
height: 100%;
}
@supports (position: sticky) {
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure,
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
}
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img,
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
@supports (position: sticky) {
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img,
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img {
width: auto;
}
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em 0.77em 0.7em;
color: #fff;
text-align: center;
font-size: 0.8em;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
box-sizing: border-box;
margin: 0;
}
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img,
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img {
display: inline;
}
.wp-block-gallery figcaption,
.blocks-gallery-grid figcaption {
flex-grow: 1;
}
.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,
.blocks-gallery-grid.is-cropped .blocks-gallery-image,
.blocks-gallery-grid.is-cropped .blocks-gallery-item {
align-self: inherit;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img,
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
width: 100%;
}
@supports (position: sticky) {
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img,
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item {
width: 100%;
margin-left: 0;
}
@media (min-width: 600px) {
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item {
width: calc(33.3333333333% - 0.6666666667em);
margin-left: 1em;
}
.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item {
width: calc(25% - 0.75em);
margin-left: 1em;
}
.wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item {
width: calc(20% - 0.8em);
margin-left: 1em;
}
.wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item {
width: calc(16.6666666667% - 0.8333333333em);
margin-left: 1em;
}
.wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item {
width: calc(14.2857142857% - 0.8571428571em);
margin-left: 1em;
}
.wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item {
width: calc(12.5% - 0.875em);
margin-left: 1em;
}
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-left: 0;
}
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-left: 0;
}
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-left: 0;
}
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-left: 0;
}
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-left: 0;
}
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-left: 0;
}
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-left: 0;
}
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-left: 0;
}
}
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child,
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child {
margin-left: 0;
}
.wp-block-gallery.alignleft, .wp-block-gallery.alignright,
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-gallery.aligncenter .blocks-gallery-item figure,
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
justify-content: center;
}
.wp-block-group {
box-sizing: border-box;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em;
}
.wp-block-image {
margin: 0 0 1em 0;
}
.wp-block-image img {
max-width: 100%;
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit;
}
.wp-block-image.aligncenter {
text-align: center;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%;
}
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image .aligncenter {
display: table;
}
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image .aligncenter > figcaption {
display: table-caption;
caption-side: bottom;
}
.wp-block-image .alignleft {
float: left;
margin-left: 0;
margin-left: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image .alignright {
float: right;
margin-right: 0;
margin-right: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image .aligncenter {
margin-right: auto;
margin-left: auto;
}
.wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-image.is-style-rounded img {
border-radius: 9999px;
}
.wp-block-image.is-style-circle-mask img {
border-radius: 9999px;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
.wp-block-image.is-style-circle-mask img {
/* stylelint-disable */
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
/* stylelint-enable */
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0;
}
}
.wp-block-image figure {
margin: 0;
}
ol.wp-block-latest-comments {
margin-right: 0;
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-right: 0;
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em;
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-right: 3.25em;
}
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: 0.75em;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: right;
height: 2.5em;
margin-left: 0.75em;
width: 2.5em;
}
.wp-block-latest-posts.alignleft {
margin-right: 2em;
}
.wp-block-latest-posts.alignright {
margin-left: 2em;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-right: 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 0 1.25em 1.25em;
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-left: 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-left: 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-left: 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-left: 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-left: 0;
}
}
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
display: block;
color: #555;
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 {
margin-right: 1em;
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em;
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center;
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center;
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0;
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em;
}
.wp-block-media-text {
direction: ltr;
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%;
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
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 {
grid-column: 1;
grid-row: 1;
margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
direction: rtl;
grid-column: 2;
grid-row: 1;
padding: 0 8% 0 8%;
word-break: break-word;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: 2;
grid-row: 1;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
.wp-block-media-text.is-image-fill .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;
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0;
}
.wp-block-navigation .wp-block-pages-list__item,
.wp-block-navigation .wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
}
.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {
display: none;
}
.wp-block-navigation .wp-block-pages-list__item__link,
.wp-block-navigation .wp-block-navigation-link__content {
color: inherit;
display: block;
}
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus, .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active {
text-decoration: inherit;
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content {
text-decoration: none;
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active {
text-decoration: none;
}
.wp-block-navigation .wp-block-page-list__submenu-icon,
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
height: inherit;
}
.wp-block-navigation .wp-block-page-list__submenu-icon svg,
.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {
stroke: currentColor;
}
.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link,
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content {
padding: 0;
}
.wp-block-navigation .has-child > .wp-block-pages-list__item__link,
.wp-block-navigation .has-child > .wp-block-navigation-link__content {
margin-left: 0.5em;
}
.wp-block-navigation .has-child .submenu-container,
.wp-block-navigation .has-child .wp-block-navigation-link__container {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
flex-direction: column;
align-items: normal;
min-width: 200px;
display: none;
opacity: 0;
transition: opacity 0.1s linear;
visibility: hidden;
}
.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link,
.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content,
.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link,
.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1;
}
.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-left: 0.5em;
}
@media (min-width: 782px) {
.wp-block-navigation .has-child .submenu-container .submenu-container::before,
.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container::before,
.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container::before,
.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container::before {
content: "";
position: absolute;
left: 100%;
height: 100%;
display: block;
width: 0.5em;
background: transparent;
}
.wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,
.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,
.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg,
.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(90deg);
}
}
.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation .has-child:hover {
cursor: pointer;
}
.wp-block-navigation .has-child:hover > .submenu-container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation .has-child:focus-within {
cursor: pointer;
}
.wp-block-navigation .has-child:focus-within > .submenu-container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {
right: auto;
left: 0;
}
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
right: auto;
left: 100%;
}
.wp-block-navigation.wp-block-navigation .wp-block-page-list,
.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item,
.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link {
margin: 0 0 0 2em;
}
.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,
.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child,
.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child {
margin-left: 0;
}
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link {
margin: 0 0 0 0.5em;
}
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content {
padding: 0.5em 1em;
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container {
right: -1em;
top: 100%;
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link {
margin: 0;
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content {
padding: 0.5em 1em;
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
right: -1px;
}
@media (min-width: 782px) {
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
right: 100%;
top: -1px;
}
}
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {
right: 0;
top: 100%;
}
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
right: 0;
}
@media (min-width: 782px) {
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
right: 100%;
top: 0;
}
}
.wp-block-navigation:not(.has-background) .submenu-container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-navigation__container {
align-items: center;
list-style: none;
margin: 0;
padding-right: 0;
}
.wp-block-navigation__container .is-responsive {
display: none;
}
@media (min-width: 600px) {
.wp-block-navigation__container {
display: flex;
flex-wrap: wrap;
}
.is-vertical .wp-block-navigation__container {
display: block;
flex-direction: column;
align-items: flex-start;
}
}
.items-justified-center .wp-block-navigation__container {
justify-content: center;
}
.items-justified-right .wp-block-navigation__container {
justify-content: flex-end;
}
.items-justified-space-between .wp-block-navigation__container {
justify-content: space-between;
}
.is-vertical.items-justified-center > ul {
align-items: center;
}
.is-vertical.items-justified-right > ul {
align-items: flex-end;
}
.is-vertical.items-justified-right > ul .wp-block-navigation-link,
.is-vertical.items-justified-right > ul .wp-block-pages-list__item {
margin-left: 0;
justify-content: flex-end;
}
/**
* Mobile menu.
*/
.wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
align-items: flex-start;
justify-content: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
overflow: auto;
z-index: 100000;
padding: 24px;
background-color: inherit;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
display: flex;
flex-direction: column;
margin-right: auto;
margin-left: auto;
align-items: flex-start;
line-height: 48px;
padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {
flex-direction: column;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {
background: transparent !important;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: flex;
flex-direction: row;
position: relative;
background-color: inherit;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {
right: 0;
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: transparent;
border: none;
margin: 0;
padding: 0;
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px;
}
.wp-block-navigation__responsive-container-open {
display: flex;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open {
display: none;
}
}
.items-justified-left .wp-block-navigation__responsive-container-open {
margin-right: 0;
margin-left: auto;
}
.items-justified-center .wp-block-navigation__responsive-container-open {
margin-right: auto;
margin-left: auto;
}
.items-justified-right .wp-block-navigation__responsive-container-open {
margin-right: auto;
margin-left: 0;
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 24px;
left: 24px;
z-index: 2;
}
.wp-block-navigation__responsive-close {
width: 100%;
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-dialog,
.is-menu-open .wp-block-navigation__responsive-container-content {
width: 100%;
height: 100%;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {
display: none;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {
position: relative;
opacity: 1;
visibility: visible;
padding: 0 32px 0 0;
border: none;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
flex-direction: column;
align-items: flex-start;
}
html.has-modal-open {
overflow: hidden;
}
.wp-block-navigation .wp-block-navigation-link__label {
word-break: normal;
overflow-wrap: break-word;
}
.wp-block-navigation .wp-block-home-link__content {
color: inherit;
display: block;
padding: 0.5em 1em;
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {
text-decoration: inherit;
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {
text-decoration: none;
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {
text-decoration: none;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
top: -1px;
}
.wp-block-navigation .wp-block-page-list {
display: flex;
flex-wrap: wrap;
background-color: inherit;
}
.wp-block-navigation .wp-block-pages-list__item {
background-color: inherit;
}
.wp-block-navigation .wp-block-page-list__submenu-icon {
display: none;
}
.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
display: block;
}
.is-vertical .wp-block-navigation__container .wp-block-page-list,
.is-open .wp-block-navigation__container .wp-block-page-list {
display: block;
}
@media (min-width: 480px) {
.is-open .wp-block-navigation__container .wp-block-page-list {
display: flex;
}
}
.items-justified-space-between .wp-block-page-list {
display: contents;
}
.is-small-text {
font-size: 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: right;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
margin: 0.05em 0 0 0.1em;
text-transform: uppercase;
font-style: normal;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
p.has-background {
padding: 1.25em 2.375em;
}
p.has-text-color a {
color: inherit;
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 0.5em;
}
.wp-block-post-author__avatar {
margin-left: 1em;
}
.wp-block-post-author__bio {
margin-bottom: 0.7em;
font-size: 0.7em;
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0;
}
.wp-block-post-author__name {
font-weight: bold;
margin: 0;
}
.wp-block-post-comments .commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-right: 3.25em;
}
.wp-block-post-comments .commentlist .comment p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .comment-author {
line-height: 1.5;
margin-right: -3.25em;
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: right;
height: 2.5em;
margin-left: 0.75em;
width: 2.5em;
}
.wp-block-post-comments .comment-author cite {
font-style: normal;
}
.wp-block-post-comments .comment-meta {
line-height: 1.5;
margin-right: -3.25em;
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: 0.75em;
}
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
}
.wp-block-post-comments .comment-form-comment textarea {
box-sizing: border-box;
width: 100%;
}
.wp-block-post-comments .reply {
font-size: 0.75em;
margin-bottom: 1.4em;
}
.wp-block-post-comments textarea,
.wp-block-post-comments input {
border: 1px solid #949494;
}
.wp-block-post-comments-form input[type=submit] {
border: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word;
}
.wp-block-post-excerpt__more-link {
display: inline-block;
}
.wp-block-post-title a {
display: inline-block;
}
.wp-block-preformatted {
white-space: pre-wrap;
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em;
}
.wp-block-pullquote {
margin: 0 0 1em 0;
padding: 3em 0;
text-align: center;
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 420px;
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 1.25em;
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative;
}
.wp-block-pullquote .has-text-color a {
color: inherit;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-solid-color {
border: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-right: auto;
margin-left: auto;
text-align: right;
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,
.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0;
}
.wp-block-post-template li,
.wp-block-query-loop li {
clear: both;
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin-left: 1.25em;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
width: calc((100% / 2) - 1.25em + (1.25em / 2));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
width: calc((100% / 3) - 1.25em + (1.25em / 3));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
width: calc((100% / 4) - 1.25em + (1.25em / 4));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
width: calc((100% / 5) - 1.25em + (1.25em / 5));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
width: calc((100% / 6) - 1.25em + (1.25em / 6));
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
margin-left: 0;
}
}
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wp-block-query-pagination > .wp-block-query-pagination-next,
.wp-block-query-pagination > .wp-block-query-pagination-previous,
.wp-block-query-pagination > .wp-block-query-pagination-numbers {
display: inline-block;
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 {
margin-right: 0;
}
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin-bottom: 1em;
padding: 0 1em;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6;
}
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
font-size: 1.125em;
text-align: left;
}
.wp-block-rss.wp-block-rss {
box-sizing: border-box;
}
.wp-block-rss.alignleft {
margin-right: 2em;
}
.wp-block-rss.alignright {
margin-left: 2em;
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
.wp-block-rss.is-grid li {
margin: 0 0 1em 1em;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(( 100% / 2 ) - 1em);
}
.wp-block-rss.columns-3 li {
width: calc(( 100% / 3 ) - 1em);
}
.wp-block-rss.columns-4 li {
width: calc(( 100% / 4 ) - 1em);
}
.wp-block-rss.columns-5 li {
width: calc(( 100% / 5 ) - 1em);
}
.wp-block-rss.columns-6 li {
width: calc(( 100% / 6 ) - 1em);
}
}
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
display: block;
color: #555;
font-size: 0.8125em;
}
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: 0.375em 0.625em;
color: #32373c;
margin-right: 0.625em;
word-break: normal;
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0;
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.wp-block-search .wp-block-search__label {
width: 100%;
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-right: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0.25em 0 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 0.125em 0.5em;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto;
}
.wp-block-separator {
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
width: none;
line-height: 1;
height: auto;
}
.wp-block-separator.is-style-dots::before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif;
}
.wp-block-site-logo {
line-height: 0;
}
.wp-block-site-logo a {
display: inline-block;
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto;
}
.wp-block-site-logo .aligncenter {
display: table;
}
.wp-block-site-logo.is-style-rounded img {
border-radius: 9999px;
}
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
padding-right: 0;
padding-left: 0;
text-indent: 0;
margin-right: 0;
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 0 4px 8px;
}
.wp-block-social-links .wp-social-link a {
padding: 0.25em;
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em;
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px;
}
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
font-size: 24px;
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px;
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px;
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex;
}
.wp-block-social-links.alignright {
justify-content: flex-end;
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform 0.1s ease;
height: auto;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-social-link a {
display: block;
line-height: 0;
transition: transform 0.1s ease;
}
.wp-block-social-link:hover {
transform: scale(1.1);
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #f00;
color: #fff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: #f00;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-right: calc((2/3) * 1em);
padding-left: calc((2/3) * 1em);
}
.wp-block-spacer {
clear: both;
}
.wp-block-tag-cloud.aligncenter {
text-align: center;
}
.wp-block-tag-cloud.alignfull {
padding-right: 1em;
padding-left: 1em;
}
.wp-block-table {
margin: 0 0 1em 0;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%;
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word;
}
.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
display: table;
width: auto;
}
.wp-block-table.alignleft td,
.wp-block-table.alignleft th, .wp-block-table.aligncenter td,
.wp-block-table.aligncenter th, .wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word;
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5;
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5;
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe;
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe;
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border-color: transparent;
}
.wp-block-table .has-border-color > *,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color td {
border-color: inherit;
}
.wp-block-table table[style*=border-style] > *,
.wp-block-table table[style*=border-style] tr,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] td {
border-style: inherit;
}
.wp-block-table table[style*=border-width] > *,
.wp-block-table table[style*=border-width] tr,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] td {
border-width: inherit;
}
.wp-block-text-columns {
display: flex;
}
.wp-block-text-columns.aligncenter {
display: flex;
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0;
}
.wp-block-text-columns .wp-block-column:first-child {
margin-right: 0;
}
.wp-block-text-columns .wp-block-column:last-child {
margin-left: 0;
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: calc(100% / 2);
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: calc(100% / 3);
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: calc(100% / 4);
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap;
}
.wp-block-video {
margin: 0 0 1em 0;
}
.wp-block-video video {
width: 100%;
}
@supports (position: sticky) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-video.aligncenter {
text-align: center;
}
.wp-block-video figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-post-featured-image {
margin-right: 0;
margin-left: 0;
}
.wp-block-post-featured-image a {
display: inline-block;
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto;
}
.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
width: 100%;
}
:root {
/* stylelint-disable function-comma-space-after */
/* stylelint-enable function-comma-space-after */
}
:root .has-pale-pink-background-color {
background-color: #f78da7;
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e;
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900;
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900;
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5;
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084;
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc;
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3;
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0;
}
:root .has-white-background-color {
background-color: #fff;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-black-background-color {
background-color: #000;
}
:root .has-pale-pink-color {
color: #f78da7;
}
:root .has-vivid-red-color {
color: #cf2e2e;
}
:root .has-luminous-vivid-orange-color {
color: #ff6900;
}
:root .has-luminous-vivid-amber-color {
color: #fcb900;
}
:root .has-light-green-cyan-color {
color: #7bdcb5;
}
:root .has-vivid-green-cyan-color {
color: #00d084;
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc;
}
:root .has-vivid-cyan-blue-color {
color: #0693e3;
}
:root .has-vivid-purple-color {
color: #9b51e0;
}
:root .has-white-color {
color: #fff;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root .has-black-color {
color: #000;
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%);
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%);
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%);
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%);
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%);
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%);
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%);
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%);
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%);
}
:root .has-midnight-gradient-background {
background: linear-gradient(-135deg, #020381 0%, #2874fc 100%);
}
.has-small-font-size {
font-size: 0.8125em;
}
.has-regular-font-size,
.has-normal-font-size {
font-size: 1em;
}
.has-medium-font-size {
font-size: 1.25em;
}
.has-large-font-size {
font-size: 2.25em;
}
.has-larger-font-size,
.has-huge-font-size {
font-size: 2.625em;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-right {
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;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} home/studionolh/www/wp-includes/css/dist/edit-widgets/style-rtl.css 0000644 00000060713 15233474601 0021553 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.components-panel__header.interface-complementary-area-header__small {
background: #fff;
padding-left: 4px;
}
.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
@media (min-width: 782px) {
.components-panel__header.interface-complementary-area-header__small {
display: none;
}
}
.interface-complementary-area-header {
background: #fff;
padding-left: 4px;
}
.interface-complementary-area-header .components-button.has-icon {
display: none;
margin-right: auto;
}
.interface-complementary-area-header .components-button.has-icon ~ .components-button {
margin-right: 0;
}
@media (min-width: 782px) {
.interface-complementary-area-header .components-button.has-icon {
display: flex;
}
}
.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 {
margin-top: 0;
}
.interface-complementary-area h2,
.interface-complementary-area h3 {
font-size: 13px;
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;
left: 10px;
bottom: 10px;
right: 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-right: 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;
right: 0;
left: 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. */
right: 0;
}
@media (min-width: 783px) {
.interface-interface-skeleton {
right: 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 {
right: 36px;
}
}
@media (min-width: 961px) {
.auto-fold .interface-interface-skeleton {
right: 160px;
}
}
/* Sidebar manually collapsed. */
.folded .interface-interface-skeleton {
right: 0;
}
@media (min-width: 783px) {
.folded .interface-interface-skeleton {
right: 36px;
}
}
body.is-fullscreen-mode .interface-interface-skeleton {
right: 0 !important;
}
.interface-interface-skeleton__body {
flex-grow: 1;
display: flex;
overflow: auto;
overscroll-behavior-y: none;
}
@media (min-width: 782px) {
.has-footer .interface-interface-skeleton__body {
padding-bottom: 25px;
}
}
.interface-interface-skeleton__content {
flex-grow: 1;
display: flex;
flex-direction: column;
overflow: auto;
z-index: 20;
}
.interface-interface-skeleton__secondary-sidebar,
.interface-interface-skeleton__sidebar {
display: block;
flex-shrink: 0;
position: absolute;
z-index: 100000;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
color: #1e1e1e;
}
@media (min-width: 782px) {
.interface-interface-skeleton__secondary-sidebar,
.interface-interface-skeleton__sidebar {
position: relative !important;
z-index: 90;
width: auto;
}
}
.interface-interface-skeleton__sidebar {
overflow: auto;
}
@media (min-width: 782px) {
.interface-interface-skeleton__sidebar {
border-right: 1px solid #e0e0e0;
}
}
@media (min-width: 782px) {
.interface-interface-skeleton__secondary-sidebar {
border-left: 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;
right: 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;
right: auto;
left: 0;
width: 280px;
color: #1e1e1e;
}
.interface-interface-skeleton__actions:focus {
top: auto;
bottom: 0;
}
.interface-pinned-items {
display: flex;
}
.interface-pinned-items .components-button:not(:first-child) {
display: none;
}
@media (min-width: 600px) {
.interface-pinned-items .components-button:not(:first-child) {
display: flex;
}
}
.interface-pinned-items .components-button {
margin-right: 4px;
}
.interface-pinned-items .components-button svg {
max-width: 24px;
max-height: 24px;
}
.wp-block[data-type="core/widget-area"] {
max-width: 700px;
margin-right: auto;
margin-left: auto;
}
.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 0;
height: 48px;
position: relative;
z-index: 1;
background: #fff;
transform: translateZ(0);
}
.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover {
background: #fff;
}
.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block {
width: initial;
}
.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block {
max-width: 100%;
}
.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened {
padding: 0;
}
.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper {
margin: 0;
padding: 0;
}
.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout {
margin-top: -48px;
padding: 72px 16px 16px;
min-height: 32px;
}
.wp-block-widget-area__highlight-drop-zone {
outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
}
body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title,
body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * {
pointer-events: none;
}
.edit-widgets-error-boundary {
margin: auto;
max-width: 780px;
padding: 20px;
margin-top: 60px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.edit-widgets-header {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
padding: 0 16px;
overflow: auto;
}
@media (min-width: 600px) {
.edit-widgets-header {
overflow: visible;
}
}
.edit-widgets-header__navigable-toolbar-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.edit-widgets-header__title {
font-size: 20px;
padding: 0;
margin: 0 0 0 20px;
}
.edit-widgets-header__actions {
display: flex;
}
.edit-widgets-header__actions .components-button {
margin-left: 4px;
}
@media (min-width: 600px) {
.edit-widgets-header__actions .components-button {
margin-left: 12px;
}
}
.edit-widgets-header__actions .edit-widgets-more-menu .components-button,
.edit-widgets-header__actions .interface-pinned-items .components-button {
margin-left: 0;
}
.edit-widgets-header-toolbar {
border: none;
}
.edit-widgets-header-toolbar > .components-button.has-icon,
.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon {
height: 36px;
min-width: 36px;
padding: 6px;
}
.edit-widgets-header-toolbar > .components-button.has-icon.is-pressed,
.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed {
background: #1e1e1e;
}
.edit-widgets-header-toolbar > .components-button.has-icon:focus:not(:disabled),
.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
outline: 1px solid transparent;
}
.edit-widgets-header-toolbar > .components-button.has-icon::before,
.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon::before {
display: none;
}
.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle {
padding-right: 8px;
padding-left: 8px;
}
@media (min-width: 600px) {
.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle {
padding-right: 12px;
padding-left: 12px;
}
}
.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after {
content: none;
}
.edit-widgets-keyboard-shortcut-help-modal__section {
margin: 0 0 2rem 0;
}
.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list {
margin-top: -25px;
}
.edit-widgets-keyboard-shortcut-help-modal__section-title {
font-size: 0.9rem;
font-weight: 600;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut {
display: flex;
align-items: baseline;
padding: 0.6rem 0;
border-top: 1px solid #ddd;
margin-bottom: 0;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
border-bottom: 1px solid #ddd;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty {
display: none;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut-term {
font-weight: 600;
margin: 0 1rem 0 0;
text-align: left;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut-description {
flex: 1;
margin: 0;
flex-basis: auto;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
display: block;
background: none;
margin: 0;
padding: 0;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
margin-top: 10px;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut-key {
padding: 0.25rem 0.5rem;
border-radius: 8%;
margin: 0 0.2rem 0 0.2rem;
}
.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
margin: 0 0.2rem 0 0;
}
.edit-widgets-more-menu {
margin-right: -4px;
}
.edit-widgets-more-menu .components-button {
width: auto;
padding: 0 2px;
}
@media (min-width: 600px) {
.edit-widgets-more-menu {
margin-right: 0;
}
.edit-widgets-more-menu .components-button {
padding: 0 4px;
}
}
.edit-widgets-more-menu__content .components-popover__content {
min-width: 280px;
}
@media (min-width: 480px) {
.edit-widgets-more-menu__content .components-popover__content {
width: auto;
max-width: 480px;
}
}
.edit-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu {
padding: 0;
}
.components-popover.edit-widgets-more-menu__content {
z-index: 99998;
}
.components-panel__header.edit-widgets-sidebar__panel-tabs {
justify-content: flex-start;
padding-right: 0;
padding-left: 4px;
border-top: 0;
margin-top: 0;
}
.components-panel__header.edit-widgets-sidebar__panel-tabs ul {
display: flex;
}
.components-panel__header.edit-widgets-sidebar__panel-tabs li {
margin: 0;
}
.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon {
display: none;
margin-right: auto;
}
@media (min-width: 782px) {
.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon {
display: flex;
}
}
.components-button.edit-widgets-sidebar__panel-tab {
border-radius: 0;
height: 49px;
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
padding: 3px 15px;
margin-right: 0;
font-weight: 400;
color: #1e1e1e;
}
.components-button.edit-widgets-sidebar__panel-tab::after {
content: attr(data-label);
display: block;
font-weight: 600;
height: 0;
overflow: hidden;
speak: none;
visibility: hidden;
}
.components-button.edit-widgets-sidebar__panel-tab.is-active {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color);
font-weight: 600;
position: relative;
}
.components-button.edit-widgets-sidebar__panel-tab.is-active::before {
content: "";
position: absolute;
top: 0;
bottom: 1px;
left: 0;
right: 0;
border-bottom: 4px solid transparent;
}
.components-button.edit-widgets-sidebar__panel-tab:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.components-button.edit-widgets-sidebar__panel-tab.is-active:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color);
}
.edit-widgets-widget-areas__top-container {
display: flex;
padding: 16px;
}
.edit-widgets-widget-areas__top-container .block-editor-block-icon {
margin-left: 16px;
}
.edit-widgets-notices__snackbar {
position: fixed;
left: 0;
bottom: 20px;
padding-right: 16px;
padding-left: 16px;
}
.edit-widgets-notices__snackbar {
/* Set left position when auto-fold is not on the body element. */
right: 0;
}
@media (min-width: 783px) {
.edit-widgets-notices__snackbar {
right: 160px;
}
}
.auto-fold .edit-widgets-notices__snackbar {
/* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
}
@media (min-width: 783px) {
.auto-fold .edit-widgets-notices__snackbar {
right: 36px;
}
}
@media (min-width: 961px) {
.auto-fold .edit-widgets-notices__snackbar {
right: 160px;
}
}
/* Sidebar manually collapsed. */
.folded .edit-widgets-notices__snackbar {
right: 0;
}
@media (min-width: 783px) {
.folded .edit-widgets-notices__snackbar {
right: 36px;
}
}
body.is-fullscreen-mode .edit-widgets-notices__snackbar {
right: 0 !important;
}
.edit-widgets-notices__dismissible .components-notice,
.edit-widgets-notices__pinned .components-notice {
box-sizing: border-box;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 0 12px;
min-height: 60px;
}
.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,
.edit-widgets-notices__pinned .components-notice .components-notice__dismiss {
margin-top: 12px;
}
.edit-widgets-layout__inserter-panel {
height: 100%;
display: flex;
flex-direction: column;
}
.edit-widgets-layout__inserter-panel .block-editor-inserter__menu {
overflow: hidden;
}
.edit-widgets-layout__inserter-panel-header {
padding-top: 8px;
padding-left: 8px;
display: flex;
justify-content: flex-end;
}
@media (min-width: 782px) {
.edit-widgets-layout__inserter-panel-header {
display: none;
}
}
.edit-widgets-layout__inserter-panel-content {
height: calc(100% - 36px - 8px);
}
@media (min-width: 782px) {
.edit-widgets-layout__inserter-panel-content {
height: 100%;
}
}
.edit-widgets-welcome-guide {
width: 312px;
}
.edit-widgets-welcome-guide__image {
background: #00a0d2;
margin: 0 0 16px;
}
.edit-widgets-welcome-guide__heading {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 24px;
line-height: 1.4;
margin: 16px 0 16px 0;
padding: 0 32px;
}
.edit-widgets-welcome-guide__text {
font-size: 13px;
line-height: 1.4;
margin: 0 0 24px 0;
padding: 0 32px;
}
.edit-widgets-welcome-guide__inserter-icon {
margin: 0 4px;
vertical-align: text-top;
}
.edit-widgets-block-editor {
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.edit-widgets-block-editor > div:last-of-type,
.edit-widgets-block-editor .block-editor-writing-flow,
.edit-widgets-block-editor .block-editor-writing-flow > div {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.edit-widgets-block-editor .edit-widgets-main-block-list {
height: 100%;
}
.edit-widgets-block-editor .components-button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
}
.edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon {
padding: 6px;
}
html.wp-toolbar {
background: #fff;
}
body.appearance_page_gutenberg-widgets,
body.widgets-php {
background: #fff;
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
}
body.appearance_page_gutenberg-widgets #wpcontent,
body.widgets-php #wpcontent {
padding-right: 0;
}
body.appearance_page_gutenberg-widgets #wpbody-content,
body.widgets-php #wpbody-content {
padding-bottom: 0;
}
body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta),
body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) {
display: none;
}
body.appearance_page_gutenberg-widgets #wpfooter,
body.widgets-php #wpfooter {
display: none;
}
body.appearance_page_gutenberg-widgets .a11y-speak-region,
body.widgets-php .a11y-speak-region {
right: -1px;
top: -1px;
}
body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after,
body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after,
body.widgets-php ul#adminmenu a.wp-has-current-submenu::after,
body.widgets-php ul#adminmenu > li.current > a.current::after {
border-left-color: #fff;
}
body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,
body.widgets-php .media-frame select.attachment-filters:last-of-type {
width: auto;
max-width: 100%;
}
.blocks-widgets-container,
.components-modal__frame {
box-sizing: border-box;
}
.blocks-widgets-container *,
.blocks-widgets-container *::before,
.blocks-widgets-container *::after,
.components-modal__frame *,
.components-modal__frame *::before,
.components-modal__frame *::after {
box-sizing: inherit;
}
@media (min-width: 600px) {
.blocks-widgets-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
min-height: calc(100vh - 46px);
}
}
@media (min-width: 782px) {
.blocks-widgets-container {
min-height: calc(100vh - 32px);
}
}
.blocks-widgets-container .interface-interface-skeleton__content {
background-color: #f0f0f0;
}
.blocks-widgets-container .editor-styles-wrapper {
max-width: 700px;
margin: auto;
}
.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item {
display: none;
}
.widgets-php .notice {
display: none !important;
}
body.admin-color-light {
--wp-admin-theme-color: #0085ba;
--wp-admin-theme-color-darker-10: #0073a1;
--wp-admin-theme-color-darker-20: #006187;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-light {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-modern {
--wp-admin-theme-color: #3858e9;
--wp-admin-theme-color-darker-10: #2145e6;
--wp-admin-theme-color-darker-20: #183ad6;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-modern {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-blue {
--wp-admin-theme-color: #096484;
--wp-admin-theme-color-darker-10: #07526c;
--wp-admin-theme-color-darker-20: #064054;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-blue {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-coffee {
--wp-admin-theme-color: #46403c;
--wp-admin-theme-color-darker-10: #383330;
--wp-admin-theme-color-darker-20: #2b2724;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-coffee {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ectoplasm {
--wp-admin-theme-color: #523f6d;
--wp-admin-theme-color-darker-10: #46365d;
--wp-admin-theme-color-darker-20: #3a2c4d;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-ectoplasm {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-midnight {
--wp-admin-theme-color: #e14d43;
--wp-admin-theme-color-darker-10: #dd382d;
--wp-admin-theme-color-darker-20: #d02c21;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-midnight {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ocean {
--wp-admin-theme-color: #627c83;
--wp-admin-theme-color-darker-10: #576e74;
--wp-admin-theme-color-darker-20: #4c6066;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-ocean {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-sunrise {
--wp-admin-theme-color: #dd823b;
--wp-admin-theme-color-darker-10: #d97426;
--wp-admin-theme-color-darker-20: #c36922;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.admin-color-sunrise {
--wp-admin-border-width-focus: 1.5px;
}
} home/studionolh/www/wp-includes/css/dist/block-directory/style-rtl.css 0000644 00000012050 15233513465 0022247 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.block-directory-block-ratings > span {
display: flex;
}
.block-directory-block-ratings svg {
fill: #1e1e1e;
margin-right: -4px;
}
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
fill: #ccc;
}
.block-directory-compact-list {
margin: 0;
list-style: none;
}
.block-directory-compact-list__item {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
}
.block-directory-compact-list__item:last-child {
margin-bottom: 0;
}
.block-directory-compact-list__item-details {
margin-right: 8px;
}
.block-directory-compact-list__item-title {
font-weight: 500;
}
.block-directory-compact-list__item-author {
color: #757575;
font-size: 11px;
}
.block-directory-downloadable-block-icon {
min-width: 54px;
width: 54px;
height: 54px;
vertical-align: middle;
border: 1px solid #ddd;
}
.block-directory-downloadable-block-list-item {
padding: 12px;
width: 100%;
height: auto;
text-align: right;
display: grid;
grid-template-columns: auto 1fr;
}
.block-directory-downloadable-block-list-item:hover {
box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
}
.block-directory-downloadable-block-list-item.is-busy {
background: transparent;
}
.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] {
opacity: 1;
}
.block-directory-downloadable-block-list-item__icon {
position: relative;
margin-left: 16px;
align-self: flex-start;
}
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.75);
display: flex;
align-items: center;
justify-content: center;
}
.block-directory-block-ratings {
display: block;
margin-top: 4px;
}
.block-directory-downloadable-block-list-item__details {
color: #1e1e1e;
}
.block-directory-downloadable-block-list-item__title {
display: block;
font-weight: 600;
}
.block-directory-downloadable-block-list-item__author {
display: block;
margin-top: 4px;
font-weight: normal;
}
.block-directory-downloadable-block-list-item__desc {
display: block;
margin-top: 8px;
}
.block-directory-downloadable-block-notice {
margin: 8px 0 0;
color: #cc1818;
}
.block-directory-downloadable-block-notice__content {
padding-left: 12px;
margin-bottom: 8px;
}
.block-directory-downloadable-blocks-panel {
padding: 16px;
}
.block-directory-downloadable-blocks-panel.has-blocks-loading {
font-style: normal;
padding: 0;
margin: 112px 0;
text-align: center;
color: #757575;
}
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
float: inherit;
}
.block-directory-downloadable-blocks-panel__no-local {
margin: 48px 0;
padding: 0 64px;
color: #757575;
text-align: center;
}
.block-directory-downloadable-blocks-panel__title {
margin: 0 0 4px;
font-size: 14px;
}
.block-directory-downloadable-blocks-panel__description {
margin-top: 0;
}
.block-directory-downloadable-blocks-panel button {
margin-top: 4px;
}
.installed-blocks-pre-publish-panel__copy {
margin-top: 0;
} home/studionolh/www/wp-includes/blocks/pullquote/style-rtl.css 0000644 00000004414 15233547013 0020730 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-pullquote {
margin: 0 0 1em 0;
padding: 3em 0;
text-align: center;
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 420px;
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 1.25em;
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative;
}
.wp-block-pullquote .has-text-color a {
color: inherit;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-solid-color {
border: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-right: auto;
margin-left: auto;
text-align: right;
max-width: 60%;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal;
}
.wp-block-pullquote cite {
color: inherit;
} home/studionolh/www/wp-includes/blocks/separator/style-rtl.css 0000644 00000003443 15233617217 0020703 0 ustar 00 @charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-separator {
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
width: none;
line-height: 1;
height: auto;
}
.wp-block-separator.is-style-dots::before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif;
}