PluginProbe
Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio / 0.5
Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio v0.5
2.0.5 2.0.4 2.0.3 2.0.2 trunk 0.0.1 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 0.9.1 0.9.2 1.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 All 88 releases
twentig / dist / css / twentytwenty.css

twentytwenty.css in Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio 0.5, at dist/css/twentytwenty.css

814 lines 20.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Site Layout */
2 body {
3 overflow-x: hidden;
4 }
5
6 #site-content {
7 overflow: visible;
8 }
9
10 .singular .featured-media-inner {
11 left: auto;
12 width: auto;
13 }
14
15 .tw-header-full .header-inner {
16 max-width: 100%;
17 }
18
19 .tw-header-wide .header-inner,
20 .tw-header-wide .search-modal-inner .section-inner,
21 .tw-header-full .search-modal-inner .section-inner {
22 max-width: 120rem;
23 }
24
25 /* Reset first child / last child */
26 .entry-content .wp-block-group__inner-container > :first-child,
27 .entry-content .wp-block-cover__inner-container > :first-child,
28 .entry-content > [class*="wp-block"]:not(.alignwide):not(.alignfull):not(.aligncenter):first-child,
29 .wp-block-group__inner-container > [class*="wp-block"]:not(.alignwide):not(.alignfull):not(.aligncenter):first-child,
30 .wp-block-cover__inner-container > [class*="wp-block"]:not(.alignwide):not(.alignfull):not(.aligncenter):first-child,
31 .entry-content > .alignwide:first-child,
32 .entry-content > .alignfull:first-child {
33 margin-top: 0;
34 }
35
36 .entry-content > [class*="wp-block"]:not(.alignwide):not(.alignfull):not(.aligncenter):last-child,
37 .wp-block-group__inner-container > [class*="wp-block"]:not(.alignwide):not(.alignfull):not(.aligncenter):last-child,
38 .wp-block-cover__inner-container > [class*="wp-block"]:not(.alignwide):not(.alignfull):not(.aligncenter):last-child,
39 .entry-content .wp-block-cover__inner-container > :last-child,
40 .wp-block-gallery.alignwide:last-child,
41 .wp-block-gallery.alignfull:last-child {
42 margin-bottom: 0;
43 }
44
45 /* Typography */
46 .tw-site-font-small,
47 .tw-site-font-small .entry-content,
48 .tw-site-font-small .widget-content,
49 .tw-site-font-small .comment-content,
50 .tw-site-font-small .site-description {
51 font-size: 1.7rem;
52 }
53
54 .tw-site-font-small .wp-block-latest-comments__comment-date,
55 .tw-site-font-small .wp-block-latest-posts__post-date,
56 .tw-site-font-small .wp-block-latest-comments__comment-excerpt p {
57 font-size: 0.842em;
58 }
59
60 .tw-site-font-small #site-footer {
61 font-size: 1.6rem;
62 }
63
64 .tw-site-font-medium .wp-block-latest-comments__comment-date,
65 .tw-site-font-medium .wp-block-latest-posts__post-date,
66 .tw-site-font-medium .wp-block-latest-comments__comment-excerpt p {
67 font-size: 0.737em;
68 }
69
70 .tw-font-active,
71 .tw-font-active input[type="text"],
72 .tw-font-active input[type="password"],
73 .tw-font-active input[type="email"],
74 .tw-font-active input[type="url"],
75 .tw-font-active input[type="number"],
76 .tw-font-active input[type="search"],
77 .tw-font-active textarea,
78 .tw-font-active .primary-menu,
79 .tw-font-active .modal-menu li a,
80 .tw-font-active .search-modal .search-field,
81 .tw-font-active .site-description,
82 .tw-font-active.singular .intro-text,
83 .tw-font-active .post-meta li,
84 .tw-font-active .comment-author,
85 .tw-font-active .comment-reply-title small,
86 .tw-font-active .footer-menu,
87 .tw-font-active .comment-respond p.comment-notes,
88 .tw-font-active .comment-respond p.logged-in-as,
89 .tw-font-active .wp-block-quote.is-style-large p,
90 .tw-font-active .wp-block-pullquote:not(.alignleft):not(.aligntright) blockquote p {
91 letter-spacing: normal;
92 }
93
94 .tw-font-active h1,
95 .tw-font-active h2,
96 .tw-font-active h3,
97 .tw-font-active h4,
98 .tw-font-active h5,
99 .tw-font-active .faux-heading,
100 .tw-font-active .archive-title,
101 .tw-font-active .pagination-single a,
102 .tw-font-active .wp-block-latest-posts a {
103 letter-spacing: -0.015em;
104 }
105
106 .tw-heading-ls-normal h1,
107 .tw-heading-ls-normal h2,
108 .tw-heading-ls-normal h3,
109 .tw-heading-ls-normal h4,
110 .tw-heading-ls-normal h5,
111 .tw-heading-ls-normal .faux-heading,
112 .tw-heading-ls-normal .archive-title,
113 .tw-heading-ls-normal .pagination-single a,
114 .tw-heading-ls-normal .wp-block-latest-posts a {
115 letter-spacing: normal;
116 }
117
118 .tw-site-lh-medium .entry-content p,
119 .tw-site-lh-medium .entry-content li,
120 .tw-site-lh-medium td,
121 .tw-site-lh-medium th,
122 .tw-site-lh-loose .entry-content li,
123 .tw-site-lh-loose td,
124 .tw-site-lh-loose th {
125 line-height: 1.6;
126 }
127
128 .tw-site-lh-loose .entry-content p {
129 line-height: 1.8;
130 }
131
132 .tw-site-lh-medium p.has-medium-font-size,
133 .tw-site-lh-loose p.has-medium-font-size {
134 line-height: 1.45;
135 }
136
137 .tw-site-lh-medium p.has-large-font-size,
138 .tw-site-lh-loose p.has-large-font-size {
139 line-height: 1.4;
140 }
141
142 .tw-site-lh-medium p.has-larger-font-size,
143 .tw-site-lh-loose p.has-larger-font-size {
144 line-height: 1.3;
145 }
146
147 .wp-block-pullquote blockquote p,
148 .entry-content .wp-block-pullquote blockquote p {
149 line-height: 1.25;
150 }
151
152 blockquote.wp-block-quote.is-style-large p {
153 line-height: 1.3;
154 }
155
156 .wp-block-pullquote.alignleft blockquote p ,
157 .wp-block-pullquote.alignright blockquote p {
158 line-height: 1.1875;
159 }
160
161 .comment-respond p.comment-notes,
162 .comment-respond p.logged-in-as {
163 font-size: 1.6rem;
164 }
165
166 /* Site Elements */
167
168 .tw-nav-size-small ul.primary-menu,
169 .tw-nav-size-small .primary-menu ul {
170 font-size: 1.4rem;
171 }
172
173 .tw-nav-size-medium ul.primary-menu,
174 .tw-nav-size-medium .primary-menu ul,
175 .tw-nav-size-small .modal-menu>li>a,
176 .tw-nav-size-small .modal-menu>li>.ancestor-wrapper>a,
177 .tw-nav-size-small .modal-menu ul,
178 .tw-nav-size-medium .modal-menu ul {
179 font-size: 1.6rem;
180 }
181
182 .tw-nav-size-medium .modal-menu>li>a,
183 .tw-nav-size-medium .modal-menu>li>.ancestor-wrapper>a,
184 .tw-nav-size-larger .modal-menu ul,
185 .tw-nav-size-larger .primary-menu ul {
186 font-size: 1.8rem;
187 }
188
189 .tw-nav-size-larger ul.primary-menu {
190 font-size: 2rem;
191 }
192
193 .tw-nav-size-larger .modal-menu>li>a,
194 .tw-nav-size-larger .modal-menu>li>.ancestor-wrapper>a {
195 font-size: 2.2rem;
196 }
197
198 .tw-nav-size-small .primary-menu > li > .icon {
199 top: calc(50% - 0.5rem);
200 }
201
202 .tw-nav-hover-none .primary-menu a:hover,
203 .tw-nav-hover-none .modal-menu a:hover,
204 .tw-nav-hover-none .primary-menu li.current-menu-item a,
205 .tw-nav-hover-none .modal-menu li.current-menu-item a,
206 .tw-nav-hover-none .primary-menu li.current_page_parent a,
207 .tw-nav-hover-none .modal-menu li.current_page_parent a,
208 .tw-nav-hover-none .primary-menu .current_page_ancestor,
209 .tw-nav-hover-border .primary-menu>li>a:hover,
210 .tw-nav-hover-border .primary-menu>li.current-menu-item>a,
211 .tw-nav-hover-border .primary-menu>li.current_page_parent>a,
212 .tw-nav-hover-border .primary-menu a:focus,
213 .tw-nav-hover-border .primary-menu .current_page_ancestor{
214 text-decoration: none;
215 }
216
217 .tw-nav-hover-border .primary-menu>li>a::after {
218 content: '';
219 position: absolute;
220 background: currentColor;
221 height: 1px;
222 left: 0;
223 right: 0;
224 bottom: -3px;
225 opacity: 0;
226 transition: opacity 0.15s linear;
227 }
228
229 .tw-nav-hover-border .primary-menu>li.menu-item-has-children>a::after {
230 right: 2rem;
231 }
232
233 .tw-nav-hover-border .primary-menu>li>a:hover::after,
234 .tw-nav-hover-border .primary-menu>li.current-menu-item>a::after,
235 .tw-nav-hover-border .primary-menu>li.current_page_parent>a::after,
236 .tw-nav-hover-border .primary-menu a:focus::after {
237 opacity: 1;
238 }
239
240 .tw-menu-burger .nav-toggle .toggle-inner {
241 padding-top: 0.4rem;
242 }
243
244 .tw-menu-burger .nav-toggle .toggle-icon {
245 width: 2.3rem;
246 height: 1.6rem;
247 border-top: 2px solid;
248 border-bottom: 2px solid;
249 position: relative;
250 }
251
252 .tw-menu-burger .nav-toggle .toggle-icon::after {
253 content: '';
254 display: block;
255 width: 100%;
256 position: absolute;
257 border-top: 2px solid;
258 top: 0.5rem;
259 }
260
261 .tw-menu-burger .nav-toggle svg{
262 display: none;
263 }
264
265 .tw-toggle-label-hidden .toggle-inner .toggle-text{
266 border: 0;
267 clip: rect(1px, 1px, 1px, 1px);
268 -webkit-clip-path: inset(50%);
269 clip-path: inset(50%);
270 height: 1px;
271 margin: -1px;
272 overflow: hidden;
273 padding: 0;
274 position: absolute !important;
275 width: 1px;
276 word-wrap: normal !important;
277 word-break: normal;
278 }
279
280 .primary-menu li.current_page_parent > a {
281 text-decoration: underline;
282 }
283
284 .entry-header .intro-text p {
285 line-height: inherit;
286 }
287
288 .entry-header-inner > .intro-text:last-child p:last-child {
289 margin-bottom: 0;
290 }
291
292 .tw-no-excerpt .intro-text {
293 display: none;
294 }
295
296 .tw-hr-minimal hr:not(.is-style-dots):not(.reset-hr) {
297 background: currentColor !important;
298 }
299
300 .tw-hr-minimal hr:not(.is-style-dots):not(.reset-hr)::before,
301 .tw-hr-minimal hr:not(.is-style-dots):not(.reset-hr)::after {
302 display: none;
303 }
304
305 .tw-hr-minimal hr:not(.has-text-color):not(.is-style-dots) {
306 color: currentColor;
307 opacity: 0.15;
308 }
309
310 .tw-btn-rounded button,
311 .tw-btn-rounded .button,
312 .tw-btn-rounded .faux-button,
313 .tw-btn-rounded .wp-block-button__link,
314 .tw-btn-rounded .wp-block-file__button,
315 .tw-btn-rounded input[type="button"],
316 .tw-btn-rounded input[type="submit"] {
317 border-radius: 6px;
318 }
319
320 .tw-btn-pill button,
321 .tw-btn-pill .button,
322 .tw-btn-pill .faux-button,
323 .tw-btn-pill .wp-block-button__link,
324 .tw-btn-pill .wp-block-file__button,
325 .tw-btn-pill input[type="button"],
326 .tw-btn-pill input[type="submit"] {
327 border-radius: 50px;
328 padding-left: 1.8em;
329 padding-right: 1.8em;
330 }
331
332 .tw-btn-pill .customize-partial-edit-shortcut button {
333 padding: 3px;
334 }
335
336 .tw-button-hover-color .button,
337 .tw-button-hover-color .faux-button,
338 .tw-button-hover-color .wp-block-button .wp-block-button__link,
339 .tw-button-hover-color .wp-block-file .wp-block-file__button,
340 .tw-button-hover-color input[type="submit"] {
341 filter: brightness(100%);
342 transition: filter 0.15s linear;
343 }
344
345 .tw-button-hover-color .button:focus,
346 .tw-button-hover-color .button:hover,
347 .tw-button-hover-color .faux-button:focus,
348 .tw-button-hover-color .faux-button:hover,
349 .tw-button-hover-color .wp-block-button .wp-block-button__link:focus,
350 .tw-button-hover-color .wp-block-button .wp-block-button__link:hover,
351 .tw-button-hover-color .wp-block-file .wp-block-file__button:focus,
352 .tw-button-hover-color .wp-block-file .wp-block-file__button:hover,
353 .tw-button-hover-color input[type="submit"]:focus,
354 .tw-button-hover-color input[type="submit"]:hover,
355 .tw-button-hover-color .comments .comment-reply-link:focus {
356 filter: brightness(120%);
357 text-decoration: none;
358 }
359
360 .tw-socials-logos-only ul.social-icons,
361 .tw-socials-logos-only-large ul.social-icons {
362 margin: -1.5rem 0 0 -1.5rem;
363 width: auto;
364 }
365
366 .tw-socials-logos-only .social-icons li,
367 .tw-socials-logos-only-large .social-icons li {
368 margin: 1.5rem 0 0 1.5rem;
369 }
370
371 .tw-socials-logos-only .social-menu a,
372 .tw-socials-logos-only-large .social-menu a {
373 background-color: transparent !important;
374 color: inherit !important;
375 opacity: 0.87;
376 width: 24px;
377 height: 24px;
378 }
379
380 .tw-socials-logos-only-large .social-menu a,
381 .tw-socials-logos-only-large .social-menu svg {
382 width: 30px;
383 height: 30px;
384 }
385
386 .tw-socials-logos-only .social-menu a:hover,
387 .tw-socials-logos-only .social-menu a:focus ,
388 .tw-socials-logos-only-large .social-menu a:hover,
389 .tw-socials-logos-only-large .social-menu a:focus {
390 transform: scale(1);
391 opacity: 1;
392 }
393
394 /* Page Layouts */
395
396 .singular.tw-entry-header-no-bg .entry-header,
397 .tw-entry-header-no-bg .archive-header,
398 .tw-entry-header-no-bg .featured-media:before {
399 background-color: transparent;
400 }
401
402 .singular.tw-entry-header-no-bg .entry-header .post-meta a {
403 color: inherit;
404 }
405
406 .tw-entry-header-no-bg.missing-post-thumbnail:not(.overlay-header) .post-inner {
407 padding-top: 0;
408 }
409
410 .tw-entry-header-no-bg .archive-header {
411 padding-bottom: 2rem;
412 }
413
414 .template-cover .post-inner > .post-meta-wrapper,
415 .template-cover .post-inner > .author-bio {
416 width: calc(100% - 4rem);
417 }
418
419 .tw-cover-center .cover-header-inner-wrapper {
420 justify-content: center;
421 }
422
423 .page.tw-cover-center .cover-header .entry-header {
424 position: static;
425 }
426
427 .page.tw-cover-center .cover-header .entry-title,
428 .page.tw-cover-center .cover-header .intro-text {
429 position: relative;
430 }
431
432 .tw-cover-center .to-the-content-wrapper {
433 top: auto;
434 bottom: 0.6rem;
435 }
436
437 .tw-cover-medium .cover-header-inner-wrapper {
438 min-height: 70vh;
439 }
440
441 .tw-cover-medium .to-the-content-wrapper,
442 .tw-cover-hide-arrow .to-the-content-wrapper {
443 display: none;
444 }
445
446 .to-the-content-wrapper svg {
447 pointer-events: none;
448 }
449
450 .page.tw-cover-medium .intro-text p:last-child,
451 .page.tw-cover-hide-arrow .intro-text p:last-child {
452 margin-bottom: 0;
453 }
454
455 .tw-no-header-footer .post-inner {
456 padding-top: 0;
457 }
458
459 .page .post-meta-edit-link-wrapper {
460 display: none;
461 }
462
463 .missing-post-thumbnail .entry-content > .alignfull:first-child,
464 .template-cover .entry-content > .alignfull:first-child,
465 .tw-no-title .entry-content > .alignfull:first-child {
466 margin-top: -5rem;
467 }
468
469 .page .entry-content > .alignfull:last-child {
470 margin-bottom: -5rem;
471 }
472
473 .reduced-spacing.missing-post-thumbnail .post-inner .entry-content > .alignfull:first-child,
474 .singular.tw-no-header-footer .post-inner .entry-content > .alignfull:first-child,
475 .singular .post-inner .entry-content > .wp-block-group.alignfull:not(.has-background):first-child,
476 .singular .post-inner .entry-content > .wp-block-columns.alignfull:not(.tw-gutter-no):first-child,
477 .singular .post-inner .entry-content > .wp-block-gallery.alignfull:not(.tw-gutter-no):first-child,
478 .singular .post-inner .entry-content > .wp-block-pullquote.alignfull:not(.is-style-solid-color):first-child,
479 .tw-entry-header-no-bg.missing-post-thumbnail .post-inner .entry-content > .alignfull:first-child {
480 margin-top: 0;
481 }
482
483 .singular .post-inner .entry-content > .wp-block-group.alignfull:not(.has-background):last-child,
484 .singular .post-inner .entry-content > .wp-block-columns.alignfull:not(.tw-gutter-no):last-child,
485 .singular .post-inner .entry-content > .wp-block-gallery.alignfull:not(.tw-gutter-no):last-child,
486 .singular .post-inner .entry-content > .wp-block-pullquote.alignfull:not(.is-style-solid-color):last-child,
487 .tw-no-header-footer .post-inner .entry-content > .alignfull:last-child {
488 margin-bottom: 0;
489 }
490
491 .page .entry-content > .wp-block-image.alignfull:last-child figcaption {
492 padding-bottom: 6rem;
493 }
494
495 /* Blog */
496 .entry-content p .more-link {
497 display: table;
498 margin-top: 1em;
499 }
500
501 .tw-blog-stack .entry-header {
502 text-align: inherit;
503 }
504
505 .tw-blog-stack .entry-categories-inner {
506 justify-content: flex-start;
507 margin: -0.5rem 0 0 -1rem;
508 }
509
510 .tw-blog-stack .entry-categories a {
511 margin: 0.5rem 0 0 1rem;
512 }
513
514 .tw-blog-stack .post-meta-wrapper {
515 max-width: 100%;
516 width: 100%;
517 }
518
519 .tw-blog-stack .hentry .section-inner,
520 .tw-blog-stack .product .section-inner,
521 .tw-blog-stack .post-separator {
522 max-width: 58rem;
523 }
524
525 .tw-blog-stack .entry-title {
526 font-size: 2.4rem;
527 }
528
529 .tw-blog-stack .featured-media {
530 margin-top: 3.5rem;
531 }
532
533 .tw-blog-stack .post-inner {
534 padding-top: 2.5rem;
535 }
536
537 .tw-blog-stack .featured-media + .post-inner {
538 padding-top: 3.2rem;
539 }
540
541 .tw-blog-stack .post-meta {
542 justify-content: flex-start;
543 font-size: 1.5rem;
544 }
545
546 .tw-blog-stack .post-meta-single-top {
547 margin-top: 1.4rem;
548 }
549
550 .tw-blog-stack .entry-categories {
551 margin-bottom: 1rem;
552 }
553
554 .tw-blog-stack .entry-categories a {
555 border: 0;
556 font-size: 1.2rem;
557 }
558
559 .tw-blog-stack .entry-categories a:hover {
560 text-decoration: underline;
561 }
562
563 .tw-blog-stack .has-drop-cap:not(:focus):first-letter {
564 color: inherit;
565 font-family: inherit;
566 font-size: inherit;
567 font-weight: inherit;
568 margin: 0;
569 line-height: inherit;
570 }
571
572 .tw-blog-stack .has-drop-cap:not(:focus):first-letter:after {
573 display: none;
574 }
575
576 .single .hentry > .pagination-single:last-child hr:last-child {
577 display: none;
578 }
579
580 .tw-meta-no-icon .meta-icon {
581 display: none;
582 }
583
584 .tw-meta-no-icon .post-edit .meta-icon {
585 display: block;
586 }
587
588 .hentry.tw-meta-no-icon .post-meta {
589 margin-top: -0.3rem;
590 margin-left: 0;
591 }
592
593 .tw-meta-no-icon .post-meta li {
594 position: relative;
595 margin-top: 0.3rem;
596 margin-left: 0;
597 }
598
599 .tw-meta-no-icon .post-meta .meta-text {
600 margin-right: 0.9rem;
601 }
602
603 .tw-meta-no-icon .post-meta li:last-child .meta-text {
604 margin-right: 0;
605 }
606
607 .tw-meta-no-icon .post-meta li::before {
608 content: "\00B7";
609 line-height: 0;
610 margin-right: 0.9rem;
611 }
612
613 .tw-meta-no-icon .post-meta li:first-child::before {
614 display: none;
615 }
616
617 .tw-meta-no-icon .post-tags .meta-text {
618 visibility: hidden;
619 }
620
621 body:not(.tw-blog-grid) .tw-meta-no-icon .post-tags .meta-text a {
622 visibility: visible;
623 border: 1px solid;
624 padding: 0.5rem 1rem;
625 display: inline-flex;
626 margin-right: 2px;
627 margin-bottom: 8px;
628 }
629
630 /* Media Queries */
631
632 @media (hover: none) {
633 .bg-attachment-fixed,
634 .wp-block-cover.has-parallax {
635 background-attachment: scroll;
636 }
637 }
638
639 @media (min-width: 700px) {
640
641 .template-cover .post-inner > .post-meta-wrapper,
642 .template-cover .post-inner > .author-bio {
643 width: calc(100% - 8rem);
644 }
645
646 .tw-site-font-small .comment-author,
647 .tw-site-font-medium .comment-author {
648 font-size: 2.1rem;
649 }
650
651 .tw-site-font-small .entry-categories a {
652 font-size: 1.4rem;
653 }
654
655 .tw-site-font-small .post-meta,
656 .tw-site-font-small .comment-metadata {
657 font-size: 1.5rem;
658 }
659
660 .tw-site-font-medium .entry-content {
661 font-size: 1.9rem;
662 }
663
664 .tw-nav-size-medium .modal-menu ul {
665 font-size: 1.8rem;
666 }
667
668 .tw-nav-size-small .modal-menu>li>a,
669 .tw-nav-size-small .modal-menu>li>.ancestor-wrapper>a {
670 font-size: 2rem;
671 }
672
673 .tw-nav-size-medium .modal-menu>li>a,
674 .tw-nav-size-medium .modal-menu>li>.ancestor-wrapper>a,
675 .tw-nav-size-larger .modal-menu ul {
676 font-size: 2.2rem;
677 }
678
679 .tw-nav-size-larger .modal-menu>li>a,
680 .tw-nav-size-larger .modal-menu>li>.ancestor-wrapper>a {
681 font-size: 2.6rem;
682 }
683
684 .tw-nav-spacing-medium .primary-menu {
685 margin-left: -2.4rem;
686 }
687
688 .tw-nav-spacing-medium .primary-menu>li {
689 margin-left: 2.4rem;
690 }
691
692 .tw-nav-spacing-large .primary-menu {
693 margin-left: -3.2rem;
694 }
695
696 .tw-nav-spacing-large .primary-menu>li {
697 margin-left: 3.2rem;
698 }
699
700 .tw-h1-font-small h1.entry-title,
701 .tw-h1-font-small .entry-content h1:not([class*="heading-size-"]),
702 .tw-h1-font-small .heading-size-1,
703 .tw-h1-font-small .entry-content .heading-size-1 {
704 font-size: 5.6rem;
705 }
706
707 .singular.tw-h1-font-small .intro-text {
708 font-size: 2.4rem;
709 }
710
711 .tw-h1-font-small .wp-block-pullquote.alignwide blockquote p,
712 .tw-h1-font-small .wp-block-pullquote.alignfull blockquote p,
713 .tw-h1-font-medium .wp-block-pullquote.alignwide blockquote p,
714 .tw-h1-font-medium .wp-block-pullquote.alignfull blockquote p,
715 .tw-h1-font-large .wp-block-pullquote.alignwide blockquote p,
716 .tw-h1-font-large .wp-block-pullquote.alignfull blockquote p {
717 font-size: 4.8rem;
718 }
719
720 .blog:not(.tw-blog-stack) .post-inner,
721 .archive:not(.tw-blog-stack) .post-inner,
722 .search:not(.tw-blog-stack) .post-inner {
723 padding-top: 6rem;
724 }
725
726 .tw-cover-center .to-the-content-wrapper {
727 bottom: 1.8rem;
728 }
729
730 .missing-post-thumbnail .entry-content > .alignfull:first-child,
731 .template-cover .entry-content > .alignfull:first-child,
732 .tw-no-title .entry-content > .alignfull:first-child {
733 margin-top: -8rem;
734 }
735
736 .page .entry-content > .alignfull:last-child {
737 margin-bottom: -8rem;
738 }
739
740 .tw-entry-header-no-bg .archive-header {
741 padding-bottom: 3rem;
742 }
743
744 .tw-blog-stack .entry-title {
745 font-size: 3.6rem;
746 }
747
748 .tw-blog-stack .pagination .nav-links {
749 font-size: 2.1rem;
750 }
751
752 .tw-blog-stack .post-separator {
753 margin: 6rem auto;
754 }
755 }
756
757 @media (min-width: 1000px) {
758
759 .singular.tw-h1-font-medium .intro-text {
760 font-size: 2.6rem;
761 }
762 }
763
764
765 @media (min-width: 1220px) {
766
767 .tw-h1-font-large h1.entry-title,
768 .tw-h1-font-large .entry-content h1:not([class*="heading-size-"]),
769 .tw-h1-font-large .entry-content .heading-size-1 {
770 font-size: 7.2rem;
771 }
772
773 .tw-h1-font-medium h1.entry-title,
774 .tw-h1-font-medium .entry-content h1:not([class*="heading-size-"]),
775 .tw-h1-font-medium .entry-content .heading-size-1 {
776 font-size: 6.4rem;
777 }
778
779 .tw-h1-font-small .comment-reply-title,
780 .tw-h1-font-medium .comment-reply-title,
781 .tw-h1-font-large .comment-reply-title {
782 font-size: 4.8rem;
783 }
784
785 .singular.tw-h1-font-large .intro-text {
786 font-size: 2.8rem;
787 }
788
789 .cover-header + .post-inner {
790 padding-top: 8rem;
791 }
792
793 .tw-site-font-medium .widget-content {
794 font-size: 1.9rem;
795 }
796
797 .tw-nav-spacing-medium .primary-menu>li {
798 margin-left: 3.2rem;
799 }
800
801 .tw-nav-spacing-medium .primary-menu {
802 margin-left: -3.2rem;
803 }
804
805 .tw-nav-spacing-large .primary-menu>li {
806 margin-left: 4rem;
807 }
808
809 .tw-nav-spacing-large .primary-menu {
810 margin-left: -4rem;
811 }
812
813 }
814