[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

/wp-includes/css/dist/block-library/ -> editor.css (source)

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Breakpoints & Media Queries
   6   */
   7  /**
   8   * Colors
   9   */
  10  /**
  11   * Often re-used variables
  12   */
  13  /**
  14   * Grid System.
  15   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  16   */
  17  /**
  18   * Breakpoint mixins
  19   */
  20  /**
  21   * Long content fade mixin
  22   *
  23   * Creates a fading overlay to signify that the content is longer
  24   * than the space allows.
  25   */
  26  /**
  27   * Button states and focus styles
  28   */
  29  /**
  30   * Applies editor left position to the selector passed as argument
  31   */
  32  /**
  33   * Styles that are reused verbatim in a few places
  34   */
  35  /**
  36   * Allows users to opt-out of animations via OS-level preferences.
  37   */
  38  /**
  39   * Reset default styles for JavaScript UI based pages.
  40   * This is a WP-admin agnostic reset
  41   */
  42  /**
  43   * Reset the WP Admin page styles for Gutenberg-like pages.
  44   */
  45  .block-editor ul.wp-block-archives {
  46    padding-left: 2.5em; }
  47  
  48  .wp-block-audio {
  49    margin-left: 0;
  50    margin-right: 0; }
  51  
  52  .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect {
  53    min-height: auto; }
  54  
  55  .block-editor-block-list__block[data-type="core/button"][data-align="center"] {
  56    text-align: center;
  57    margin-left: auto;
  58    margin-right: auto; }
  59  
  60  .block-editor-block-list__block[data-type="core/button"][data-align="right"] {
  61    /*!rtl:ignore*/
  62    text-align: right; }
  63  
  64  .wp-block-button {
  65    position: relative; }
  66    .wp-block-button [contenteditable] {
  67      cursor: text; }
  68    .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
  69      color: #fff; }
  70    .wp-block-button .block-editor-rich-text__editable:focus {
  71      box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2;
  72      outline: 2px solid transparent;
  73      outline-offset: -2px; }
  74    .wp-block-button [data-rich-text-placeholder]::after {
  75      opacity: 0.8; }
  76  
  77  .wp-block-button__inline-link {
  78    color: #555d66;
  79    height: 0;
  80    overflow: hidden;
  81    max-width: 290px; }
  82    .wp-block-button__inline-link-input__suggestions {
  83      max-width: 290px; }
  84    @media (min-width: 782px) {
  85      .wp-block-button__inline-link {
  86        max-width: 260px; }
  87        .wp-block-button__inline-link-input__suggestions {
  88          max-width: 260px; } }
  89    @media (min-width: 960px) {
  90      .wp-block-button__inline-link {
  91        max-width: 290px; }
  92        .wp-block-button__inline-link-input__suggestions {
  93          max-width: 290px; } }
  94    .is-selected .wp-block-button__inline-link,
  95    .is-typing .wp-block-button__inline-link {
  96      height: auto;
  97      overflow: visible;
  98      margin-top: 16px; }
  99  
 100  div[data-type="core/button"] {
 101    display: table; }
 102  
 103  .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] {
 104    display: inline-block;
 105    width: auto; }
 106  
 107  .wp-block-buttons[data-align="center"] .block-editor-block-list__layout {
 108    display: flex;
 109    align-items: center;
 110    flex-wrap: wrap;
 111    justify-content: center; }
 112  
 113  .wp-block-buttons[data-align="right"] .block-editor-block-list__layout {
 114    display: flex;
 115    justify-content: flex-end; }
 116  
 117  .wp-block-buttons .block-list-appender {
 118    display: inline-block;
 119    margin: 0; }
 120  
 121  .wp-block-buttons .block-editor-block-list__layout > div:last-child {
 122    display: inline-block; }
 123  
 124  .wp-block-buttons .block-editor-button-block-appender {
 125    background: none;
 126    outline: none; }
 127  
 128  .block-editor .wp-block-categories ul {
 129    padding-left: 2.5em; }
 130    .block-editor .wp-block-categories ul ul {
 131      margin-top: 6px; }
 132  
 133  .wp-block-code .block-editor-plain-text {
 134    font-family: Menlo, Consolas, monaco, monospace;
 135    color: #23282d;
 136    /* Fonts smaller than 16px causes mobile safari to zoom. */
 137    font-size: 16px; }
 138    @media (min-width: 600px) {
 139      .wp-block-code .block-editor-plain-text {
 140        font-size: 13px; } }
 141    .wp-block-code .block-editor-plain-text:focus {
 142      box-shadow: none; }
 143  
 144  .wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block {
 145    max-width: none; }
 146  
 147  .components-popover.block-editor-block-list__block-popover
 148  .components-popover__content
 149  .block-editor-block-contextual-toolbar[data-type="core/column"] {
 150    margin-left: 0; }
 151  
 152  .wp-block-columns {
 153    display: block; }
 154    .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
 155      display: flex;
 156      flex-wrap: wrap; }
 157      @media (min-width: 782px) {
 158        .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
 159          flex-wrap: nowrap; } }
 160      .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"],
 161      .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] .block-core-columns {
 162        display: flex;
 163        flex-direction: column;
 164        flex: 1 1 auto; }
 165        @supports ((position: -webkit-sticky) or (position: sticky)) {
 166          .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"],
 167          .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] .block-core-columns {
 168            flex: 1; } }
 169      .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
 170        padding-left: 0;
 171        padding-right: 0;
 172        margin-left: -14px;
 173        margin-right: -14px;
 174        margin-top: 0;
 175        margin-bottom: 0;
 176        min-width: 0;
 177        word-break: break-word;
 178        overflow-wrap: break-word;
 179        flex-basis: 100%; }
 180        @media (min-width: 600px) {
 181          .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
 182            flex-basis: calc(50% - (16px));
 183            flex-grow: 0;
 184            margin-left: 0;
 185            margin-right: 0; } }
 186        @media (min-width: 782px) {
 187          .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
 188            flex-basis: 0;
 189            flex-grow: 1; }
 190            .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"][data-has-explicit-width] {
 191              flex-grow: 0; } }
 192        @media (min-width: 600px) {
 193          .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:nth-child(even) {
 194            margin-left: calc(32px); } }
 195        @media (min-width: 782px) {
 196          .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:not(:first-child) {
 197            margin-left: calc(32px); } }
 198        .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]::before {
 199          left: 0;
 200          right: 0; }
 201        .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-core-columns > .block-editor-inner-blocks {
 202          margin-top: -28px;
 203          margin-bottom: -28px; }
 204  
 205  /**
 206   * Columns act as as a "passthrough container"
 207   * and therefore has its vertical margins/padding removed via negative margins
 208   * therefore we need to compensate for this here by doubling the spacing on the
 209   * vertical to ensure there is equal visual spacing around the inserter. Note there
 210   * is no formal API for a "passthrough" Block so this is an edge case overide
 211   */
 212  [data-type="core/columns"] .block-list-appender {
 213    margin-top: 28px;
 214    margin-bottom: 28px; }
 215  
 216  /**
 217   * Vertical Alignment Preview
 218   * note: specificity is important here to ensure individual
 219   * * columns alignment is prioritised over parent column alignment
 220   *
 221   */
 222  .are-vertically-aligned-top .block-core-columns,
 223  div.block-core-columns.is-vertically-aligned-top {
 224    justify-content: flex-start; }
 225  
 226  .are-vertically-aligned-center .block-core-columns,
 227  div.block-core-columns.is-vertically-aligned-center {
 228    justify-content: center; }
 229  
 230  .are-vertically-aligned-bottom .block-core-columns,
 231  div.block-core-columns.is-vertically-aligned-bottom {
 232    justify-content: flex-end; }
 233  
 234  /**
 235   * Fixes single Column breadcrumb position.
 236   */
 237  [data-type="core/column"] > .editor-block-list__breadcrumb {
 238    left: -3px; }
 239  
 240  /**
 241   * Make single Column overlay not extend past boundaries of parent
 242   */
 243  .block-core-columns > .block-editor-inner-blocks.has-overlay::after {
 244    left: 0;
 245    right: 0; }
 246  
 247  [data-type="core/columns"][data-align="full"] .wp-block-columns {
 248    padding-left: 14px;
 249    padding-right: 14px; }
 250    @media (min-width: 600px) {
 251      [data-type="core/columns"][data-align="full"] .wp-block-columns {
 252        padding-left: 46px;
 253        padding-right: 46px; } }
 254  
 255  .wp-block-cover-image.components-placeholder h2,
 256  .wp-block-cover.components-placeholder h2 {
 257    color: inherit; }
 258  
 259  .wp-block-cover-image .block-editor-block-list__layout,
 260  .wp-block-cover .block-editor-block-list__layout {
 261    width: 100%; }
 262  
 263  .wp-block-cover-image .block-editor-block-list__block,
 264  .wp-block-cover .block-editor-block-list__block {
 265    color: #f8f9f9; }
 266  
 267  .wp-block-cover-image .wp-block-cover__inner-container,
 268  .wp-block-cover .wp-block-cover__inner-container {
 269    text-align: left; }
 270  
 271  .wp-block-cover-image .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout,
 272  .wp-block-cover .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
 273    margin-left: 0;
 274    margin-right: 0; }
 275  
 276  .wp-block-cover-image .wp-block-cover__placeholder-background-options,
 277  .wp-block-cover .wp-block-cover__placeholder-background-options {
 278    margin-top: 1em;
 279    width: 100%; }
 280  
 281  [data-align="left"] .wp-block-cover-image,
 282  [data-align="right"] .wp-block-cover-image, [data-align="left"]
 283  .wp-block-cover,
 284  [data-align="right"]
 285  .wp-block-cover {
 286    max-width: 290px;
 287    width: 100%; }
 288  
 289  .block-library-cover__reset-button {
 290    margin-left: auto; }
 291  
 292  .block-library-cover__resize-container:not(.is-resizing) {
 293    height: auto !important; }
 294  
 295  .wp-block-embed {
 296    margin-left: 0;
 297    margin-right: 0;
 298    clear: both; }
 299    @media (min-width: 600px) {
 300      .wp-block-embed {
 301        min-width: 360px; }
 302        .wp-block-embed.components-placeholder {
 303          min-width: 0; } }
 304    .wp-block-embed.is-loading {
 305      display: flex;
 306      flex-direction: column;
 307      align-items: center;
 308      justify-content: center;
 309      padding: 1em;
 310      min-height: 200px;
 311      text-align: center;
 312      background: #f8f9f9; }
 313      .wp-block-embed.is-loading p {
 314        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 315        font-size: 13px; }
 316    .wp-block-embed .components-placeholder__error {
 317      word-break: break-word; }
 318    .wp-block-embed .components-placeholder__learn-more {
 319      margin-top: 1em; }
 320  
 321  .block-library-embed__interactive-overlay {
 322    position: absolute;
 323    top: 0;
 324    left: 0;
 325    right: 0;
 326    bottom: 0;
 327    opacity: 0; }
 328  
 329  .wp-block-file {
 330    display: flex;
 331    justify-content: space-between;
 332    align-items: center;
 333    margin-bottom: 0; }
 334    .wp-block-file .wp-block-file__content-wrapper {
 335      flex-grow: 1; }
 336    .wp-block-file .wp-block-file__textlink {
 337      display: inline-block;
 338      min-width: 1em; }
 339      .wp-block-file .wp-block-file__textlink:focus {
 340        box-shadow: none; }
 341    .wp-block-file .wp-block-file__button-richtext-wrapper {
 342      display: inline-block;
 343      margin-left: 0.75em; }
 344    .wp-block-file .wp-block-file__copy-url-button {
 345      margin-left: 1em; }
 346  
 347  .wp-block-freeform.block-library-rich-text__tinymce {
 348    /* Remove blue highlighting of selected images in WebKit */
 349    /* Image captions */
 350    /* WP Views */ }
 351    .wp-block-freeform.block-library-rich-text__tinymce p,
 352    .wp-block-freeform.block-library-rich-text__tinymce li {
 353      line-height: 1.8; }
 354    .wp-block-freeform.block-library-rich-text__tinymce ul,
 355    .wp-block-freeform.block-library-rich-text__tinymce ol {
 356      padding-left: 2.5em;
 357      margin-left: 0; }
 358    .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 359      margin: 0;
 360      box-shadow: inset 0 0 0 0 #e2e4e7;
 361      border-left: 4px solid #000;
 362      padding-left: 1em; }
 363    .wp-block-freeform.block-library-rich-text__tinymce pre {
 364      white-space: pre-wrap;
 365      font-family: Menlo, Consolas, monaco, monospace;
 366      font-size: 14px;
 367      color: #23282d; }
 368    .wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
 369      margin-top: 0; }
 370    .wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
 371      margin-bottom: 0; }
 372    .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
 373      outline: none; }
 374    .wp-block-freeform.block-library-rich-text__tinymce a {
 375      color: #007fac; }
 376    .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
 377      padding: 0 2px;
 378      margin: 0 -2px;
 379      border-radius: 2px;
 380      box-shadow: 0 0 0 1px #e5f5fa;
 381      background: #e5f5fa; }
 382    .wp-block-freeform.block-library-rich-text__tinymce code {
 383      padding: 2px;
 384      border-radius: 2px;
 385      color: #23282d;
 386      background: #f3f4f5;
 387      font-family: Menlo, Consolas, monaco, monospace;
 388      font-size: 14px; }
 389    .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
 390      background: #e8eaeb; }
 391    .wp-block-freeform.block-library-rich-text__tinymce .alignright {
 392      /*rtl:ignore*/
 393      float: right;
 394      /*rtl:ignore*/
 395      margin: 0.5em 0 0.5em 1em; }
 396    .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
 397      /*rtl:ignore*/
 398      float: left;
 399      /*rtl:ignore*/
 400      margin: 0.5em 1em 0.5em 0; }
 401    .wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
 402      display: block;
 403      margin-left: auto;
 404      margin-right: auto; }
 405    .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
 406      width: 96%;
 407      height: 20px;
 408      display: block;
 409      margin: 15px auto;
 410      outline: 0;
 411      cursor: default;
 412      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
 413      background-size: 1900px 20px;
 414      background-repeat: no-repeat;
 415      background-position: center; }
 416    .wp-block-freeform.block-library-rich-text__tinymce img::selection {
 417      background-color: transparent; }
 418    .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
 419      -ms-user-select: element; }
 420    .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
 421      margin: 0;
 422      /* dl browser reset */
 423      max-width: 100%; }
 424      .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
 425      .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
 426        display: block; }
 427      .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,
 428      .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
 429        -webkit-user-drag: none; }
 430      .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
 431        padding-top: 0.5em;
 432        margin: 0;
 433        /* browser dd reset */ }
 434    .wp-block-freeform.block-library-rich-text__tinymce .wpview {
 435      width: 99.99%;
 436      /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
 437      position: relative;
 438      clear: both;
 439      margin-bottom: 16px;
 440      border: 1px solid transparent; }
 441      .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
 442        display: block;
 443        max-width: 100%;
 444        background: transparent; }
 445      .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
 446        position: absolute;
 447        top: 0;
 448        right: 0;
 449        bottom: 0;
 450        left: 0; }
 451      .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
 452        display: none; }
 453      .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
 454        border: 1px dashed #e8eaeb;
 455        padding: 10px; }
 456      .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
 457        border: 1px solid #e8eaeb;
 458        padding: 1em 0;
 459        margin: 0;
 460        word-wrap: break-word; }
 461        .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
 462          margin: 0;
 463          text-align: center; }
 464      .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,
 465      .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
 466        border-color: transparent; }
 467      .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
 468        display: block;
 469        margin: 0 auto;
 470        width: 32px;
 471        height: 32px;
 472        font-size: 32px; }
 473      .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
 474        content: "";
 475        display: table;
 476        clear: both; }
 477    .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
 478      outline: none; }
 479    .wp-block-freeform.block-library-rich-text__tinymce .gallery a {
 480      cursor: default; }
 481    .wp-block-freeform.block-library-rich-text__tinymce .gallery {
 482      margin: auto -6px;
 483      padding: 6px 0;
 484      line-height: 1;
 485      overflow-x: hidden; }
 486    .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
 487      float: left;
 488      margin: 0;
 489      text-align: center;
 490      padding: 6px;
 491      box-sizing: border-box; }
 492    .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
 493    .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
 494      margin: 0; }
 495    .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
 496      font-size: 13px;
 497      margin: 4px 0; }
 498    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
 499      width: 100%; }
 500    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
 501      width: 50%; }
 502    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
 503      width: 33.33333%; }
 504    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
 505      width: 25%; }
 506    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
 507      width: 20%; }
 508    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
 509      width: 16.66667%; }
 510    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
 511      width: 14.28571%; }
 512    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
 513      width: 12.5%; }
 514    .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
 515      width: 11.11111%; }
 516    .wp-block-freeform.block-library-rich-text__tinymce .gallery img {
 517      max-width: 100%;
 518      height: auto;
 519      border: none;
 520      padding: 0; }
 521  
 522  div[data-type="core/freeform"]::before {
 523    transition: border-color 0.1s linear, box-shadow 0.1s linear;
 524    border: 1px solid #e2e4e7;
 525    outline: 1px solid transparent; }
 526    @media (prefers-reduced-motion: reduce) {
 527      div[data-type="core/freeform"]::before {
 528        transition-duration: 0s; } }
 529  
 530  div[data-type="core/freeform"].is-selected::before {
 531    border-color: #b5bcc2;
 532    border-left-color: transparent; }
 533  
 534  div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
 535    margin-top: 0;
 536    padding-top: 0; }
 537  
 538  div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
 539    content: "";
 540    display: table;
 541    clear: both; }
 542  
 543  .mce-toolbar-grp .mce-btn.mce-active button,
 544  .mce-toolbar-grp .mce-btn.mce-active:hover button,
 545  .mce-toolbar-grp .mce-btn.mce-active i,
 546  .mce-toolbar-grp .mce-btn.mce-active:hover i {
 547    color: #23282d; }
 548  
 549  .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
 550    margin-right: 0;
 551    margin-left: 8px; }
 552  
 553  .mce-toolbar-grp .mce-btn i {
 554    font-style: normal; }
 555  
 556  .block-library-classic__toolbar {
 557    display: none;
 558    width: auto;
 559    margin: 0 -14px;
 560    position: -webkit-sticky;
 561    position: sticky;
 562    z-index: 10;
 563    top: 14px;
 564    transform: translateY(-14px);
 565    border: 1px solid #e2e4e7;
 566    border-bottom: none;
 567    padding: 0; }
 568    div[data-type="core/freeform"].is-selected .block-library-classic__toolbar,
 569    div[data-type="core/freeform"].is-typing .block-library-classic__toolbar {
 570      display: block;
 571      border-color: #b5bcc2; }
 572    .block-library-classic__toolbar .mce-tinymce {
 573      box-shadow: none; }
 574    @media (min-width: 600px) {
 575      .block-library-classic__toolbar {
 576        padding: 0; } }
 577    .block-library-classic__toolbar:empty {
 578      display: block;
 579      background: #f5f5f5;
 580      border-bottom: 1px solid #e2e4e7; }
 581      .block-library-classic__toolbar:empty::before {
 582        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 583        font-size: 13px;
 584        content: attr(data-placeholder);
 585        color: #555d66;
 586        line-height: 37px;
 587        padding: 14px; }
 588    .block-library-classic__toolbar .mce-tinymce-inline,
 589    .block-library-classic__toolbar .mce-tinymce-inline > div,
 590    .block-library-classic__toolbar div.mce-toolbar-grp,
 591    .block-library-classic__toolbar div.mce-toolbar-grp > div,
 592    .block-library-classic__toolbar .mce-menubar,
 593    .block-library-classic__toolbar .mce-menubar > div {
 594      height: auto !important;
 595      width: 100% !important; }
 596    .block-library-classic__toolbar .mce-container-body.mce-abs-layout {
 597      overflow: visible; }
 598    .block-library-classic__toolbar .mce-menubar,
 599    .block-library-classic__toolbar div.mce-toolbar-grp {
 600      position: static; }
 601    .block-library-classic__toolbar .mce-toolbar-grp > div {
 602      padding: 1px 3px; }
 603    .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
 604      display: none; }
 605    .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
 606      display: block; }
 607  
 608  .wp-block-gallery li {
 609    list-style-type: none; }
 610  
 611  .is-selected .wp-block-gallery {
 612    margin-bottom: 0; }
 613  
 614  figure.wp-block-gallery {
 615    display: block;
 616    margin: 0; }
 617  
 618  .blocks-gallery-grid.blocks-gallery-grid {
 619    padding-left: 0;
 620    margin-left: 0;
 621    margin-bottom: 0; }
 622  
 623  .blocks-gallery-item figure:not(.is-selected):focus {
 624    outline: none; }
 625  
 626  .blocks-gallery-item figure.is-selected {
 627    outline: 4px solid #0085ba; }
 628  
 629  body.admin-color-sunrise .blocks-gallery-item figure.is-selected {
 630    outline: 4px solid #d1864a; }
 631  
 632  body.admin-color-ocean .blocks-gallery-item figure.is-selected {
 633    outline: 4px solid #a3b9a2; }
 634  
 635  body.admin-color-midnight .blocks-gallery-item figure.is-selected {
 636    outline: 4px solid #e14d43; }
 637  
 638  body.admin-color-ectoplasm .blocks-gallery-item figure.is-selected {
 639    outline: 4px solid #a7b656; }
 640  
 641  body.admin-color-coffee .blocks-gallery-item figure.is-selected {
 642    outline: 4px solid #c2a68c; }
 643  
 644  body.admin-color-blue .blocks-gallery-item figure.is-selected {
 645    outline: 4px solid #82b4cb; }
 646  
 647  body.admin-color-light .blocks-gallery-item figure.is-selected {
 648    outline: 4px solid #0085ba; }
 649  
 650  .blocks-gallery-item figure.is-transient img {
 651    opacity: 0.3; }
 652  
 653  .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu,
 654  .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
 655    background: #fff;
 656    border: 1px solid rgba(66, 88, 99, 0.4);
 657    border-radius: 4px;
 658    transition: box-shadow 0.2s ease-out; }
 659    @media (prefers-reduced-motion: reduce) {
 660      .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu,
 661      .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
 662        transition-duration: 0s; } }
 663    .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu:hover,
 664    .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu:hover {
 665      box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); }
 666    .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button,
 667    .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button {
 668      color: rgba(14, 28, 46, 0.62);
 669      padding: 2px;
 670      height: 24px; }
 671      .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover,
 672      .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover {
 673        box-shadow: none; }
 674      @media (min-width: 600px) {
 675        .columns-7 .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button,
 676        .columns-8 .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, .columns-7
 677        .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button,
 678        .columns-8
 679        .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button {
 680          padding: 0;
 681          width: inherit;
 682          height: inherit; } }
 683    .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button:focus,
 684    .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button:focus {
 685      color: inherit; }
 686  
 687  .block-library-gallery-item__move-menu,
 688  .block-library-gallery-item__inline-menu {
 689    margin: 8px;
 690    display: inline-flex;
 691    z-index: 20; }
 692    .block-library-gallery-item__move-menu .components-button,
 693    .block-library-gallery-item__inline-menu .components-button {
 694      color: transparent; }
 695    @media (min-width: 600px) {
 696      .columns-7 .block-library-gallery-item__move-menu,
 697      .columns-8 .block-library-gallery-item__move-menu, .columns-7
 698      .block-library-gallery-item__inline-menu,
 699      .columns-8
 700      .block-library-gallery-item__inline-menu {
 701        padding: 2px; } }
 702  
 703  .block-library-gallery-item__inline-menu {
 704    position: absolute;
 705    top: -2px;
 706    right: -2px; }
 707  
 708  .block-library-gallery-item__move-menu {
 709    position: absolute;
 710    top: -2px;
 711    left: -2px; }
 712  
 713  .blocks-gallery-item__move-backward,
 714  .blocks-gallery-item__move-forward,
 715  .blocks-gallery-item__remove {
 716    padding: 0; }
 717  
 718  .blocks-gallery-item .components-spinner {
 719    position: absolute;
 720    top: 50%;
 721    left: 50%;
 722    margin-top: -9px;
 723    margin-left: -9px; }
 724  
 725  /**
 726   * Group: All Alignment Settings
 727   */
 728  .wp-block[data-type="core/group"] .block-editor-block-list__insertion-point {
 729    left: 0;
 730    right: 0; }
 731  
 732  .wp-block[data-type="core/group"] > div > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks {
 733    margin-top: -32px;
 734    margin-bottom: -32px; }
 735  
 736  .wp-block[data-type="core/group"] > div > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
 737    margin-left: auto;
 738    margin-right: auto;
 739    padding-left: 28px;
 740    padding-right: 28px; }
 741    @media (min-width: 600px) {
 742      .wp-block[data-type="core/group"] > div > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
 743        padding-left: 58px;
 744        padding-right: 58px; } }
 745  
 746  .wp-block[data-type="core/group"] > div > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
 747    margin-left: -30px;
 748    width: calc(100% + 60px); }
 749  
 750  /**
 751   * Group: Full Width Alignment
 752   */
 753  .wp-block[data-type="core/group"][data-align="full"] > div > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks {
 754    margin-left: auto;
 755    margin-right: auto;
 756    padding-left: 0;
 757    padding-right: 0; }
 758    .wp-block[data-type="core/group"][data-align="full"] > div > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
 759      margin-left: 0;
 760      margin-right: 0; }
 761  
 762  .wp-block[data-type="core/group"][data-align="full"] > div > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
 763    padding-right: 0;
 764    padding-left: 0;
 765    left: 0;
 766    width: 100%;
 767    max-width: none; }
 768  
 769  .wp-block[data-type="core/group"][data-align="full"] > div > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] {
 770    width: calc(100% + 60px); }
 771  
 772  [data-type="core/group"].is-selected .block-list-appender {
 773    margin-left: 0;
 774    margin-right: 0; }
 775  
 776  [data-type="core/group"].is-selected .has-background .block-list-appender {
 777    margin-top: 18px;
 778    margin-bottom: 18px; }
 779  
 780  .wp-block-html {
 781    margin-bottom: 28px; }
 782    .wp-block-html .block-editor-plain-text {
 783      font-family: Menlo, Consolas, monaco, monospace;
 784      color: #23282d;
 785      padding: 0.8em 1em;
 786      border: 1px solid #e2e4e7;
 787      border-radius: 4px;
 788      max-height: 250px;
 789      /* Fonts smaller than 16px causes mobile safari to zoom. */
 790      font-size: 16px; }
 791      @media (min-width: 600px) {
 792        .wp-block-html .block-editor-plain-text {
 793          font-size: 13px; } }
 794      .wp-block-html .block-editor-plain-text:focus {
 795        box-shadow: none; }
 796  
 797  .wp-block-image {
 798    position: relative;
 799    margin-left: 0;
 800    margin-right: 0; }
 801    .wp-block-image.is-transient img {
 802      opacity: 0.3; }
 803    .wp-block-image figcaption img {
 804      display: inline; }
 805    .wp-block-image .components-spinner {
 806      position: absolute;
 807      top: 50%;
 808      left: 50%;
 809      margin-top: -9px;
 810      margin-left: -9px; }
 811  
 812  .wp-block-image .components-resizable-box__container {
 813    display: inline-block; }
 814    .wp-block-image .components-resizable-box__container img {
 815      display: block;
 816      width: inherit;
 817      height: inherit; }
 818  
 819  .wp-block-image.is-focused .components-resizable-box__handle {
 820    display: block;
 821    z-index: 1; }
 822  
 823  .block-editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image {
 824    margin-left: auto;
 825    margin-right: auto; }
 826  
 827  .block-editor-block-list__block[data-type="core/image"][data-align="center"][data-resized="false"] .wp-block-image > div {
 828    margin-left: auto;
 829    margin-right: auto; }
 830  
 831  .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
 832    position: absolute;
 833    left: 0;
 834    right: 0;
 835    margin: -1px 0; }
 836    @media (min-width: 600px) {
 837      .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
 838        margin: -1px; } }
 839  
 840  [data-type="core/image"][data-align="center"] figure,
 841  [data-type="core/image"][data-align="left"] figure,
 842  [data-type="core/image"][data-align="right"] figure {
 843    margin: 0; }
 844  
 845  [data-type="core/image"][data-align="wide"] figure img,
 846  [data-type="core/image"][data-align="full"] figure img {
 847    width: 100%; }
 848  
 849  [data-type="core/image"] figure.is-resized {
 850    margin: 0; }
 851  
 852  .wp-block-latest-comments.has-avatars .avatar {
 853    margin-right: 10px; }
 854  
 855  .wp-block-latest-comments__comment-excerpt p {
 856    font-size: 14px;
 857    line-height: 1.8;
 858    margin: 5px 0 20px;
 859    padding-top: 0; }
 860  
 861  .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
 862    min-height: 36px; }
 863  
 864  .block-editor .wp-block-latest-posts {
 865    padding-left: 2.5em; }
 866    .block-editor .wp-block-latest-posts.is-grid {
 867      padding-left: 0; }
 868  
 869  .wp-block-latest-posts li a > div {
 870    display: inline; }
 871  
 872  .wp-block-legacy-widget__edit-container,
 873  .wp-block-legacy-widget__preview {
 874    padding-left: 2.5em;
 875    padding-right: 2.5em; }
 876  
 877  .wp-block-legacy-widget__edit-container .widget-inside {
 878    border: none;
 879    display: block;
 880    box-shadow: none; }
 881  
 882  .wp-block-legacy-widget__update-button {
 883    margin-left: auto;
 884    display: block; }
 885  
 886  .wp-block-legacy-widget__preview {
 887    overflow: auto; }
 888  
 889  .wp-block-legacy-widget__edit-widget-title {
 890    margin: -14px -13px 0;
 891    background: #f8f9f9;
 892    color: #555d66;
 893    top: -13px;
 894    position: relative;
 895    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 896    font-size: 13px;
 897    padding: 8px 14px;
 898    font-weight: 600; }
 899  
 900  .wp-block-media-text .__resizable_base__ {
 901    -ms-grid-column: 1;
 902    -ms-grid-column-span: 2;
 903    grid-column: 1 / span 2;
 904    -ms-grid-row: 2;
 905    grid-row: 2; }
 906  
 907  .wp-block-media-text.is-vertically-aligned-top .block-editor-inner-blocks,
 908  .wp-block-media-text.is-vertically-aligned-top .editor-media-container__resizer {
 909    -ms-grid-row-align: start;
 910        align-self: start; }
 911  
 912  .wp-block-media-text .block-editor-inner-blocks,
 913  .wp-block-media-text .editor-media-container__resizer,
 914  .wp-block-media-text.is-vertically-aligned-center .block-editor-inner-blocks,
 915  .wp-block-media-text.is-vertically-aligned-center .editor-media-container__resizer {
 916    -ms-grid-row-align: center;
 917        align-self: center; }
 918  
 919  .wp-block-media-text.is-vertically-aligned-bottom .block-editor-inner-blocks,
 920  .wp-block-media-text.is-vertically-aligned-bottom .editor-media-container__resizer {
 921    -ms-grid-row-align: end;
 922        align-self: end; }
 923  
 924  .wp-block-media-text .editor-media-container__resizer {
 925    -ms-grid-column: 1;
 926    grid-column: 1;
 927    -ms-grid-row: 1;
 928    grid-row: 1;
 929    width: 100% !important; }
 930  
 931  .wp-block-media-text.is-image-fill .editor-media-container__resizer {
 932    height: 100% !important; }
 933  
 934  .wp-block-media-text.has-media-on-the-right .editor-media-container__resizer {
 935    -ms-grid-column: 2;
 936    grid-column: 2;
 937    -ms-grid-row: 1;
 938    grid-row: 1; }
 939  
 940  .wp-block-media-text .block-editor-inner-blocks {
 941    word-break: break-word;
 942    -ms-grid-column: 2;
 943    grid-column: 2;
 944    -ms-grid-row: 1;
 945    grid-row: 1;
 946    text-align: initial;
 947    padding: 0 8% 0 8%; }
 948  
 949  .wp-block-media-text.has-media-on-the-right .block-editor-inner-blocks {
 950    -ms-grid-column: 1;
 951    grid-column: 1;
 952    -ms-grid-row: 1;
 953    grid-row: 1; }
 954  
 955  .wp-block-media-text > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {
 956    max-width: unset; }
 957  
 958  .editor-media-container__resizer .components-resizable-box__handle {
 959    display: none; }
 960  
 961  .wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle {
 962    display: block; }
 963  
 964  @media (min-width: 600px) {
 965    .wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle {
 966      display: block; } }
 967  
 968  @media (max-width: 600px) {
 969    .wp-block-media-text.is-stacked-on-mobile .block-editor-inner-blocks {
 970      -ms-grid-column: 1;
 971      grid-column: 1;
 972      -ms-grid-row: 2;
 973      grid-row: 2; }
 974    .wp-block-media-text.is-stacked-on-mobile .editor-media-container__resizer {
 975      -ms-grid-column: 1;
 976      grid-column: 1;
 977      -ms-grid-row: 1;
 978      grid-row: 1; }
 979    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .block-editor-inner-blocks {
 980      -ms-grid-column: 1;
 981      grid-column: 1;
 982      -ms-grid-row: 1;
 983      grid-row: 1; }
 984    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .editor-media-container__resizer {
 985      -ms-grid-column: 1;
 986      grid-column: 1;
 987      -ms-grid-row: 2;
 988      grid-row: 2; } }
 989  
 990  .block-editor-block-list__block[data-type="core/more"] {
 991    max-width: 100%;
 992    text-align: center;
 993    margin-top: 28px;
 994    margin-bottom: 28px; }
 995  
 996  .block-editor .wp-block-more {
 997    display: block;
 998    text-align: center;
 999    white-space: nowrap; }
