UNPKG

35.9 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-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
793p.has-background {
794 padding: 20px 30px; }
795
796p.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
911p.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
972pre.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; }