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