1000    .block-editor .wp-block-more input[type="text"] {
1001      position: relative;
1002      font-size: 13px;
1003      text-transform: uppercase;
1004      font-weight: 600;
1005      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1006      color: #6c7781;
1007      border: none;
1008      box-shadow: none;
1009      white-space: nowrap;
1010      text-align: center;
1011      margin: 0;
1012      border-radius: 4px;
1013      background: #fff;
1014      padding: 6px 8px;
1015      height: 24px;
1016      max-width: 100%; }
1017      .block-editor .wp-block-more input[type="text"]:focus {
1018        box-shadow: none; }
1019    .block-editor .wp-block-more::before {
1020      content: "";
1021      position: absolute;
1022      top: calc(50%);
1023      left: 0;
1024      right: 0;
1025      border-top: 3px dashed #ccd0d4; }
1026  
1027  [data-type="core/navigation"] .wp-block-navigation .block-editor-inner-blocks {
1028    flex: 1; }
1029  
1030  [data-type="core/navigation"] .wp-block-navigation .block-editor-inner-blocks > .block-editor-block-list__layout {
1031    margin-left: 0;
1032    margin-right: 0; }
1033  
1034  [data-type="core/navigation"] .wp-block-navigation.items-justification-left .block-editor-inner-blocks > .block-editor-block-list__layout {
1035    justify-content: flex-start; }
1036  
1037  [data-type="core/navigation"] .wp-block-navigation.items-justification-center .block-editor-inner-blocks > .block-editor-block-list__layout {
1038    justify-content: center; }
1039  
1040  [data-type="core/navigation"] .wp-block-navigation.items-justification-right .block-editor-inner-blocks > .block-editor-block-list__layout {
1041    justify-content: flex-end; }
1042  
1043  [data-type="core/navigation"] .wp-block-navigation .block-editor-block-list__block::before {
1044    left: 0;
1045    right: 0; }
1046  
1047  [data-type="core/navigation"].is-selected .wp-block-navigation .block-editor-block-list__block::before,
1048  [data-type="core/navigation"].has-child-selected .wp-block-navigation .block-editor-block-list__block::before {
1049    border-color: transparent !important; }
1050  
1051  [data-type="core/navigation"] .wp-block-navigation .block-editor-block-list__insertion-point {
1052    display: none; }
1053  
1054  [data-type="core/navigation"] .wp-block-navigation .block-list-appender {
1055    width: 28px;
1056    height: 28px; }
1057    [data-type="core/navigation"] .wp-block-navigation .block-list-appender .block-editor-button-block-appender {
1058      padding: 8px;
1059      padding-bottom: 4px;
1060      padding-top: 4px;
1061      outline: none;
1062      background: none; }
1063  
1064  [data-type="core/navigation"] .wp-block-navigation .wp-block-navigation-link.is-selected .block-editor-rich-text__editable:focus {
1065    min-width: 20px; }
1066  
1067  .wp-block-navigation__inserter-content {
1068    padding: 16px; }
1069  
1070  /**
1071   * Colors Selector component
1072   */
1073  .block-library-colors-selector {
1074    width: auto; }
1075    .block-library-colors-selector .block-library-colors-selector__toggle {
1076      display: block;
1077      margin: 0 auto;
1078      padding: 3px;
1079      width: auto; }
1080    .block-library-colors-selector .block-library-colors-selector__icon-container {
1081      width: 42px;
1082      height: 30px;
1083      position: relative;
1084      margin: 0 auto;
1085      padding: 3px;
1086      display: flex;
1087      align-items: center;
1088      border-radius: 4px; }
1089      .block-library-colors-selector .block-library-colors-selector__icon-container::after {
1090        content: "";
1091        pointer-events: none;
1092        display: block;
1093        width: 0;
1094        height: 0;
1095        border-left: 3px solid transparent;
1096        border-right: 3px solid transparent;
1097        border-top: 5px solid;
1098        margin-left: 4px;
1099        margin-right: 2px; }
1100    .block-library-colors-selector .block-library-colors-selector__state-selection {
1101      border-radius: 11px;
1102      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1103      width: 22px;
1104      min-width: 22px;
1105      height: 22px;
1106      min-height: 22px;
1107      line-height: 20px;
1108      padding: 2px; }
1109      .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg,
1110      .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path {
1111        color: inherit; }
1112  
1113  .block-library-colors-selector__popover .color-palette-controller-container {
1114    padding: 16px; }
1115  
1116  .block-library-colors-selector__popover .components-base-control__label {
1117    height: 20px;
1118    line-height: 20px; }
1119  
1120  .block-library-colors-selector__popover .component-color-indicator {
1121    float: right;
1122    margin-top: 2px; }
1123  
1124  .block-library-colors-selector__popover .components-panel__body-title {
1125    display: none; }
1126  
1127  .wp-block-navigation-link__field .components-text-control__input.components-text-control__input,
1128  .wp-block-navigation-link__container {
1129    border-radius: 0;
1130    line-height: 36px;
1131    min-height: 36px; }
1132  
1133  /*
1134   * Adjust Navigation Item.
1135   */
1136  .wp-block-navigation-link .block-editor-block-list__layout {
1137    display: block; }
1138  
1139  .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected {
1140    min-width: 20px; }
1141  
1142  .wp-block-navigation-link.has-link .wp-block-navigation-link__label {
1143    text-decoration: underline; }
1144  
1145  .wp-block-navigation-link .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus) [data-rich-text-placeholder]::after {
1146    display: inline-block; }
1147  
1148  .wp-block-navigation-link .block-list-appender {
1149    margin: 16px;
1150    margin-left: 10px;
1151    margin-top: 10px; }
1152  
1153  [data-type="core/navigation-link"] .block-editor-block-toolbar {
1154    left: 14px; }
1155  
1156  [data-type="core/navigation-link"] .block-editor-block-toolbar .components-toolbar.block-editor-block-mover .components-button.block-editor-block-mover__control-drag-handle {
1157    display: none; }
1158  
1159  .wp-block-navigation-link__nofollow-external-link {
1160    display: block; }
1161  
1162  .wp-block-navigation-link__separator {
1163    margin: 8px 0 8px;
1164    border-top: 1px solid #e2e4e7; }
1165  
1166  .components-popover.wp-block-navigation-link__dropdown-content {
1167    margin-top: -1px;
1168    margin-left: -4px; }
1169  
1170  .wp-block-navigation-link__dropdown-content .components-popover__content {
1171    padding: 8px 0; }
1172  
1173  .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point {
1174    display: none; }
1175  
1176  .block-editor-block-list__block[data-type="core/nextpage"] {
1177    max-width: 100%;
1178    margin-top: 28px;
1179    margin-bottom: 28px; }
1180  
1181  .wp-block-nextpage {
1182    display: block;
1183    text-align: center;
1184    white-space: nowrap; }
1185    .wp-block-nextpage > span {
1186      font-size: 13px;
1187      position: relative;
1188      display: inline-block;
1189      text-transform: uppercase;
1190      font-weight: 600;
1191      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1192      color: #6c7781;
1193      border-radius: 4px;
1194      background: #fff;
1195      padding: 6px 8px;
1196      height: 24px; }
1197    .wp-block-nextpage::before {
1198      content: "";
1199      position: absolute;
1200      top: calc(50%);
1201      left: 0;
1202      right: 0;
1203      border-top: 3px dashed #ccd0d4; }
1204  
1205  .block-editor-block-list__block[data-type="core/paragraph"] .has-drop-cap:focus {
1206    min-height: auto !important; }
1207  
1208  .block-editor-block-list__block[data-type="core/pullquote"][data-align="left"] p, .block-editor-block-list__block[data-type="core/pullquote"][data-align="right"] p {
1209    font-size: 20px; }
1210  
1211  .wp-block-pullquote blockquote p {
1212    font-size: 28px;
1213    line-height: 1.6; }
1214  
1215  .wp-block-pullquote.is-style-solid-color {
1216    margin-left: 0;
1217    margin-right: 0; }
1218    .wp-block-pullquote.is-style-solid-color blockquote p {
1219      font-size: 32px; }
1220    .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
1221      text-transform: none;
1222      font-style: normal; }
1223  
1224  .wp-block-pullquote .wp-block-pullquote__citation {
1225    color: inherit; }
1226  
1227  .wp-block-quote__citation {
1228    font-size: 13px; }
1229  
1230  .block-editor .wp-block-rss {
1231    padding-left: 2.5em; }
1232    .block-editor .wp-block-rss.is-grid {
1233      padding-left: 0; }
1234  
1235  .wp-block-rss li a > div {
1236    display: inline; }
1237  
1238  .wp-block-search__input {
1239    border-radius: 4px;
1240    border: 1px solid #7e8993;
1241    color: rgba(14, 28, 46, 0.62);
1242    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1243    font-size: 13px;
1244    padding: 8px; }
1245    .wp-block-search__input:focus {
1246      outline: none; }
1247  
1248  .wp-block-search__button {
1249    background: #f7f7f7;
1250    border-radius: 4px;
1251    border: 1px solid #ccc;
1252    box-shadow: inset 0 -1px 0 #ccc;
1253    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1254    font-size: 13px;
1255    padding: 6px 10px; }
1256  
1257  .wp-block-shortcode {
1258    display: flex;
1259    flex-direction: column;
1260    padding: 14px;
1261    background-color: rgba(139, 139, 150, 0.1);
1262    font-size: 13px;
1263    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1264    margin-bottom: 28px; }
1265    .wp-block-shortcode label {
1266      display: flex;
1267      align-items: center;
1268      white-space: nowrap;
1269      font-weight: 600;
1270      flex-shrink: 0; }
1271    .wp-block-shortcode .block-editor-plain-text {
1272      width: 80%;
1273      max-height: 250px; }
1274    .wp-block-shortcode .dashicon {
1275      margin-right: 8px; }
1276  
1277  .wp-social-link {
1278    padding: 6px; }
1279  
1280  .wp-block-social-links.is-style-pill-shape .wp-social-link {
1281    padding-left: 16px;
1282    padding-right: 16px; }
1283  
1284  .wp-block-social-links div.block-editor-url-input {
1285    display: inline-block;
1286    margin-left: 8px; }
1287  
1288  .wp-block-social-links .block-editor-block-list__layout {
1289    display: flex;
1290    justify-content: flex-start; }
1291  
1292  [data-type="core/social-links"] .wp-block-social-links > .block-editor-inner-blocks > .block-editor-block-list__layout {
1293    margin-left: 0;
1294    margin-right: 0; }
1295  
1296  [data-type="core/social-links"] .wp-block-social-links > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
1297    width: auto;
1298    padding-left: 0;
1299    padding-right: 0;
1300    margin-left: 0;
1301    margin-right: 0;
1302    margin-top: 0;
1303    margin-bottom: 0; }
1304  
1305  [data-type="core/social-links"] .wp-block-social-links > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block::before {
1306    border-right: none;
1307    border-top: none;
1308    border-bottom: none; }
1309  
1310  [data-type="core/social-links"].is-selected .wp-block-social-links .block-editor-block-list__block::before,
1311  [data-type="core/social-links"].has-child-selected .wp-block-social-links .block-editor-block-list__block::before {
1312    border-color: transparent !important; }
1313  
1314  [data-type="core/social-links"] .wp-block-social-links .block-editor-block-list__insertion-point {
1315    display: none; }
1316  
1317  .wp-block-social-links .block-list-appender {
1318    margin: 0; }
1319    .wp-block-social-links .block-list-appender .block-editor-button-block-appender {
1320      padding: 8px;
1321      outline: none;
1322      background: none; }
1323  
1324  [data-type="core/social-links"][data-align="center"] .wp-block-social-links {
1325    justify-content: center; }
1326  
1327  .block-editor-block-preview__content .wp-social-link:disabled {
1328    opacity: 1; }
1329  
1330  .block-editor-block-preview__content [data-type="core/social-links"] {
1331    width: auto !important;
1332    display: inline-block; }
1333  
1334  [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links {
1335    min-height: 36px; }
1336  
1337  [data-type="core/social-links"] .wp-social-link__is-incomplete {
1338    transition: transform 0.1s ease;
1339    transform-origin: center center; }
1340  
1341  [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete {
1342    opacity: 0;
1343    transform: scale(0);
1344    width: 0;
1345    padding: 0;
1346    margin-right: 0; }
1347  
1348  .wp-social-link.wp-social-link__is-incomplete {
1349    opacity: 0.5; }
1350    @media (prefers-reduced-motion: reduce) {
1351      .wp-social-link.wp-social-link__is-incomplete {
1352        transition-duration: 0s; } }
1353  
1354  .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
1355  .wp-social-link.wp-social-link__is-incomplete:hover,
1356  .wp-social-link.wp-social-link__is-incomplete:focus {
1357    opacity: 1; }
1358  
1359  [data-type="core/social-links"] .wp-social-link:focus {
1360    opacity: 1;
1361    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba;
1362    outline: 2px solid transparent; }
1363  
1364  .block-library-spacer__resize-container.is-selected {
1365    background: #f3f4f5; }
1366  
1367  .block-library-spacer__resize-container {
1368    clear: both;
1369    margin-bottom: 28px; }
1370  
1371  .edit-post-visual-editor p.wp-block-subhead {
1372    color: #6c7781;
1373    font-size: 1.1em;
1374    font-style: italic; }
1375  
1376  .block-editor-block-list__block[data-type="core/table"][data-align="left"], .block-editor-block-list__block[data-type="core/table"][data-align="right"], .block-editor-block-list__block[data-type="core/table"][data-align="center"] {
1377    height: auto; }
1378    .block-editor-block-list__block[data-type="core/table"][data-align="left"] table, .block-editor-block-list__block[data-type="core/table"][data-align="right"] table, .block-editor-block-list__block[data-type="core/table"][data-align="center"] table {
1379      width: auto; }
1380    .block-editor-block-list__block[data-type="core/table"][data-align="left"] td,
1381    .block-editor-block-list__block[data-type="core/table"][data-align="left"] th, .block-editor-block-list__block[data-type="core/table"][data-align="right"] td,
1382    .block-editor-block-list__block[data-type="core/table"][data-align="right"] th, .block-editor-block-list__block[data-type="core/table"][data-align="center"] td,
1383    .block-editor-block-list__block[data-type="core/table"][data-align="center"] th {
1384      word-break: break-word; }
1385  
1386  .block-editor-block-list__block[data-type="core/table"][data-align="center"] {
1387    text-align: initial; }
1388    .block-editor-block-list__block[data-type="core/table"][data-align="center"] table {
1389      margin: 0 auto; }
1390  
1391  .wp-block-table {
1392    margin: 0; }
1393    .wp-block-table table {
1394      border-collapse: collapse; }
1395    .wp-block-table td,
1396    .wp-block-table th {
1397      border: 1px solid; }
1398    .wp-block-table td.is-selected,
1399    .wp-block-table th.is-selected {
1400      border-color: #00a0d2;
1401      box-shadow: inset 0 0 0 1px #00a0d2;
1402      border-style: double; }
1403    .wp-block-table figcaption {
1404      color: #555d66;
1405      font-size: 13px;
1406      text-align: center; }
1407  
1408  .wp-block-table__placeholder-form.wp-block-table__placeholder-form .wp-block-table__placeholder-input {
1409    width: 112px;
1410    margin-right: 8px;
1411    margin-bottom: 0; }
1412    .wp-block-table__placeholder-form.wp-block-table__placeholder-form .wp-block-table__placeholder-input input {
1413      height: 36px; }
1414  
1415  .wp-block-table__placeholder-form.wp-block-table__placeholder-form .components-base-control__field {
1416    margin-bottom: 0; }
1417  
1418  .wp-block-table__placeholder-form.wp-block-table__placeholder-form .wp-block-table__placeholder-button {
1419    margin-top: auto;
1420    margin-right: auto; }
1421  
1422  .block-editor .wp-block-tag-cloud a {
1423    display: inline-block;
1424    margin-right: 5px; }
1425  
1426  .block-editor .wp-block-tag-cloud span {
1427    display: inline-block;
1428    margin-left: 5px;
1429    color: #8f98a1;
1430    text-decoration: none; }
1431  
1432  .wp-block-template-part__placeholder-input-container {
1433    display: flex;
1434    flex-wrap: wrap;
1435    width: 100%; }
1436  
1437  .wp-block-template-part__placeholder-input {
1438    margin: 5px; }
1439  
1440  .wp-block-template-part__placeholder-preview {
1441    margin-bottom: 15px;
1442    width: 100%; }
1443    .wp-block-template-part__placeholder-preview .block-editor-block-preview__container {
1444      padding: 1px; }
1445    .wp-block-template-part__placeholder-preview .block-editor-block-preview__content {
1446      position: initial; }
1447  
1448  .wp-block-template-part__placeholder-preview-title {
1449    font-size: 15px;
1450    font-weight: 600;
1451    margin-bottom: 4px; }
1452  
1453  .wp-block-text-columns .block-editor-rich-text__editable:focus {
1454    outline: 1px solid #e2e4e7; }
1455  
1456  pre.wp-block-verse {
1457    color: #191e23;
1458    white-space: nowrap;
1459    font-family: inherit;
1460    font-size: inherit;
1461    padding: 1em;
1462    overflow: auto; }
1463  
1464  .block-editor-block-list__block[data-align="center"] {
1465    text-align: center; }
1466  
1467  .editor-video-poster-control .components-button {
1468    display: block;
1469    margin-right: 8px; }
1470  
1471  .editor-video-poster-control .components-button + .components-button {
1472    margin-top: 1em; }
1473  
1474  /**
1475   * Import styles from internal editor components used by the blocks.
1476   */
1477  .block-editor-block-list__layout .reusable-block-edit-panel {
1478    align-items: center;
1479    background: #f8f9f9;
1480    color: #555d66;
1481    display: flex;
1482    flex-wrap: wrap;
1483    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1484    font-size: 13px;
1485    position: relative;
1486    top: -14px;
1487    margin: 0 -14px;
1488    padding: 8px 14px;
1489    z-index: 61;
1490    border: 1px dashed rgba(145, 151, 162, 0.25);
1491    border-bottom: none; }
1492    .block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel {
1493      margin: 0 -14px;
1494      padding: 8px 14px; }
1495    .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner {
1496      margin: 0 5px; }
1497    .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info {
1498      margin-right: auto; }
1499    .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label {
1500      margin-right: 8px;
1501      white-space: nowrap;
1502      font-weight: 600; }
1503    .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
1504      flex: 1 1 100%;
1505      font-size: 14px;
1506      height: 30px;
1507      margin: 4px 0 8px; }
1508    .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
1509      flex-shrink: 0; }
1510    @media (min-width: 960px) {
1511      .block-editor-block-list__layout .reusable-block-edit-panel {
1512        flex-wrap: nowrap; }
1513        .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
1514          margin: 0; }
1515        .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
1516          margin: 0 0 0 5px; } }
1517  
1518  .block-editor-block-list__layout .is-selected .reusable-block-edit-panel {
1519    border-color: rgba(66, 88, 99, 0.4);
1520    border-left-color: transparent; }
1521    .is-dark-theme .block-editor-block-list__layout .is-selected .reusable-block-edit-panel {
1522      border-color: rgba(255, 255, 255, 0.45);
1523      border-left-color: transparent; }
1524  
1525  .is-navigate-mode .is-selected .reusable-block-edit-panel {
1526    border-color: #007cba;
1527    border-left-color: transparent; }
1528    .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel {
1529      border-color: #007cba;
1530      border-left-color: transparent; }
1531  
1532  /**
1533   * Editor Normalization Styles
1534   *
1535   * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
1536   * This allows us to create normalization styles that are easily overridden by editor styles.
1537   */
1538  .editor-styles-wrapper .block-editor-block-list__block {
1539    margin-top: 28px;
1540    margin-bottom: 28px; }


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1