[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * SCSS Variables.
   6   *
   7   * Please use variables from this sheet to ensure consistency across the UI.
   8   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   9   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  10   */
  11  /**
  12   * Fonts & basic variables.
  13   */
  14  /**
  15   * Typography
  16   */
  17  /**
  18   * Grid System.
  19   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  20   */
  21  /**
  22   * Radius scale.
  23   */
  24  /**
  25   * Elevation scale.
  26   */
  27  /**
  28   * Dimensions.
  29   */
  30  /**
  31   * Mobile specific styles
  32   */
  33  /**
  34   * Editor styles.
  35   */
  36  /**
  37   * Block & Editor UI.
  38   */
  39  /**
  40   * Block paddings.
  41   */
  42  /**
  43   * React Native specific.
  44   * These variables do not appear to be used anywhere else.
  45   */
  46  .wp-block-cover-image,
  47  .wp-block-cover {
  48    min-height: 430px;
  49    padding: 1em;
  50    position: relative;
  51    background-position: center center;
  52    display: flex;
  53    justify-content: center;
  54    align-items: center;
  55    overflow: hidden;
  56    overflow: clip;
  57    box-sizing: border-box; direction: ltr;
  58    /**
  59     * Set a default background color for has-background-dim _unless_ it includes another
  60     * background-color class (e.g. has-green-background-color). The presence of another
  61     * background-color class implies that another style will provide the background color
  62     * for the overlay.
  63     *
  64     * See:
  65     *   - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
  66     *   - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
  67     */
  68  }
  69  .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
  70  .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
  71  .wp-block-cover.has-background-dim:not([class*=-background-color]),
  72  .wp-block-cover .has-background-dim:not([class*=-background-color]) {
  73    background-color: #000;
  74  }
  75  .wp-block-cover-image .has-background-dim.has-background-gradient,
  76  .wp-block-cover .has-background-dim.has-background-gradient {
  77    background-color: transparent;
  78  }
  79  .wp-block-cover-image.has-background-dim::before,
  80  .wp-block-cover.has-background-dim::before {
  81    content: "";
  82    background-color: inherit;
  83  }
  84  .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
  85  .wp-block-cover-image .wp-block-cover__background,
  86  .wp-block-cover-image .wp-block-cover__gradient-background,
  87  .wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
  88  .wp-block-cover .wp-block-cover__background,
  89  .wp-block-cover .wp-block-cover__gradient-background {
  90    position: absolute;
  91    top: 0;
  92    right: 0;
  93    bottom: 0;
  94    left: 0;
  95    opacity: 0.5;
  96  }
  97  .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
  98  .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
  99  .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
 100  .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
 101  .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
 102  .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
 103    opacity: 0.1;
 104  }
 105  .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
 106  .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
 107  .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
 108  .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
 109  .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
 110  .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
 111    opacity: 0.2;
 112  }
 113  .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
 114  .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
 115  .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
 116  .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
 117  .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
 118  .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
 119    opacity: 0.3;
 120  }
 121  .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
 122  .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
 123  .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
 124  .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
 125  .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
 126  .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
 127    opacity: 0.4;
 128  }
 129  .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
 130  .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
 131  .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
 132  .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
 133  .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
 134  .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
 135    opacity: 0.5;
 136  }
 137  .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
 138  .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
 139  .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
 140  .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
 141  .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
 142  .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
 143    opacity: 0.6;
 144  }
 145  .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
 146  .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
 147  .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
 148  .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
 149  .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
 150  .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
 151    opacity: 0.7;
 152  }
 153  .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
 154  .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
 155  .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
 156  .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
 157  .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
 158  .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
 159    opacity: 0.8;
 160  }
 161  .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
 162  .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
 163  .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
 164  .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
 165  .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
 166  .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
 167    opacity: 0.9;
 168  }
 169  .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
 170  .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
 171  .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
 172  .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
 173  .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
 174  .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
 175    opacity: 1;
 176  }
 177  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
 178  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
 179  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
 180  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
 181    opacity: 0;
 182  }
 183  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
 184  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
 185  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
 186  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
 187    opacity: 0.1;
 188  }
 189  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
 190  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
 191  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
 192  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 {
 193    opacity: 0.2;
 194  }
 195  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
 196  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
 197  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
 198  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 {
 199    opacity: 0.3;
 200  }
 201  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
 202  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
 203  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
 204  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
 205    opacity: 0.4;
 206  }
 207  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
 208  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
 209  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
 210  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 {
 211    opacity: 0.5;
 212  }
 213  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
 214  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
 215  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
 216  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 {
 217    opacity: 0.6;
 218  }
 219  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
 220  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
 221  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
 222  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
 223    opacity: 0.7;
 224  }
 225  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
 226  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
 227  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
 228  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 {
 229    opacity: 0.8;
 230  }
 231  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
 232  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
 233  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
 234  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 {
 235    opacity: 0.9;
 236  }
 237  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
 238  .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
 239  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
 240  .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
 241    opacity: 1;
 242  }
 243  .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
 244  .wp-block-cover.alignleft,
 245  .wp-block-cover.alignright {
 246    max-width: 420px;
 247    width: 100%;
 248  }
 249  .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
 250  .wp-block-cover.aligncenter,
 251  .wp-block-cover.alignleft,
 252  .wp-block-cover.alignright {
 253    display: flex;
 254  }
 255  .wp-block-cover-image .wp-block-cover__inner-container,
 256  .wp-block-cover .wp-block-cover__inner-container {
 257    position: relative;
 258    width: 100%;
 259    color: inherit; direction: rtl;
 260  }
 261  .wp-block-cover-image.is-position-top-left,
 262  .wp-block-cover.is-position-top-left {
 263    align-items: flex-start;
 264    justify-content: flex-start;
 265  }
 266  .wp-block-cover-image.is-position-top-center,
 267  .wp-block-cover.is-position-top-center {
 268    align-items: flex-start;
 269    justify-content: center;
 270  }
 271  .wp-block-cover-image.is-position-top-right,
 272  .wp-block-cover.is-position-top-right {
 273    align-items: flex-start;
 274    justify-content: flex-end;
 275  }
 276  .wp-block-cover-image.is-position-center-left,
 277  .wp-block-cover.is-position-center-left {
 278    align-items: center;
 279    justify-content: flex-start;
 280  }
 281  .wp-block-cover-image.is-position-center-center,
 282  .wp-block-cover.is-position-center-center {
 283    align-items: center;
 284    justify-content: center;
 285  }
 286  .wp-block-cover-image.is-position-center-right,
 287  .wp-block-cover.is-position-center-right {
 288    align-items: center;
 289    justify-content: flex-end;
 290  }
 291  .wp-block-cover-image.is-position-bottom-left,
 292  .wp-block-cover.is-position-bottom-left {
 293    align-items: flex-end;
 294    justify-content: flex-start;
 295  }
 296  .wp-block-cover-image.is-position-bottom-center,
 297  .wp-block-cover.is-position-bottom-center {
 298    align-items: flex-end;
 299    justify-content: center;
 300  }
 301  .wp-block-cover-image.is-position-bottom-right,
 302  .wp-block-cover.is-position-bottom-right {
 303    align-items: flex-end;
 304    justify-content: flex-end;
 305  }
 306  .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
 307  .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
 308    margin: 0;
 309  }
 310  .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,
 311  .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,
 312  .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,
 313  .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,
 314  .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,
 315  .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,
 316  .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container {
 317    margin: 0;
 318    width: auto;
 319  }
 320  .wp-block-cover-image .wp-block-cover__image-background,
 321  .wp-block-cover-image video.wp-block-cover__video-background,
 322  .wp-block-cover .wp-block-cover__image-background,
 323  .wp-block-cover video.wp-block-cover__video-background {
 324    position: absolute;
 325    top: 0;
 326    right: 0;
 327    left: 0;
 328    bottom: 0;
 329    margin: 0;
 330    padding: 0;
 331    width: 100%;
 332    height: 100%;
 333    max-width: none;
 334    max-height: none;
 335    object-fit: cover;
 336    outline: none;
 337    border: none;
 338    box-shadow: none;
 339  }
 340  @supports (-webkit-hyphens: none) {
 341    .wp-block-cover-image.has-aspect-ratio,
 342    .wp-block-cover.has-aspect-ratio {
 343      min-height: fit-content !important;
 344    }
 345  }
 346  .wp-block-cover-image .wp-block-cover__embed-background,
 347  .wp-block-cover .wp-block-cover__embed-background {
 348    position: absolute;
 349    top: 0;
 350    right: 0;
 351    left: 0;
 352    bottom: 0;
 353    margin: 0;
 354    padding: 0;
 355    width: 100%;
 356    height: 100%;
 357    max-width: none;
 358    max-height: none;
 359    outline: none;
 360    border: none;
 361    box-shadow: none;
 362    pointer-events: none;
 363  }
 364  .wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
 365  .wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
 366    position: absolute;
 367    top: 0;
 368    right: 0;
 369    left: 0;
 370    bottom: 0;
 371    margin: 0;
 372    padding: 0;
 373    width: 100%;
 374    height: 100%;
 375  }
 376  .wp-block-cover-image .wp-block-cover__embed-background iframe,
 377  .wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
 378  .wp-block-cover .wp-block-cover__embed-background iframe,
 379  .wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
 380    position: absolute;
 381    top: 50%;
 382    right: 50%;
 383    width: 100vw;
 384    height: 100vh;
 385    min-width: 100%;
 386    min-height: 100%;
 387    transform: translate(50%, -50%);
 388    pointer-events: none;
 389  }
 390  
 391  .wp-block-cover-image.has-parallax,
 392  .wp-block-cover.has-parallax,
 393  .wp-block-cover__image-background.has-parallax,
 394  video.wp-block-cover__video-background.has-parallax {
 395    background-attachment: fixed;
 396    background-size: cover;
 397    background-repeat: no-repeat;
 398  }
 399  @supports (-webkit-touch-callout: inherit) {
 400    .wp-block-cover-image.has-parallax,
 401    .wp-block-cover.has-parallax,
 402    .wp-block-cover__image-background.has-parallax,
 403    video.wp-block-cover__video-background.has-parallax {
 404      background-attachment: scroll;
 405    }
 406  }
 407  @media (prefers-reduced-motion: reduce) {
 408    .wp-block-cover-image.has-parallax,
 409    .wp-block-cover.has-parallax,
 410    .wp-block-cover__image-background.has-parallax,
 411    video.wp-block-cover__video-background.has-parallax {
 412      background-attachment: scroll;
 413    }
 414  }
 415  .wp-block-cover-image.is-repeated,
 416  .wp-block-cover.is-repeated,
 417  .wp-block-cover__image-background.is-repeated,
 418  video.wp-block-cover__video-background.is-repeated {
 419    background-repeat: repeat;
 420    background-size: auto;
 421  }
 422  
 423  section.wp-block-cover-image h2,
 424  .wp-block-cover-image-text,
 425  .wp-block-cover-text {
 426    color: #fff;
 427  }
 428  section.wp-block-cover-image h2 a,
 429  section.wp-block-cover-image h2 a:hover,
 430  section.wp-block-cover-image h2 a:focus,
 431  section.wp-block-cover-image h2 a:active,
 432  .wp-block-cover-image-text a,
 433  .wp-block-cover-image-text a:hover,
 434  .wp-block-cover-image-text a:focus,
 435  .wp-block-cover-image-text a:active,
 436  .wp-block-cover-text a,
 437  .wp-block-cover-text a:hover,
 438  .wp-block-cover-text a:focus,
 439  .wp-block-cover-text a:active {
 440    color: #fff;
 441  }
 442  
 443  .wp-block-cover-image .wp-block-cover.has-left-content {
 444    justify-content: flex-start;
 445  }
 446  .wp-block-cover-image .wp-block-cover.has-right-content {
 447    justify-content: flex-end;
 448  }
 449  
 450  section.wp-block-cover-image.has-left-content > h2,
 451  .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
 452  .wp-block-cover.has-left-content .wp-block-cover-text {
 453    margin-right: 0;
 454    text-align: right;
 455  }
 456  
 457  section.wp-block-cover-image.has-right-content > h2,
 458  .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
 459  .wp-block-cover.has-right-content .wp-block-cover-text {
 460    margin-left: 0;
 461    text-align: left;
 462  }
 463  
 464  section.wp-block-cover-image > h2,
 465  .wp-block-cover-image .wp-block-cover-image-text,
 466  .wp-block-cover .wp-block-cover-text {
 467    font-size: 2em;
 468    line-height: 1.25;
 469    z-index: 1;
 470    margin-bottom: 0;
 471    max-width: 840px;
 472    padding: 0.44em;
 473    text-align: center;
 474  }
 475  
 476  :where(.wp-block-cover:not(.has-text-color)),
 477  :where(.wp-block-cover-image:not(.has-text-color)) {
 478    color: #fff;
 479  }
 480  
 481  :where(.wp-block-cover.is-light:not(.has-text-color)),
 482  :where(.wp-block-cover-image.is-light:not(.has-text-color)) {
 483    color: #000;
 484  }
 485  
 486  :root :where(.wp-block-cover p:not(.has-text-color)),
 487  :root :where(.wp-block-cover h1:not(.has-text-color)),
 488  :root :where(.wp-block-cover h2:not(.has-text-color)),
 489  :root :where(.wp-block-cover h3:not(.has-text-color)),
 490  :root :where(.wp-block-cover h4:not(.has-text-color)),
 491  :root :where(.wp-block-cover h5:not(.has-text-color)),
 492  :root :where(.wp-block-cover h6:not(.has-text-color)) {
 493    color: inherit;
 494  }
 495  
 496  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
 497    z-index: 0;
 498  }
 499  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
 500    z-index: 0;
 501  }
 502  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
 503    z-index: 0;
 504  }
 505  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
 506  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
 507  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
 508    z-index: 1;
 509  }
 510  body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
 511    z-index: 1;
 512  }
 513  .has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
 514    z-index: auto;
 515  }