UNPKG

36.2 kBCSSView Raw
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
803p.has-background {
804 padding: 20px 30px; }
805
806p.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
923p.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
984pre.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; }