wp/wp-includes/css/dist/block-library/style.css
changeset 9 177826044cd9
child 16 a86126ab1dd4
equal deleted inserted replaced
8:c7c34916027a 9:177826044cd9
       
     1 /**
       
     2  * Colors
       
     3  */
       
     4 /**
       
     5  * Breakpoints & Media Queries
       
     6  */
       
     7 /**
       
     8  * Often re-used variables
       
     9  */
       
    10 /**
       
    11  * Breakpoint mixins
       
    12  */
       
    13 /**
       
    14  * Long content fade mixin
       
    15  *
       
    16  * Creates a fading overlay to signify that the content is longer
       
    17  * than the space allows.
       
    18  */
       
    19 /**
       
    20  * Button states and focus styles
       
    21  */
       
    22 /**
       
    23  * Applies editor left position to the selector passed as argument
       
    24  */
       
    25 /**
       
    26  * Applies editor right position to the selector passed as argument
       
    27  */
       
    28 /**
       
    29  * Styles that are reused verbatim in a few places
       
    30  */
       
    31 /**
       
    32  * Allows users to opt-out of animations via OS-level preferences.
       
    33  */
       
    34 .wp-block-audio figcaption {
       
    35   margin-top: 0.5em;
       
    36   margin-bottom: 1em;
       
    37   color: #555d66;
       
    38   text-align: center;
       
    39   font-size: 13px; }
       
    40 
       
    41 .wp-block-audio audio {
       
    42   width: 100%;
       
    43   min-width: 300px; }
       
    44 
       
    45 .block-editor-block-list__layout .reusable-block-edit-panel {
       
    46   align-items: center;
       
    47   background: #f8f9f9;
       
    48   color: #555d66;
       
    49   display: flex;
       
    50   flex-wrap: wrap;
       
    51   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
       
    52   font-size: 13px;
       
    53   position: relative;
       
    54   top: -14px;
       
    55   margin: 0 -14px;
       
    56   padding: 8px 14px;
       
    57   position: relative;
       
    58   border: 1px dashed rgba(145, 151, 162, 0.25);
       
    59   border-bottom: none; }
       
    60   .block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel {
       
    61     margin: 0 -14px;
       
    62     padding: 8px 14px; }
       
    63   .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner {
       
    64     margin: 0 5px; }
       
    65   .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info {
       
    66     margin-right: auto; }
       
    67   .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label {
       
    68     margin-right: 8px;
       
    69     white-space: nowrap;
       
    70     font-weight: 600; }
       
    71   .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
       
    72     flex: 1 1 100%;
       
    73     font-size: 14px;
       
    74     height: 30px;
       
    75     margin: 4px 0 8px; }
       
    76   .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
       
    77     flex-shrink: 0; }
       
    78   @media (min-width: 960px) {
       
    79     .block-editor-block-list__layout .reusable-block-edit-panel {
       
    80       flex-wrap: nowrap; }
       
    81       .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
       
    82         margin: 0; }
       
    83       .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
       
    84         margin: 0 0 0 5px; } }
       
    85 
       
    86 .editor-block-list__layout .is-selected .reusable-block-edit-panel {
       
    87   border-color: rgba(66, 88, 99, 0.4);
       
    88   border-left-color: transparent; }
       
    89   .is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel {
       
    90     border-color: rgba(255, 255, 255, 0.45);
       
    91     border-left-color: transparent; }
       
    92 
       
    93 .block-editor-block-list__layout .reusable-block-indicator {
       
    94   background: #fff;
       
    95   border: 1px dashed #e2e4e7;
       
    96   color: #555d66;
       
    97   top: -14px;
       
    98   height: 30px;
       
    99   padding: 4px;
       
   100   position: absolute;
       
   101   z-index: 1;
       
   102   width: 30px;
       
   103   right: -14px; }
       
   104 
       
   105 .wp-block-button {
       
   106   color: #fff;
       
   107   margin-bottom: 1.5em; }
       
   108   .wp-block-button.aligncenter {
       
   109     text-align: center; }
       
   110   .wp-block-button.alignright {
       
   111     /*rtl:ignore*/
       
   112     text-align: right; }
       
   113 
       
   114 .wp-block-button__link {
       
   115   background-color: #32373c;
       
   116   border: none;
       
   117   border-radius: 28px;
       
   118   box-shadow: none;
       
   119   color: inherit;
       
   120   cursor: pointer;
       
   121   display: inline-block;
       
   122   font-size: 18px;
       
   123   margin: 0;
       
   124   padding: 12px 24px;
       
   125   text-align: center;
       
   126   text-decoration: none;
       
   127   overflow-wrap: break-word; }
       
   128   .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
       
   129     color: inherit; }
       
   130 
       
   131 .is-style-squared .wp-block-button__link {
       
   132   border-radius: 0; }
       
   133 
       
   134 .is-style-outline {
       
   135   color: #32373c; }
       
   136   .is-style-outline .wp-block-button__link {
       
   137     background-color: transparent;
       
   138     border: 2px solid currentcolor; }
       
   139 
       
   140 .wp-block-calendar {
       
   141   text-align: center; }
       
   142   .wp-block-calendar th,
       
   143   .wp-block-calendar tbody td {
       
   144     padding: 4px;
       
   145     border: 1px solid #e2e4e7; }
       
   146   .wp-block-calendar tfoot td {
       
   147     border: none; }
       
   148   .wp-block-calendar table {
       
   149     width: 100%;
       
   150     border-collapse: collapse;
       
   151     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
       
   152   .wp-block-calendar table th {
       
   153     font-weight: 440;
       
   154     background: #edeff0; }
       
   155   .wp-block-calendar a {
       
   156     text-decoration: underline; }
       
   157   .wp-block-calendar tfoot a {
       
   158     color: #00739c; }
       
   159   .wp-block-calendar table tbody,
       
   160   .wp-block-calendar table caption {
       
   161     color: #40464d; }
       
   162 
       
   163 .wp-block-categories.alignleft {
       
   164   /*rtl:ignore*/
       
   165   margin-right: 2em; }
       
   166 
       
   167 .wp-block-categories.alignright {
       
   168   /*rtl:ignore*/
       
   169   margin-left: 2em; }
       
   170 
       
   171 .wp-block-columns {
       
   172   display: flex;
       
   173   flex-wrap: wrap; }
       
   174   @media (min-width: 782px) {
       
   175     .wp-block-columns {
       
   176       flex-wrap: nowrap; } }
       
   177 
       
   178 .wp-block-column {
       
   179   flex-grow: 1;
       
   180   margin-bottom: 1em;
       
   181   flex-basis: 100%;
       
   182   min-width: 0;
       
   183   word-break: break-word;
       
   184   overflow-wrap: break-word; }
       
   185   @media (min-width: 600px) {
       
   186     .wp-block-column {
       
   187       flex-basis: calc(50% - 16px);
       
   188       flex-grow: 0; }
       
   189       .wp-block-column:nth-child(even) {
       
   190         margin-left: 32px; } }
       
   191   @media (min-width: 782px) {
       
   192     .wp-block-column:not(:first-child) {
       
   193       margin-left: 32px; } }
       
   194 
       
   195 .wp-block-cover-image,
       
   196 .wp-block-cover {
       
   197   position: relative;
       
   198   background-color: #000;
       
   199   background-size: cover;
       
   200   background-position: center center;
       
   201   min-height: 430px;
       
   202   width: 100%;
       
   203   margin: 0 0 1.5em 0;
       
   204   display: flex;
       
   205   justify-content: center;
       
   206   align-items: center;
       
   207   overflow: hidden; }
       
   208   .wp-block-cover-image.has-left-content,
       
   209   .wp-block-cover.has-left-content {
       
   210     justify-content: flex-start; }
       
   211     .wp-block-cover-image.has-left-content h2,
       
   212     .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
       
   213     .wp-block-cover-image.has-left-content .wp-block-cover-text,
       
   214     .wp-block-cover.has-left-content h2,
       
   215     .wp-block-cover.has-left-content .wp-block-cover-image-text,
       
   216     .wp-block-cover.has-left-content .wp-block-cover-text {
       
   217       margin-left: 0;
       
   218       text-align: left; }
       
   219   .wp-block-cover-image.has-right-content,
       
   220   .wp-block-cover.has-right-content {
       
   221     justify-content: flex-end; }
       
   222     .wp-block-cover-image.has-right-content h2,
       
   223     .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
       
   224     .wp-block-cover-image.has-right-content .wp-block-cover-text,
       
   225     .wp-block-cover.has-right-content h2,
       
   226     .wp-block-cover.has-right-content .wp-block-cover-image-text,
       
   227     .wp-block-cover.has-right-content .wp-block-cover-text {
       
   228       margin-right: 0;
       
   229       text-align: right; }
       
   230   .wp-block-cover-image h2,
       
   231   .wp-block-cover-image .wp-block-cover-image-text,
       
   232   .wp-block-cover-image .wp-block-cover-text,
       
   233   .wp-block-cover h2,
       
   234   .wp-block-cover .wp-block-cover-image-text,
       
   235   .wp-block-cover .wp-block-cover-text {
       
   236     color: #fff;
       
   237     font-size: 2em;
       
   238     line-height: 1.25;
       
   239     z-index: 1;
       
   240     margin-bottom: 0;
       
   241     max-width: 610px;
       
   242     padding: 14px;
       
   243     text-align: center; }
       
   244     .wp-block-cover-image h2 a,
       
   245     .wp-block-cover-image h2 a:hover,
       
   246     .wp-block-cover-image h2 a:focus,
       
   247     .wp-block-cover-image h2 a:active,
       
   248     .wp-block-cover-image .wp-block-cover-image-text a,
       
   249     .wp-block-cover-image .wp-block-cover-image-text a:hover,
       
   250     .wp-block-cover-image .wp-block-cover-image-text a:focus,
       
   251     .wp-block-cover-image .wp-block-cover-image-text a:active,
       
   252     .wp-block-cover-image .wp-block-cover-text a,
       
   253     .wp-block-cover-image .wp-block-cover-text a:hover,
       
   254     .wp-block-cover-image .wp-block-cover-text a:focus,
       
   255     .wp-block-cover-image .wp-block-cover-text a:active,
       
   256     .wp-block-cover h2 a,
       
   257     .wp-block-cover h2 a:hover,
       
   258     .wp-block-cover h2 a:focus,
       
   259     .wp-block-cover h2 a:active,
       
   260     .wp-block-cover .wp-block-cover-image-text a,
       
   261     .wp-block-cover .wp-block-cover-image-text a:hover,
       
   262     .wp-block-cover .wp-block-cover-image-text a:focus,
       
   263     .wp-block-cover .wp-block-cover-image-text a:active,
       
   264     .wp-block-cover .wp-block-cover-text a,
       
   265     .wp-block-cover .wp-block-cover-text a:hover,
       
   266     .wp-block-cover .wp-block-cover-text a:focus,
       
   267     .wp-block-cover .wp-block-cover-text a:active {
       
   268       color: #fff; }
       
   269   .wp-block-cover-image.has-parallax,
       
   270   .wp-block-cover.has-parallax {
       
   271     background-attachment: fixed; }
       
   272     @supports (-webkit-overflow-scrolling: touch) {
       
   273       .wp-block-cover-image.has-parallax,
       
   274       .wp-block-cover.has-parallax {
       
   275         background-attachment: scroll; } }
       
   276   .wp-block-cover-image.has-background-dim::before,
       
   277   .wp-block-cover.has-background-dim::before {
       
   278     content: "";
       
   279     position: absolute;
       
   280     top: 0;
       
   281     left: 0;
       
   282     bottom: 0;
       
   283     right: 0;
       
   284     background-color: inherit;
       
   285     opacity: 0.5;
       
   286     z-index: 1; }
       
   287   .wp-block-cover-image.has-background-dim.has-background-dim-10::before,
       
   288   .wp-block-cover.has-background-dim.has-background-dim-10::before {
       
   289     opacity: 0.1; }
       
   290   .wp-block-cover-image.has-background-dim.has-background-dim-20::before,
       
   291   .wp-block-cover.has-background-dim.has-background-dim-20::before {
       
   292     opacity: 0.2; }
       
   293   .wp-block-cover-image.has-background-dim.has-background-dim-30::before,
       
   294   .wp-block-cover.has-background-dim.has-background-dim-30::before {
       
   295     opacity: 0.3; }
       
   296   .wp-block-cover-image.has-background-dim.has-background-dim-40::before,
       
   297   .wp-block-cover.has-background-dim.has-background-dim-40::before {
       
   298     opacity: 0.4; }
       
   299   .wp-block-cover-image.has-background-dim.has-background-dim-50::before,
       
   300   .wp-block-cover.has-background-dim.has-background-dim-50::before {
       
   301     opacity: 0.5; }
       
   302   .wp-block-cover-image.has-background-dim.has-background-dim-60::before,
       
   303   .wp-block-cover.has-background-dim.has-background-dim-60::before {
       
   304     opacity: 0.6; }
       
   305   .wp-block-cover-image.has-background-dim.has-background-dim-70::before,
       
   306   .wp-block-cover.has-background-dim.has-background-dim-70::before {
       
   307     opacity: 0.7; }
       
   308   .wp-block-cover-image.has-background-dim.has-background-dim-80::before,
       
   309   .wp-block-cover.has-background-dim.has-background-dim-80::before {
       
   310     opacity: 0.8; }
       
   311   .wp-block-cover-image.has-background-dim.has-background-dim-90::before,
       
   312   .wp-block-cover.has-background-dim.has-background-dim-90::before {
       
   313     opacity: 0.9; }
       
   314   .wp-block-cover-image.has-background-dim.has-background-dim-100::before,
       
   315   .wp-block-cover.has-background-dim.has-background-dim-100::before {
       
   316     opacity: 1; }
       
   317   .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
       
   318   .wp-block-cover.alignleft,
       
   319   .wp-block-cover.alignright {
       
   320     max-width: 305px;
       
   321     width: 100%; }
       
   322   .wp-block-cover-image::after,
       
   323   .wp-block-cover::after {
       
   324     display: block;
       
   325     content: "";
       
   326     font-size: 0;
       
   327     min-height: inherit; }
       
   328     @supports ((position: -webkit-sticky) or (position: sticky)) {
       
   329       .wp-block-cover-image::after,
       
   330       .wp-block-cover::after {
       
   331         content: none; } }
       
   332   .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
       
   333   .wp-block-cover.aligncenter,
       
   334   .wp-block-cover.alignleft,
       
   335   .wp-block-cover.alignright {
       
   336     display: flex; }
       
   337   .wp-block-cover-image .wp-block-cover__inner-container,
       
   338   .wp-block-cover .wp-block-cover__inner-container {
       
   339     width: calc(100% - 70px);
       
   340     z-index: 1;
       
   341     color: #f8f9f9; }
       
   342   .wp-block-cover-image p,
       
   343   .wp-block-cover-image h1,
       
   344   .wp-block-cover-image h2,
       
   345   .wp-block-cover-image h3,
       
   346   .wp-block-cover-image h4,
       
   347   .wp-block-cover-image h5,
       
   348   .wp-block-cover-image h6,
       
   349   .wp-block-cover-image .wp-block-subhead,
       
   350   .wp-block-cover p,
       
   351   .wp-block-cover h1,
       
   352   .wp-block-cover h2,
       
   353   .wp-block-cover h3,
       
   354   .wp-block-cover h4,
       
   355   .wp-block-cover h5,
       
   356   .wp-block-cover h6,
       
   357   .wp-block-cover .wp-block-subhead {
       
   358     color: inherit; }
       
   359 
       
   360 .wp-block-cover__video-background {
       
   361   position: absolute;
       
   362   top: 50%;
       
   363   left: 50%;
       
   364   transform: translateX(-50%) translateY(-50%);
       
   365   width: 100%;
       
   366   height: 100%;
       
   367   z-index: 0;
       
   368   -o-object-fit: cover;
       
   369      object-fit: cover; }
       
   370 
       
   371 .block-editor-block-list__block[data-type="core/embed"][data-align="left"] .block-editor-block-list__block-edit,
       
   372 .block-editor-block-list__block[data-type="core/embed"][data-align="right"] .block-editor-block-list__block-edit,
       
   373 .wp-block-embed.alignleft,
       
   374 .wp-block-embed.alignright {
       
   375   max-width: 360px;
       
   376   width: 100%; }
       
   377 
       
   378 .wp-block-embed {
       
   379   margin-bottom: 1em; }
       
   380   .wp-block-embed figcaption {
       
   381     margin-top: 0.5em;
       
   382     margin-bottom: 1em;
       
   383     color: #555d66;
       
   384     text-align: center;
       
   385     font-size: 13px; }
       
   386 
       
   387 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper,
       
   388 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
       
   389 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
       
   390 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
       
   391 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
       
   392 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
       
   393 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper {
       
   394   position: relative; }
       
   395   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,
       
   396   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before,
       
   397   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
       
   398   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before,
       
   399   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before,
       
   400   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before,
       
   401   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
       
   402     content: "";
       
   403     display: block;
       
   404     padding-top: 50%; }
       
   405   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
       
   406   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
       
   407   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
       
   408   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
       
   409   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
       
   410   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
       
   411   .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe {
       
   412     position: absolute;
       
   413     top: 0;
       
   414     right: 0;
       
   415     bottom: 0;
       
   416     left: 0;
       
   417     width: 100%;
       
   418     height: 100%; }
       
   419 
       
   420 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
       
   421   padding-top: 42.85%; }
       
   422 
       
   423 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
       
   424   padding-top: 50%; }
       
   425 
       
   426 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
       
   427   padding-top: 56.25%; }
       
   428 
       
   429 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
       
   430   padding-top: 75%; }
       
   431 
       
   432 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
       
   433   padding-top: 100%; }
       
   434 
       
   435 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before {
       
   436   padding-top: 66.66%; }
       
   437 
       
   438 .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
       
   439   padding-top: 200%; }
       
   440 
       
   441 .wp-block-file {
       
   442   margin-bottom: 1.5em; }
       
   443   .wp-block-file.aligncenter {
       
   444     text-align: center; }
       
   445   .wp-block-file.alignright {
       
   446     /*rtl:ignore*/
       
   447     text-align: right; }
       
   448   .wp-block-file .wp-block-file__button {
       
   449     background: #32373c;
       
   450     border-radius: 2em;
       
   451     color: #fff;
       
   452     font-size: 13px;
       
   453     padding: 0.5em 1em; }
       
   454   .wp-block-file a.wp-block-file__button {
       
   455     text-decoration: none; }
       
   456     .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 {
       
   457       box-shadow: none;
       
   458       color: #fff;
       
   459       opacity: 0.85;
       
   460       text-decoration: none; }
       
   461   .wp-block-file * + .wp-block-file__button {
       
   462     margin-left: 0.75em; }
       
   463 
       
   464 .wp-block-gallery {
       
   465   display: flex;
       
   466   flex-wrap: wrap;
       
   467   list-style-type: none;
       
   468   padding: 0; }
       
   469   .wp-block-gallery .blocks-gallery-image,
       
   470   .wp-block-gallery .blocks-gallery-item {
       
   471     margin: 0 16px 16px 0;
       
   472     display: flex;
       
   473     flex-grow: 1;
       
   474     flex-direction: column;
       
   475     justify-content: center;
       
   476     position: relative; }
       
   477     .wp-block-gallery .blocks-gallery-image figure,
       
   478     .wp-block-gallery .blocks-gallery-item figure {
       
   479       margin: 0;
       
   480       height: 100%; }
       
   481       @supports ((position: -webkit-sticky) or (position: sticky)) {
       
   482         .wp-block-gallery .blocks-gallery-image figure,
       
   483         .wp-block-gallery .blocks-gallery-item figure {
       
   484           display: flex;
       
   485           align-items: flex-end;
       
   486           justify-content: flex-start; } }
       
   487     .wp-block-gallery .blocks-gallery-image img,
       
   488     .wp-block-gallery .blocks-gallery-item img {
       
   489       display: block;
       
   490       max-width: 100%;
       
   491       height: auto; }
       
   492     .wp-block-gallery .blocks-gallery-image img,
       
   493     .wp-block-gallery .blocks-gallery-item img {
       
   494       width: 100%; }
       
   495       @supports ((position: -webkit-sticky) or (position: sticky)) {
       
   496         .wp-block-gallery .blocks-gallery-image img,
       
   497         .wp-block-gallery .blocks-gallery-item img {
       
   498           width: auto; } }
       
   499     .wp-block-gallery .blocks-gallery-image figcaption,
       
   500     .wp-block-gallery .blocks-gallery-item figcaption {
       
   501       position: absolute;
       
   502       bottom: 0;
       
   503       width: 100%;
       
   504       max-height: 100%;
       
   505       overflow: auto;
       
   506       padding: 40px 10px 9px;
       
   507       color: #fff;
       
   508       text-align: center;
       
   509       font-size: 13px;
       
   510       background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
       
   511       .wp-block-gallery .blocks-gallery-image figcaption img,
       
   512       .wp-block-gallery .blocks-gallery-item figcaption img {
       
   513         display: inline; }
       
   514   .wp-block-gallery.is-cropped .blocks-gallery-image a,
       
   515   .wp-block-gallery.is-cropped .blocks-gallery-image img,
       
   516   .wp-block-gallery.is-cropped .blocks-gallery-item a,
       
   517   .wp-block-gallery.is-cropped .blocks-gallery-item img {
       
   518     width: 100%; }
       
   519     @supports ((position: -webkit-sticky) or (position: sticky)) {
       
   520       .wp-block-gallery.is-cropped .blocks-gallery-image a,
       
   521       .wp-block-gallery.is-cropped .blocks-gallery-image img,
       
   522       .wp-block-gallery.is-cropped .blocks-gallery-item a,
       
   523       .wp-block-gallery.is-cropped .blocks-gallery-item img {
       
   524         height: 100%;
       
   525         flex: 1;
       
   526         -o-object-fit: cover;
       
   527            object-fit: cover; } }
       
   528   .wp-block-gallery .blocks-gallery-image,
       
   529   .wp-block-gallery .blocks-gallery-item {
       
   530     width: calc((100% - 16px) / 2); }
       
   531     .wp-block-gallery .blocks-gallery-image:nth-of-type(even),
       
   532     .wp-block-gallery .blocks-gallery-item:nth-of-type(even) {
       
   533       margin-right: 0; }
       
   534   .wp-block-gallery.columns-1 .blocks-gallery-image,
       
   535   .wp-block-gallery.columns-1 .blocks-gallery-item {
       
   536     width: 100%;
       
   537     margin-right: 0; }
       
   538   @media (min-width: 600px) {
       
   539     .wp-block-gallery.columns-3 .blocks-gallery-image,
       
   540     .wp-block-gallery.columns-3 .blocks-gallery-item {
       
   541       width: calc((100% - 16px * 2) / 3);
       
   542       margin-right: 16px; }
       
   543       @supports (-ms-ime-align: auto) {
       
   544         .wp-block-gallery.columns-3 .blocks-gallery-image,
       
   545         .wp-block-gallery.columns-3 .blocks-gallery-item {
       
   546           width: calc((100% - 16px * 2) / 3 - 1px); } }
       
   547     .wp-block-gallery.columns-4 .blocks-gallery-image,
       
   548     .wp-block-gallery.columns-4 .blocks-gallery-item {
       
   549       width: calc((100% - 16px * 3) / 4);
       
   550       margin-right: 16px; }
       
   551       @supports (-ms-ime-align: auto) {
       
   552         .wp-block-gallery.columns-4 .blocks-gallery-image,
       
   553         .wp-block-gallery.columns-4 .blocks-gallery-item {
       
   554           width: calc((100% - 16px * 3) / 4 - 1px); } }
       
   555     .wp-block-gallery.columns-5 .blocks-gallery-image,
       
   556     .wp-block-gallery.columns-5 .blocks-gallery-item {
       
   557       width: calc((100% - 16px * 4) / 5);
       
   558       margin-right: 16px; }
       
   559       @supports (-ms-ime-align: auto) {
       
   560         .wp-block-gallery.columns-5 .blocks-gallery-image,
       
   561         .wp-block-gallery.columns-5 .blocks-gallery-item {
       
   562           width: calc((100% - 16px * 4) / 5 - 1px); } }
       
   563     .wp-block-gallery.columns-6 .blocks-gallery-image,
       
   564     .wp-block-gallery.columns-6 .blocks-gallery-item {
       
   565       width: calc((100% - 16px * 5) / 6);
       
   566       margin-right: 16px; }
       
   567       @supports (-ms-ime-align: auto) {
       
   568         .wp-block-gallery.columns-6 .blocks-gallery-image,
       
   569         .wp-block-gallery.columns-6 .blocks-gallery-item {
       
   570           width: calc((100% - 16px * 5) / 6 - 1px); } }
       
   571     .wp-block-gallery.columns-7 .blocks-gallery-image,
       
   572     .wp-block-gallery.columns-7 .blocks-gallery-item {
       
   573       width: calc((100% - 16px * 6) / 7);
       
   574       margin-right: 16px; }
       
   575       @supports (-ms-ime-align: auto) {
       
   576         .wp-block-gallery.columns-7 .blocks-gallery-image,
       
   577         .wp-block-gallery.columns-7 .blocks-gallery-item {
       
   578           width: calc((100% - 16px * 6) / 7 - 1px); } }
       
   579     .wp-block-gallery.columns-8 .blocks-gallery-image,
       
   580     .wp-block-gallery.columns-8 .blocks-gallery-item {
       
   581       width: calc((100% - 16px * 7) / 8);
       
   582       margin-right: 16px; }
       
   583       @supports (-ms-ime-align: auto) {
       
   584         .wp-block-gallery.columns-8 .blocks-gallery-image,
       
   585         .wp-block-gallery.columns-8 .blocks-gallery-item {
       
   586           width: calc((100% - 16px * 7) / 8 - 1px); } }
       
   587     .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
       
   588     .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
       
   589       margin-right: 0; }
       
   590     .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
       
   591     .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
       
   592       margin-right: 0; }
       
   593     .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
       
   594     .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
       
   595       margin-right: 0; }
       
   596     .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
       
   597     .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
       
   598       margin-right: 0; }
       
   599     .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
       
   600     .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
       
   601       margin-right: 0; }
       
   602     .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
       
   603     .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
       
   604       margin-right: 0; }
       
   605     .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
       
   606     .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
       
   607       margin-right: 0; }
       
   608     .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
       
   609     .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
       
   610       margin-right: 0; } }
       
   611   .wp-block-gallery .blocks-gallery-image:last-child,
       
   612   .wp-block-gallery .blocks-gallery-item:last-child {
       
   613     margin-right: 0; }
       
   614   .wp-block-gallery .blocks-gallery-item.has-add-item-button {
       
   615     width: 100%; }
       
   616   .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
       
   617     max-width: 305px;
       
   618     width: 100%; }
       
   619   .wp-block-gallery.alignleft, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright {
       
   620     display: flex; }
       
   621   .wp-block-gallery.aligncenter .blocks-gallery-item figure {
       
   622     justify-content: center; }
       
   623 
       
   624 .wp-block-image {
       
   625   max-width: 100%;
       
   626   margin-bottom: 1em;
       
   627   margin-left: 0;
       
   628   margin-right: 0; }
       
   629   .wp-block-image img {
       
   630     max-width: 100%; }
       
   631   .wp-block-image.aligncenter {
       
   632     text-align: center; }
       
   633   .wp-block-image.alignfull img,
       
   634   .wp-block-image.alignwide img {
       
   635     width: 100%; }
       
   636   .wp-block-image .alignleft,
       
   637   .wp-block-image .alignright,
       
   638   .wp-block-image .aligncenter, .wp-block-image.is-resized {
       
   639     display: table;
       
   640     margin-left: 0;
       
   641     margin-right: 0; }
       
   642     .wp-block-image .alignleft > figcaption,
       
   643     .wp-block-image .alignright > figcaption,
       
   644     .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption {
       
   645       display: table-caption;
       
   646       caption-side: bottom; }
       
   647   .wp-block-image .alignleft {
       
   648     /*rtl:ignore*/
       
   649     float: left;
       
   650     /*rtl:ignore*/
       
   651     margin-right: 1em; }
       
   652   .wp-block-image .alignright {
       
   653     /*rtl:ignore*/
       
   654     float: right;
       
   655     /*rtl:ignore*/
       
   656     margin-left: 1em; }
       
   657   .wp-block-image .aligncenter {
       
   658     margin-left: auto;
       
   659     margin-right: auto; }
       
   660   .wp-block-image figcaption {
       
   661     margin-top: 0.5em;
       
   662     margin-bottom: 1em;
       
   663     color: #555d66;
       
   664     text-align: center;
       
   665     font-size: 13px; }
       
   666 
       
   667 .wp-block-latest-comments__comment {
       
   668   font-size: 15px;
       
   669   line-height: 1.1;
       
   670   list-style: none;
       
   671   margin-bottom: 1em; }
       
   672   .has-avatars .wp-block-latest-comments__comment {
       
   673     min-height: 36px;
       
   674     list-style: none; }
       
   675     .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
       
   676     .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
       
   677       margin-left: 52px; }
       
   678   .has-dates .wp-block-latest-comments__comment,
       
   679   .has-excerpts .wp-block-latest-comments__comment {
       
   680     line-height: 1.5; }
       
   681 
       
   682 .wp-block-latest-comments__comment-excerpt p {
       
   683   font-size: 14px;
       
   684   line-height: 1.8;
       
   685   margin: 5px 0 20px; }
       
   686 
       
   687 .wp-block-latest-comments__comment-date {
       
   688   color: #8f98a1;
       
   689   display: block;
       
   690   font-size: 12px; }
       
   691 
       
   692 .wp-block-latest-comments .avatar,
       
   693 .wp-block-latest-comments__comment-avatar {
       
   694   border-radius: 24px;
       
   695   display: block;
       
   696   float: left;
       
   697   height: 40px;
       
   698   margin-right: 12px;
       
   699   width: 40px; }
       
   700 
       
   701 .wp-block-latest-posts.alignleft {
       
   702   /*rtl:ignore*/
       
   703   margin-right: 2em; }
       
   704 
       
   705 .wp-block-latest-posts.alignright {
       
   706   /*rtl:ignore*/
       
   707   margin-left: 2em; }
       
   708 
       
   709 .wp-block-latest-posts.is-grid {
       
   710   display: flex;
       
   711   flex-wrap: wrap;
       
   712   padding: 0;
       
   713   list-style: none; }
       
   714   .wp-block-latest-posts.is-grid li {
       
   715     margin: 0 16px 16px 0;
       
   716     width: 100%; }
       
   717 
       
   718 @media (min-width: 600px) {
       
   719   .wp-block-latest-posts.columns-2 li {
       
   720     width: calc((100% / 2) - 16px); }
       
   721   .wp-block-latest-posts.columns-3 li {
       
   722     width: calc((100% / 3) - 16px); }
       
   723   .wp-block-latest-posts.columns-4 li {
       
   724     width: calc((100% / 4) - 16px); }
       
   725   .wp-block-latest-posts.columns-5 li {
       
   726     width: calc((100% / 5) - 16px); }
       
   727   .wp-block-latest-posts.columns-6 li {
       
   728     width: calc((100% / 6) - 16px); } }
       
   729 
       
   730 .wp-block-latest-posts__post-date {
       
   731   display: block;
       
   732   color: #6c7781;
       
   733   font-size: 13px; }
       
   734 
       
   735 .wp-block-media-text {
       
   736   display: grid; }
       
   737 
       
   738 .wp-block-media-text {
       
   739   grid-template-rows: auto;
       
   740   align-items: center;
       
   741   grid-template-areas: "media-text-media media-text-content";
       
   742   grid-template-columns: 50% auto; }
       
   743   .wp-block-media-text.has-media-on-the-right {
       
   744     grid-template-areas: "media-text-content media-text-media";
       
   745     grid-template-columns: auto 50%; }
       
   746 
       
   747 .wp-block-media-text .wp-block-media-text__media {
       
   748   grid-area: media-text-media;
       
   749   margin: 0; }
       
   750 
       
   751 .wp-block-media-text .wp-block-media-text__content {
       
   752   word-break: break-word;
       
   753   grid-area: media-text-content;
       
   754   padding: 0 8% 0 8%; }
       
   755 
       
   756 .wp-block-media-text > figure > img,
       
   757 .wp-block-media-text > figure > video {
       
   758   max-width: unset;
       
   759   width: 100%;
       
   760   vertical-align: middle; }
       
   761 
       
   762 /*
       
   763 * Here we here not able to use a mobile first CSS approach.
       
   764 * Custom widths are set using inline styles, and on mobile,
       
   765 * we need 100% width, so we use important to overwrite the inline style.
       
   766 * If the style were set on mobile first, on desktop styles,
       
   767 * we would have no way of setting the style again to the inline style.
       
   768 */
       
   769 @media (max-width: 600px) {
       
   770   .wp-block-media-text.is-stacked-on-mobile {
       
   771     grid-template-columns: 100% !important;
       
   772     grid-template-areas: "media-text-media" "media-text-content"; }
       
   773   .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
       
   774     grid-template-areas: "media-text-content" "media-text-media"; } }
       
   775 
       
   776 .is-small-text {
       
   777   font-size: 14px; }
       
   778 
       
   779 .is-regular-text {
       
   780   font-size: 16px; }
       
   781 
       
   782 .is-large-text {
       
   783   font-size: 36px; }
       
   784 
       
   785 .is-larger-text {
       
   786   font-size: 48px; }
       
   787 
       
   788 .has-drop-cap:not(:focus)::first-letter {
       
   789   float: left;
       
   790   font-size: 8.4em;
       
   791   line-height: 0.68;
       
   792   font-weight: 100;
       
   793   margin: 0.05em 0.1em 0 0;
       
   794   text-transform: uppercase;
       
   795   font-style: normal; }
       
   796 
       
   797 .has-drop-cap:not(:focus)::after {
       
   798   content: "";
       
   799   display: table;
       
   800   clear: both;
       
   801   padding-top: 14px; }
       
   802 
       
   803 p.has-background {
       
   804   padding: 20px 30px; }
       
   805 
       
   806 p.has-text-color a {
       
   807   color: inherit; }
       
   808 
       
   809 .wp-block-pullquote {
       
   810   padding: 3em 0;
       
   811   margin-left: 0;
       
   812   margin-right: 0;
       
   813   text-align: center; }
       
   814   .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
       
   815     max-width: 305px; }
       
   816     .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
       
   817       font-size: 20px; }
       
   818   .wp-block-pullquote p {
       
   819     font-size: 28px;
       
   820     line-height: 1.6; }
       
   821   .wp-block-pullquote cite,
       
   822   .wp-block-pullquote footer {
       
   823     position: relative; }
       
   824   .wp-block-pullquote .has-text-color a {
       
   825     color: inherit; }
       
   826 
       
   827 .wp-block-pullquote:not(.is-style-solid-color) {
       
   828   background: none; }
       
   829 
       
   830 .wp-block-pullquote.is-style-solid-color {
       
   831   border: none; }
       
   832   .wp-block-pullquote.is-style-solid-color blockquote {
       
   833     margin-left: auto;
       
   834     margin-right: auto;
       
   835     text-align: left;
       
   836     max-width: 60%; }
       
   837     .wp-block-pullquote.is-style-solid-color blockquote p {
       
   838       margin-top: 0;
       
   839       margin-bottom: 0;
       
   840       font-size: 32px; }
       
   841     .wp-block-pullquote.is-style-solid-color blockquote cite {
       
   842       text-transform: none;
       
   843       font-style: normal; }
       
   844 
       
   845 .wp-block-pullquote cite {
       
   846   color: inherit; }
       
   847 
       
   848 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
       
   849   margin: 0 0 16px;
       
   850   padding: 0 1em; }
       
   851   .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
       
   852     font-size: 24px;
       
   853     font-style: italic;
       
   854     line-height: 1.6; }
       
   855   .wp-block-quote.is-style-large cite,
       
   856   .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
       
   857   .wp-block-quote.is-large footer {
       
   858     font-size: 18px;
       
   859     text-align: right; }
       
   860 
       
   861 .wp-block-rss.alignleft {
       
   862   /*rtl:ignore*/
       
   863   margin-right: 2em; }
       
   864 
       
   865 .wp-block-rss.alignright {
       
   866   /*rtl:ignore*/
       
   867   margin-left: 2em; }
       
   868 
       
   869 .wp-block-rss.is-grid {
       
   870   display: flex;
       
   871   flex-wrap: wrap;
       
   872   padding: 0;
       
   873   list-style: none; }
       
   874   .wp-block-rss.is-grid li {
       
   875     margin: 0 16px 16px 0;
       
   876     width: 100%; }
       
   877 
       
   878 @media (min-width: 600px) {
       
   879   .wp-block-rss.columns-2 li {
       
   880     width: calc(( 100% / 2 ) - 16px); }
       
   881   .wp-block-rss.columns-3 li {
       
   882     width: calc(( 100% / 3 ) - 16px); }
       
   883   .wp-block-rss.columns-4 li {
       
   884     width: calc(( 100% / 4 ) - 16px); }
       
   885   .wp-block-rss.columns-5 li {
       
   886     width: calc(( 100% / 5 ) - 16px); }
       
   887   .wp-block-rss.columns-6 li {
       
   888     width: calc(( 100% / 6 ) - 16px); } }
       
   889 
       
   890 .wp-block-rss__item-publish-date,
       
   891 .wp-block-rss__item-author {
       
   892   color: #6c7781;
       
   893   font-size: 13px; }
       
   894 
       
   895 .wp-block-search {
       
   896   display: flex;
       
   897   flex-wrap: wrap; }
       
   898   .wp-block-search .wp-block-search__label {
       
   899     width: 100%; }
       
   900   .wp-block-search .wp-block-search__input {
       
   901     flex-grow: 1; }
       
   902   .wp-block-search .wp-block-search__button {
       
   903     margin-left: 10px; }
       
   904 
       
   905 .wp-block-separator.is-style-wide {
       
   906   border-bottom-width: 1px; }
       
   907 
       
   908 .wp-block-separator.is-style-dots {
       
   909   background: none;
       
   910   border: none;
       
   911   text-align: center;
       
   912   max-width: none;
       
   913   line-height: 1;
       
   914   height: auto; }
       
   915   .wp-block-separator.is-style-dots::before {
       
   916     content: "\00b7 \00b7 \00b7";
       
   917     color: #191e23;
       
   918     font-size: 20px;
       
   919     letter-spacing: 2em;
       
   920     padding-left: 2em;
       
   921     font-family: serif; }
       
   922 
       
   923 p.wp-block-subhead {
       
   924   font-size: 1.1em;
       
   925   font-style: italic;
       
   926   opacity: 0.75; }
       
   927 
       
   928 .wp-block-table.has-fixed-layout {
       
   929   table-layout: fixed;
       
   930   width: 100%; }
       
   931 
       
   932 .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
       
   933   display: table;
       
   934   width: auto; }
       
   935 
       
   936 .wp-block-table.has-subtle-light-gray-background-color {
       
   937   background-color: #f3f4f5; }
       
   938 
       
   939 .wp-block-table.has-subtle-pale-green-background-color {
       
   940   background-color: #e9fbe5; }
       
   941 
       
   942 .wp-block-table.has-subtle-pale-blue-background-color {
       
   943   background-color: #e7f5fe; }
       
   944 
       
   945 .wp-block-table.has-subtle-pale-pink-background-color {
       
   946   background-color: #fcf0ef; }
       
   947 
       
   948 .wp-block-table.is-style-stripes {
       
   949   border-spacing: 0;
       
   950   border-collapse: inherit;
       
   951   background-color: transparent;
       
   952   border-bottom: 1px solid #f3f4f5; }
       
   953   .wp-block-table.is-style-stripes tr:nth-child(odd) {
       
   954     background-color: #f3f4f5; }
       
   955   .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd) {
       
   956     background-color: #f3f4f5; }
       
   957   .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd) {
       
   958     background-color: #e9fbe5; }
       
   959   .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd) {
       
   960     background-color: #e7f5fe; }
       
   961   .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd) {
       
   962     background-color: #fcf0ef; }
       
   963   .wp-block-table.is-style-stripes td {
       
   964     border-color: transparent; }
       
   965 
       
   966 .wp-block-text-columns {
       
   967   display: flex; }
       
   968   .wp-block-text-columns.aligncenter {
       
   969     display: flex; }
       
   970   .wp-block-text-columns .wp-block-column {
       
   971     margin: 0 16px;
       
   972     padding: 0; }
       
   973     .wp-block-text-columns .wp-block-column:first-child {
       
   974       margin-left: 0; }
       
   975     .wp-block-text-columns .wp-block-column:last-child {
       
   976       margin-right: 0; }
       
   977   .wp-block-text-columns.columns-2 .wp-block-column {
       
   978     width: calc(100% / 2); }
       
   979   .wp-block-text-columns.columns-3 .wp-block-column {
       
   980     width: calc(100% / 3); }
       
   981   .wp-block-text-columns.columns-4 .wp-block-column {
       
   982     width: calc(100% / 4); }
       
   983 
       
   984 pre.wp-block-verse {
       
   985   white-space: nowrap;
       
   986   overflow: auto; }
       
   987 
       
   988 .wp-block-video {
       
   989   margin-left: 0;
       
   990   margin-right: 0; }
       
   991   .wp-block-video video {
       
   992     max-width: 100%; }
       
   993   @supports ((position: -webkit-sticky) or (position: sticky)) {
       
   994     .wp-block-video [poster] {
       
   995       -o-object-fit: cover;
       
   996          object-fit: cover; } }
       
   997   .wp-block-video.aligncenter {
       
   998     text-align: center; }
       
   999   .wp-block-video figcaption {
       
  1000     margin-top: 0.5em;
       
  1001     margin-bottom: 1em;
       
  1002     color: #555d66;
       
  1003     text-align: center;
       
  1004     font-size: 13px; }
       
  1005 
       
  1006 .has-pale-pink-background-color.has-pale-pink-background-color {
       
  1007   background-color: #f78da7; }
       
  1008 
       
  1009 .has-vivid-red-background-color.has-vivid-red-background-color {
       
  1010   background-color: #cf2e2e; }
       
  1011 
       
  1012 .has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {
       
  1013   background-color: #ff6900; }
       
  1014 
       
  1015 .has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {
       
  1016   background-color: #fcb900; }
       
  1017 
       
  1018 .has-light-green-cyan-background-color.has-light-green-cyan-background-color {
       
  1019   background-color: #7bdcb5; }
       
  1020 
       
  1021 .has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {
       
  1022   background-color: #00d084; }
       
  1023 
       
  1024 .has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {
       
  1025   background-color: #8ed1fc; }
       
  1026 
       
  1027 .has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {
       
  1028   background-color: #0693e3; }
       
  1029 
       
  1030 .has-very-light-gray-background-color.has-very-light-gray-background-color {
       
  1031   background-color: #eee; }
       
  1032 
       
  1033 .has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
       
  1034   background-color: #abb8c3; }
       
  1035 
       
  1036 .has-very-dark-gray-background-color.has-very-dark-gray-background-color {
       
  1037   background-color: #313131; }
       
  1038 
       
  1039 .has-pale-pink-color.has-pale-pink-color {
       
  1040   color: #f78da7; }
       
  1041 
       
  1042 .has-vivid-red-color.has-vivid-red-color {
       
  1043   color: #cf2e2e; }
       
  1044 
       
  1045 .has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {
       
  1046   color: #ff6900; }
       
  1047 
       
  1048 .has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {
       
  1049   color: #fcb900; }
       
  1050 
       
  1051 .has-light-green-cyan-color.has-light-green-cyan-color {
       
  1052   color: #7bdcb5; }
       
  1053 
       
  1054 .has-vivid-green-cyan-color.has-vivid-green-cyan-color {
       
  1055   color: #00d084; }
       
  1056 
       
  1057 .has-pale-cyan-blue-color.has-pale-cyan-blue-color {
       
  1058   color: #8ed1fc; }
       
  1059 
       
  1060 .has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
       
  1061   color: #0693e3; }
       
  1062 
       
  1063 .has-very-light-gray-color.has-very-light-gray-color {
       
  1064   color: #eee; }
       
  1065 
       
  1066 .has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
       
  1067   color: #abb8c3; }
       
  1068 
       
  1069 .has-very-dark-gray-color.has-very-dark-gray-color {
       
  1070   color: #313131; }
       
  1071 
       
  1072 .has-small-font-size {
       
  1073   font-size: 13px; }
       
  1074 
       
  1075 .has-regular-font-size,
       
  1076 .has-normal-font-size {
       
  1077   font-size: 16px; }
       
  1078 
       
  1079 .has-medium-font-size {
       
  1080   font-size: 20px; }
       
  1081 
       
  1082 .has-large-font-size {
       
  1083   font-size: 36px; }
       
  1084 
       
  1085 .has-larger-font-size,
       
  1086 .has-huge-font-size {
       
  1087   font-size: 42px; }