PluginProbe
Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio / 0.7
Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio v0.7
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.7, at dist/css/twentytwenty.css

961 lines 24.1 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 /* Footer ---------------------------------- */
395
396 .tw-footer-full #site-footer .section-inner,
397 .tw-footer-full .footer-inner.section-inner {
398 max-width: 100%;
399 }
400
401 .tw-footer-widgets-row .footer-widgets-wrapper {
402 display: block;
403 margin: 0;
404 width: 100%;
405 overflow: hidden;
406 }
407
408 .tw-footer-widgets-row .footer-widgets {
409 width: auto;
410 margin: -3rem 0 0 0;
411 display: flex;
412 flex-wrap: wrap;
413 }
414
415 .tw-footer-widgets-row .column-two {
416 padding-top: 0rem;
417 margin-top: 3rem;
418 border-top: 1px solid #dbdbdb;
419 }
420
421 .tw-footer-widgets-row .column-two:only-child {
422 padding-top: 0;
423 margin-top: -3rem;
424 border-top: 0;
425 }
426
427 .tw-footer-widgets-row .footer-widgets .widget {
428 margin: 3rem 0 0 0;
429 width: 100%;
430 }
431
432 .tw-footer-widgets-row .widget li:not(:first-child) {
433 margin-top: 1rem;
434 }
435
436 .tw-footer-widgets-row .footer-widgets .widget:only-child {
437 text-align: center;
438 }
439
440 .footer-widgets .wp-block-columns {
441 text-align: inherit;
442 }
443
444 .footer-widgets .wp-block-columns.has-text-align-center {
445 text-align: center;
446 }
447
448 .footer-widgets .wp-block-columns.has-text-align-right {
449 text-align: right;
450 }
451
452 #footer-placeholder {
453 margin-top: 5rem;
454 }
455
456 .tw-footer-widgets-row .widget li a,
457 .tw-footer-size-small .widget li a,
458 .tw-footer-size-medium .widget li a,
459 .tw-footer-size-small .footer-copyright,
460 .tw-footer-size-medium .footer-copyright {
461 font-weight: 400;
462 }
463
464 .tw-footer-widgets-row .widget-title,
465 .tw-footer-size-small .widget-title,
466 .tw-footer-size-medium .widget-title {
467 margin-bottom: 2rem;
468 }
469
470 .tw-footer-size-small .widget-title {
471 font-size: 1.8rem;
472 }
473
474 .tw-footer-size-medium .widget-title {
475 font-size: 2.1rem;
476 }
477
478 .tw-footer-size-small #site-footer {
479 font-size: 1.5rem;
480 }
481
482 .tw-footer-size-small .widget-content,
483 .tw-footer-size-small .footer-top .footer-menu {
484 font-size: 1.6rem;
485 }
486
487 /* Page Layouts */
488
489 .singular.tw-entry-header-no-bg .entry-header,
490 .tw-entry-header-no-bg .archive-header,
491 .tw-entry-header-no-bg .featured-media:before {
492 background-color: transparent;
493 }
494
495 .singular.tw-entry-header-no-bg .entry-header .post-meta a {
496 color: inherit;
497 }
498
499 .tw-entry-header-no-bg.missing-post-thumbnail:not(.overlay-header) .post-inner {
500 padding-top: 0;
501 }
502
503 .tw-entry-header-no-bg .archive-header {
504 padding-bottom: 2rem;
505 }
506
507 .template-cover .post-inner > .post-meta-wrapper,
508 .template-cover .post-inner > .author-bio {
509 width: calc(100% - 4rem);
510 }
511
512 .tw-cover-center .cover-header-inner-wrapper {
513 justify-content: center;
514 }
515
516 .page.tw-cover-center .cover-header .entry-header {
517 position: static;
518 }
519
520 .page.tw-cover-center .cover-header .entry-title,
521 .page.tw-cover-center .cover-header .intro-text {
522 position: relative;
523 }
524
525 .tw-cover-center .to-the-content-wrapper {
526 top: auto;
527 bottom: 0.6rem;
528 }
529
530 .tw-cover-medium .cover-header-inner-wrapper {
531 min-height: 70vh;
532 }
533
534 .tw-cover-medium .to-the-content-wrapper,
535 .tw-cover-hide-arrow .to-the-content-wrapper {
536 display: none;
537 }
538
539 .to-the-content-wrapper svg {
540 pointer-events: none;
541 }
542
543 .page.tw-cover-medium .intro-text p:last-child,
544 .page.tw-cover-hide-arrow .intro-text p:last-child {
545 margin-bottom: 0;
546 }
547
548 .tw-no-header-footer .post-inner {
549 padding-top: 0;
550 }
551
552 .page .post-meta-edit-link-wrapper {
553 display: none;
554 }
555
556 .missing-post-thumbnail .entry-content > .alignfull:first-child,
557 .template-cover .entry-content > .alignfull:first-child,
558 .tw-no-title .entry-content > .alignfull:first-child {
559 margin-top: -5rem;
560 }
561
562 .page .entry-content > .alignfull:last-child {
563 margin-bottom: -5rem;
564 }
565
566 .reduced-spacing.missing-post-thumbnail .post-inner .entry-content > .alignfull:first-child,
567 .singular.tw-no-header-footer .post-inner .entry-content > .alignfull:first-child,
568 .singular .post-inner .entry-content > .wp-block-group.alignfull:not(.has-background):first-child,
569 .singular .post-inner .entry-content > .wp-block-columns.alignfull:not(.tw-gutter-no):first-child,
570 .singular .post-inner .entry-content > .wp-block-gallery.alignfull:not(.tw-gutter-no):first-child,
571 .singular .post-inner .entry-content > .wp-block-pullquote.alignfull:not(.is-style-solid-color):first-child,
572 .tw-entry-header-no-bg.missing-post-thumbnail .post-inner .entry-content > .alignfull:first-child {
573 margin-top: 0;
574 }
575
576 .singular .post-inner .entry-content > .wp-block-group.alignfull:not(.has-background):last-child,
577 .singular .post-inner .entry-content > .wp-block-columns.alignfull:not(.tw-gutter-no):last-child,
578 .singular .post-inner .entry-content > .wp-block-gallery.alignfull:not(.tw-gutter-no):last-child,
579 .singular .post-inner .entry-content > .wp-block-pullquote.alignfull:not(.is-style-solid-color):last-child,
580 .tw-no-header-footer .post-inner .entry-content > .alignfull:last-child {
581 margin-bottom: 0;
582 }
583
584 .page .entry-content > .wp-block-image.alignfull:last-child figcaption {
585 padding-bottom: 6rem;
586 }
587
588 /* Blog */
589 .entry-content p .more-link {
590 display: table;
591 margin-top: 1em;
592 }
593
594 .tw-blog-stack .entry-header {
595 text-align: inherit;
596 }
597
598 .tw-blog-stack .entry-categories-inner {
599 justify-content: flex-start;
600 margin: -0.5rem 0 0 -1rem;
601 }
602
603 .tw-blog-stack .entry-categories a {
604 margin: 0.5rem 0 0 1rem;
605 }
606
607 .tw-blog-stack .post-meta-wrapper {
608 max-width: 100%;
609 width: 100%;
610 }
611
612 .tw-blog-stack .hentry .section-inner,
613 .tw-blog-stack .product .section-inner,
614 .tw-blog-stack .post-separator {
615 max-width: 58rem;
616 }
617
618 .tw-blog-stack .entry-title {
619 font-size: 2.4rem;
620 }
621
622 .tw-blog-stack .featured-media {
623 margin-top: 3.5rem;
624 }
625
626 .tw-blog-stack .post-inner {
627 padding-top: 2.5rem;
628 }
629
630 .tw-blog-stack .featured-media + .post-inner {
631 padding-top: 3.2rem;
632 }
633
634 .tw-blog-stack .post-meta {
635 justify-content: flex-start;
636 font-size: 1.5rem;
637 }
638
639 .tw-blog-stack .post-meta-single-top {
640 margin-top: 1.4rem;
641 }
642
643 .tw-blog-stack .entry-categories {
644 margin-bottom: 1rem;
645 }
646
647 .tw-blog-stack .entry-categories a {
648 border: 0;
649 font-size: 1.2rem;
650 }
651
652 .tw-blog-stack .entry-categories a:hover {
653 text-decoration: underline;
654 }
655
656 .tw-blog-stack .has-drop-cap:not(:focus):first-letter {
657 color: inherit;
658 font-family: inherit;
659 font-size: inherit;
660 font-weight: inherit;
661 margin: 0;
662 line-height: inherit;
663 }
664
665 .tw-blog-stack .has-drop-cap:not(:focus):first-letter:after {
666 display: none;
667 }
668
669 .single .hentry > .pagination-single:last-child hr:last-child {
670 display: none;
671 }
672
673 .tw-meta-no-icon .meta-icon {
674 display: none;
675 }
676
677 .tw-meta-no-icon .post-edit .meta-icon {
678 display: block;
679 }
680
681 .hentry.tw-meta-no-icon .post-meta {
682 margin-top: -0.3rem;
683 margin-left: 0;
684 }
685
686 .tw-meta-no-icon .post-meta li {
687 position: relative;
688 margin-top: 0.3rem;
689 margin-left: 0;
690 }
691
692 .tw-meta-no-icon .post-meta .meta-text {
693 margin-right: 0.9rem;
694 }
695
696 .tw-meta-no-icon .post-meta li:last-child .meta-text {
697 margin-right: 0;
698 }
699
700 .tw-meta-no-icon .post-meta li::before {
701 content: "\00B7";
702 line-height: 0;
703 margin-right: 0.9rem;
704 }
705
706 .tw-meta-no-icon .post-meta li:first-child::before {
707 display: none;
708 }
709
710 .tw-meta-no-icon .post-tags .meta-text {
711 visibility: hidden;
712 }
713
714 .tw-meta-no-icon .post-tags .meta-text a {
715 visibility: visible;
716 border: 1px solid;
717 padding: 0.5rem 1rem;
718 display: inline-flex;
719 margin-right: 2px;
720 margin-bottom: 8px;
721 }
722
723 /* Media Queries */
724
725 @media (hover: none) {
726 .bg-attachment-fixed,
727 .wp-block-cover.has-parallax {
728 background-attachment: scroll;
729 }
730 }
731
732 @media (min-width: 700px) {
733
734 .template-cover .post-inner > .post-meta-wrapper,
735 .template-cover .post-inner > .author-bio {
736 width: calc(100% - 8rem);
737 }
738
739 .tw-site-font-small .comment-author,
740 .tw-site-font-medium .comment-author {
741 font-size: 2.1rem;
742 }
743
744 .tw-site-font-small .entry-categories a {
745 font-size: 1.4rem;
746 }
747
748 .tw-site-font-small .post-meta,
749 .tw-site-font-small .comment-metadata {
750 font-size: 1.5rem;
751 }
752
753 .tw-site-font-medium .entry-content {
754 font-size: 1.9rem;
755 }
756
757 .tw-nav-size-medium .modal-menu ul {
758 font-size: 1.8rem;
759 }
760
761 .tw-nav-size-small .modal-menu>li>a,
762 .tw-nav-size-small .modal-menu>li>.ancestor-wrapper>a {
763 font-size: 2rem;
764 }
765
766 .tw-nav-size-medium .modal-menu>li>a,
767 .tw-nav-size-medium .modal-menu>li>.ancestor-wrapper>a,
768 .tw-nav-size-larger .modal-menu ul {
769 font-size: 2.2rem;
770 }
771
772 .tw-nav-size-larger .modal-menu>li>a,
773 .tw-nav-size-larger .modal-menu>li>.ancestor-wrapper>a {
774 font-size: 2.6rem;
775 }
776
777 .tw-nav-spacing-medium .primary-menu {
778 margin-left: -2.4rem;
779 }
780
781 .tw-nav-spacing-medium .primary-menu>li {
782 margin-left: 2.4rem;
783 }
784
785 .tw-nav-spacing-large .primary-menu {
786 margin-left: -3.2rem;
787 }
788
789 .tw-nav-spacing-large .primary-menu>li {
790 margin-left: 3.2rem;
791 }
792
793 .tw-h1-font-small h1.entry-title,
794 .tw-h1-font-small .entry-content h1:not([class*="heading-size-"]),
795 .tw-h1-font-small .heading-size-1,
796 .tw-h1-font-small .entry-content .heading-size-1 {
797 font-size: 5.6rem;
798 }
799
800 .singular.tw-h1-font-small .intro-text {
801 font-size: 2.4rem;
802 }
803
804 .tw-h1-font-small .wp-block-pullquote.alignwide blockquote p,
805 .tw-h1-font-small .wp-block-pullquote.alignfull blockquote p,
806 .tw-h1-font-medium .wp-block-pullquote.alignwide blockquote p,
807 .tw-h1-font-medium .wp-block-pullquote.alignfull blockquote p,
808 .tw-h1-font-large .wp-block-pullquote.alignwide blockquote p,
809 .tw-h1-font-large .wp-block-pullquote.alignfull blockquote p {
810 font-size: 4.8rem;
811 }
812
813 .blog:not(.tw-blog-stack) .post-inner,
814 .archive:not(.tw-blog-stack) .post-inner,
815 .search:not(.tw-blog-stack) .post-inner {
816 padding-top: 6rem;
817 }
818
819 .tw-cover-center .to-the-content-wrapper {
820 bottom: 1.8rem;
821 }
822
823 .missing-post-thumbnail .entry-content > .alignfull:first-child,
824 .template-cover .entry-content > .alignfull:first-child,
825 .tw-no-title .entry-content > .alignfull:first-child {
826 margin-top: -8rem;
827 }
828
829 .page .entry-content > .alignfull:last-child {
830 margin-bottom: -8rem;
831 }
832
833 .tw-entry-header-no-bg .archive-header {
834 padding-bottom: 3rem;
835 }
836
837 .tw-footer-wider #site-footer .section-inner,
838 .tw-footer-wider .footer-inner.section-inner {
839 max-width: 168rem;
840 }
841
842 .tw-footer-widgets-row .footer-widgets {
843 margin-left: -2rem;
844 margin-right: -2rem;
845 }
846
847 .tw-footer-widgets-row .footer-widgets .widget {
848 padding: 0 2rem;
849 max-width: 50%;
850 }
851
852 .tw-footer-widgets-row .footer-widgets .widget:only-child{
853 max-width: 100%;
854 }
855
856 .tw-footer-widgets-row .column-two {
857 padding-top: 5rem;
858 margin-top: 8rem;
859 }
860
861 #footer-placeholder {
862 margin-top: 8rem;
863 }
864
865 .tw-footer-size-small .widget-title,
866 .tw-footer-size-medium .footer-top .footer-menu {
867 font-size: 2.1rem;
868 }
869
870 .tw-footer-size-small.tw-site-font-medium .widget-content,
871 .tw-footer-size-small.tw-site-font-large .widget-content,
872 .tw-footer-size-small .footer-top .footer-menu {
873 font-size: 1.8rem;
874 }
875
876 .tw-footer-size-small.tw-site-font-medium #site-footer,
877 .tw-footer-size-small.tw-site-font-large #site-footer {
878 font-size: 1.6rem;
879 }
880
881 .tw-footer-size-medium .widget-title {
882 font-size: 2.4rem;
883 }
884
885 .tw-blog-stack .entry-title {
886 font-size: 3.6rem;
887 }
888
889 .tw-blog-stack .pagination .nav-links {
890 font-size: 2.1rem;
891 }
892
893 .tw-blog-stack .post-separator {
894 margin: 6rem auto;
895 }
896 }
897
898 @media (min-width: 1000px) {
899
900 .singular.tw-h1-font-medium .intro-text {
901 font-size: 2.6rem;
902 }
903
904 .tw-footer-widgets-row .footer-widgets .widget {
905 flex-basis: 0;
906 flex-grow: 1;
907 max-width: 100%;
908 }
909 }
910
911
912 @media (min-width: 1220px) {
913
914 .tw-h1-font-large h1.entry-title,
915 .tw-h1-font-large .entry-content h1:not([class*="heading-size-"]),
916 .tw-h1-font-large .entry-content .heading-size-1 {
917 font-size: 7.2rem;
918 }
919
920 .tw-h1-font-medium h1.entry-title,
921 .tw-h1-font-medium .entry-content h1:not([class*="heading-size-"]),
922 .tw-h1-font-medium .entry-content .heading-size-1 {
923 font-size: 6.4rem;
924 }
925
926 .tw-h1-font-small .comment-reply-title,
927 .tw-h1-font-medium .comment-reply-title,
928 .tw-h1-font-large .comment-reply-title {
929 font-size: 4.8rem;
930 }
931
932 .singular.tw-h1-font-large .intro-text {
933 font-size: 2.8rem;
934 }
935
936 .cover-header + .post-inner {
937 padding-top: 8rem;
938 }
939
940 .tw-site-font-medium .widget-content {
941 font-size: 1.9rem;
942 }
943
944 .tw-nav-spacing-medium .primary-menu>li {
945 margin-left: 3.2rem;
946 }
947
948 .tw-nav-spacing-medium .primary-menu {
949 margin-left: -3.2rem;
950 }
951
952 .tw-nav-spacing-large .primary-menu>li {
953 margin-left: 4rem;
954 }
955
956 .tw-nav-spacing-large .primary-menu {
957 margin-left: -4rem;
958 }
959
960 }
961