1 /* |
|
2 Theme Name: Twenty Seventeen |
|
3 Theme URI: https://wordpress.org/themes/twentyseventeen/ |
|
4 Author: the WordPress team |
|
5 Author URI: https://wordpress.org/ |
|
6 Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. |
|
7 Version: 1.7 |
|
8 License: GNU General Public License v2 or later |
|
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
|
10 Text Domain: twentyseventeen |
|
11 Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready |
|
12 |
|
13 This theme, like WordPress, is licensed under the GPL. |
|
14 Use it to make something cool, have fun, and share what you've learned with others. |
|
15 */ |
|
16 |
|
17 /*-------------------------------------------------------------- |
|
18 >>> TABLE OF CONTENTS: |
|
19 ---------------------------------------------------------------- |
|
20 1.0 Normalize |
|
21 2.0 Accessibility |
|
22 3.0 Alignments |
|
23 4.0 Clearings |
|
24 5.0 Typography |
|
25 6.0 Forms |
|
26 7.0 Formatting |
|
27 8.0 Lists |
|
28 9.0 Tables |
|
29 10.0 Links |
|
30 11.0 Featured Image Hover |
|
31 12.0 Navigation |
|
32 13.0 Layout |
|
33 13.1 Header |
|
34 13.2 Front Page |
|
35 13.3 Regular Content |
|
36 13.4 Posts |
|
37 13.5 Pages |
|
38 13.6 Footer |
|
39 14.0 Comments |
|
40 15.0 Widgets |
|
41 16.0 Media |
|
42 16.1 Galleries |
|
43 17.0 Customizer |
|
44 18.0 SVGs Fallbacks |
|
45 19.0 Media Queries |
|
46 20.0 Print |
|
47 --------------------------------------------------------------*/ |
|
48 |
|
49 /*-------------------------------------------------------------- |
|
50 1.0 Normalize |
|
51 Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css |
|
52 --------------------------------------------------------------*/ |
|
53 |
|
54 html { |
|
55 font-family: sans-serif; |
|
56 line-height: 1.15; |
|
57 -ms-text-size-adjust: 100%; |
|
58 -webkit-text-size-adjust: 100%; |
|
59 } |
|
60 |
|
61 body { |
|
62 margin: 0; |
|
63 } |
|
64 |
|
65 article, |
|
66 aside, |
|
67 footer, |
|
68 header, |
|
69 nav, |
|
70 section { |
|
71 display: block; |
|
72 } |
|
73 |
|
74 h1 { |
|
75 font-size: 2em; |
|
76 margin: 0.67em 0; |
|
77 } |
|
78 |
|
79 figcaption, |
|
80 figure, |
|
81 main { |
|
82 display: block; |
|
83 } |
|
84 |
|
85 figure { |
|
86 margin: 1em 0; |
|
87 } |
|
88 |
|
89 hr { |
|
90 -webkit-box-sizing: content-box; |
|
91 -moz-box-sizing: content-box; |
|
92 box-sizing: content-box; |
|
93 height: 0; |
|
94 overflow: visible; |
|
95 } |
|
96 |
|
97 pre { |
|
98 font-family: monospace, monospace; |
|
99 font-size: 1em; |
|
100 } |
|
101 |
|
102 a { |
|
103 background-color: transparent; |
|
104 -webkit-text-decoration-skip: objects; |
|
105 } |
|
106 |
|
107 a:active, |
|
108 a:hover { |
|
109 outline-width: 0; |
|
110 } |
|
111 |
|
112 abbr[title] { |
|
113 border-bottom: 1px #767676 dotted; |
|
114 text-decoration: none; |
|
115 } |
|
116 |
|
117 b, |
|
118 strong { |
|
119 font-weight: inherit; |
|
120 } |
|
121 |
|
122 b, |
|
123 strong { |
|
124 font-weight: 700; |
|
125 } |
|
126 |
|
127 code, |
|
128 kbd, |
|
129 samp { |
|
130 font-family: monospace, monospace; |
|
131 font-size: 1em; |
|
132 } |
|
133 |
|
134 dfn { |
|
135 font-style: italic; |
|
136 } |
|
137 |
|
138 mark { |
|
139 background-color: #eee; |
|
140 color: #222; |
|
141 } |
|
142 |
|
143 small { |
|
144 font-size: 80%; |
|
145 } |
|
146 |
|
147 sub, |
|
148 sup { |
|
149 font-size: 75%; |
|
150 line-height: 0; |
|
151 position: relative; |
|
152 vertical-align: baseline; |
|
153 } |
|
154 |
|
155 sub { |
|
156 bottom: -0.25em; |
|
157 } |
|
158 |
|
159 sup { |
|
160 top: -0.5em; |
|
161 } |
|
162 |
|
163 audio, |
|
164 video { |
|
165 display: inline-block; |
|
166 } |
|
167 |
|
168 audio:not([controls]) { |
|
169 display: none; |
|
170 height: 0; |
|
171 } |
|
172 |
|
173 img { |
|
174 border-style: none; |
|
175 } |
|
176 |
|
177 svg:not(:root) { |
|
178 overflow: hidden; |
|
179 } |
|
180 |
|
181 button, |
|
182 input, |
|
183 optgroup, |
|
184 select, |
|
185 textarea { |
|
186 font-family: sans-serif; |
|
187 font-size: 100%; |
|
188 line-height: 1.15; |
|
189 margin: 0; |
|
190 } |
|
191 |
|
192 button, |
|
193 input { |
|
194 overflow: visible; |
|
195 } |
|
196 |
|
197 button, |
|
198 select { |
|
199 text-transform: none; |
|
200 } |
|
201 |
|
202 button, |
|
203 html [type="button"], |
|
204 [type="reset"], |
|
205 [type="submit"] { |
|
206 -webkit-appearance: button; |
|
207 } |
|
208 |
|
209 button::-moz-focus-inner, |
|
210 [type="button"]::-moz-focus-inner, |
|
211 [type="reset"]::-moz-focus-inner, |
|
212 [type="submit"]::-moz-focus-inner { |
|
213 border-style: none; |
|
214 padding: 0; |
|
215 } |
|
216 |
|
217 button:-moz-focusring, |
|
218 [type="button"]:-moz-focusring, |
|
219 [type="reset"]:-moz-focusring, |
|
220 [type="submit"]:-moz-focusring { |
|
221 outline: 1px dotted ButtonText; |
|
222 } |
|
223 |
|
224 fieldset { |
|
225 border: 1px solid #bbb; |
|
226 margin: 0 2px; |
|
227 padding: 0.35em 0.625em 0.75em; |
|
228 } |
|
229 |
|
230 legend { |
|
231 -webkit-box-sizing: border-box; |
|
232 -moz-box-sizing: border-box; |
|
233 box-sizing: border-box; |
|
234 color: inherit; |
|
235 display: table; |
|
236 max-width: 100%; |
|
237 padding: 0; |
|
238 white-space: normal; |
|
239 } |
|
240 |
|
241 progress { |
|
242 display: inline-block; |
|
243 vertical-align: baseline; |
|
244 } |
|
245 |
|
246 textarea { |
|
247 overflow: auto; |
|
248 } |
|
249 |
|
250 [type="checkbox"], |
|
251 [type="radio"] { |
|
252 -webkit-box-sizing: border-box; |
|
253 -moz-box-sizing: border-box; |
|
254 box-sizing: border-box; |
|
255 padding: 0; |
|
256 } |
|
257 |
|
258 [type="number"]::-webkit-inner-spin-button, |
|
259 [type="number"]::-webkit-outer-spin-button { |
|
260 height: auto; |
|
261 } |
|
262 |
|
263 [type="search"] { |
|
264 -webkit-appearance: textfield; |
|
265 outline-offset: -2px; |
|
266 } |
|
267 |
|
268 [type="search"]::-webkit-search-cancel-button, |
|
269 [type="search"]::-webkit-search-decoration { |
|
270 -webkit-appearance: none; |
|
271 } |
|
272 |
|
273 ::-webkit-file-upload-button { |
|
274 -webkit-appearance: button; |
|
275 font: inherit; |
|
276 } |
|
277 |
|
278 details, |
|
279 menu { |
|
280 display: block; |
|
281 } |
|
282 |
|
283 summary { |
|
284 display: list-item; |
|
285 } |
|
286 |
|
287 canvas { |
|
288 display: inline-block; |
|
289 } |
|
290 |
|
291 template { |
|
292 display: none; |
|
293 } |
|
294 |
|
295 [hidden] { |
|
296 display: none; |
|
297 } |
|
298 |
|
299 /*-------------------------------------------------------------- |
|
300 2.0 Accessibility |
|
301 --------------------------------------------------------------*/ |
|
302 |
|
303 /* Text meant only for screen readers. */ |
|
304 |
|
305 .screen-reader-text { |
|
306 clip: rect(1px, 1px, 1px, 1px); |
|
307 height: 1px; |
|
308 overflow: hidden; |
|
309 position: absolute !important; |
|
310 width: 1px; |
|
311 word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ |
|
312 } |
|
313 |
|
314 .screen-reader-text:focus { |
|
315 background-color: #f1f1f1; |
|
316 -webkit-border-radius: 3px; |
|
317 border-radius: 3px; |
|
318 -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
|
319 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
|
320 clip: auto !important; |
|
321 color: #21759b; |
|
322 display: block; |
|
323 font-size: 14px; |
|
324 font-size: 0.875rem; |
|
325 font-weight: 700; |
|
326 height: auto; |
|
327 left: 5px; |
|
328 line-height: normal; |
|
329 padding: 15px 23px 14px; |
|
330 text-decoration: none; |
|
331 top: 5px; |
|
332 width: auto; |
|
333 z-index: 100000; /* Above WP toolbar. */ |
|
334 } |
|
335 |
|
336 /*-------------------------------------------------------------- |
|
337 3.0 Alignments |
|
338 --------------------------------------------------------------*/ |
|
339 |
|
340 .alignleft { |
|
341 display: inline; |
|
342 float: left; |
|
343 margin-right: 1.5em; |
|
344 } |
|
345 |
|
346 .alignright { |
|
347 display: inline; |
|
348 float: right; |
|
349 margin-left: 1.5em; |
|
350 } |
|
351 |
|
352 .aligncenter { |
|
353 clear: both; |
|
354 display: block; |
|
355 margin-left: auto; |
|
356 margin-right: auto; |
|
357 } |
|
358 |
|
359 /*-------------------------------------------------------------- |
|
360 4.0 Clearings |
|
361 --------------------------------------------------------------*/ |
|
362 |
|
363 .clear:before, |
|
364 .clear:after, |
|
365 .entry-content:before, |
|
366 .entry-content:after, |
|
367 .entry-footer:before, |
|
368 .entry-footer:after, |
|
369 .comment-content:before, |
|
370 .comment-content:after, |
|
371 .site-header:before, |
|
372 .site-header:after, |
|
373 .site-content:before, |
|
374 .site-content:after, |
|
375 .site-footer:before, |
|
376 .site-footer:after, |
|
377 .nav-links:before, |
|
378 .nav-links:after, |
|
379 .pagination:before, |
|
380 .pagination:after, |
|
381 .comment-author:before, |
|
382 .comment-author:after, |
|
383 .widget-area:before, |
|
384 .widget-area:after, |
|
385 .widget:before, |
|
386 .widget:after, |
|
387 .comment-meta:before, |
|
388 .comment-meta:after { |
|
389 content: ""; |
|
390 display: table; |
|
391 table-layout: fixed; |
|
392 } |
|
393 |
|
394 .clear:after, |
|
395 .entry-content:after, |
|
396 .entry-footer:after, |
|
397 .comment-content:after, |
|
398 .site-header:after, |
|
399 .site-content:after, |
|
400 .site-footer:after, |
|
401 .nav-links:after, |
|
402 .pagination:after, |
|
403 .comment-author:after, |
|
404 .widget-area:after, |
|
405 .widget:after, |
|
406 .comment-meta:after { |
|
407 clear: both; |
|
408 } |
|
409 |
|
410 /*-------------------------------------------------------------- |
|
411 5.0 Typography |
|
412 --------------------------------------------------------------*/ |
|
413 |
|
414 body, |
|
415 button, |
|
416 input, |
|
417 select, |
|
418 textarea { |
|
419 color: #333; |
|
420 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; |
|
421 font-size: 15px; |
|
422 font-size: 0.9375rem; |
|
423 font-weight: 400; |
|
424 line-height: 1.66; |
|
425 } |
|
426 |
|
427 h1, |
|
428 h2, |
|
429 h3, |
|
430 h4, |
|
431 h5, |
|
432 h6 { |
|
433 clear: both; |
|
434 line-height: 1.4; |
|
435 margin: 0 0 0.75em; |
|
436 padding: 1.5em 0 0; |
|
437 } |
|
438 |
|
439 h1:first-child, |
|
440 h2:first-child, |
|
441 h3:first-child, |
|
442 h4:first-child, |
|
443 h5:first-child, |
|
444 h6:first-child { |
|
445 padding-top: 0; |
|
446 } |
|
447 |
|
448 h1 { |
|
449 font-size: 24px; |
|
450 font-size: 1.5rem; |
|
451 font-weight: 300; |
|
452 } |
|
453 |
|
454 h2, |
|
455 .home.blog .entry-title { |
|
456 color: #666; |
|
457 font-size: 20px; |
|
458 font-size: 1.25rem; |
|
459 font-weight: 300; |
|
460 } |
|
461 |
|
462 h3 { |
|
463 color: #333; |
|
464 font-size: 18px; |
|
465 font-size: 1.125rem; |
|
466 font-weight: 300; |
|
467 } |
|
468 |
|
469 h4 { |
|
470 color: #333; |
|
471 font-size: 16px; |
|
472 font-size: 1rem; |
|
473 font-weight: 800; |
|
474 } |
|
475 |
|
476 h5 { |
|
477 color: #767676; |
|
478 font-size: 13px; |
|
479 font-size: 0.8125rem; |
|
480 font-weight: 800; |
|
481 letter-spacing: 0.15em; |
|
482 text-transform: uppercase; |
|
483 } |
|
484 |
|
485 h6 { |
|
486 color: #333; |
|
487 font-size: 15px; |
|
488 font-size: 0.9375rem; |
|
489 font-weight: 800; |
|
490 } |
|
491 |
|
492 p { |
|
493 margin: 0 0 1.5em; |
|
494 padding: 0; |
|
495 } |
|
496 |
|
497 dfn, |
|
498 cite, |
|
499 em, |
|
500 i { |
|
501 font-style: italic; |
|
502 } |
|
503 |
|
504 blockquote { |
|
505 color: #666; |
|
506 font-size: 18px; |
|
507 font-size: 1.125rem; |
|
508 font-style: italic; |
|
509 line-height: 1.7; |
|
510 margin: 0; |
|
511 overflow: hidden; |
|
512 padding: 0; |
|
513 } |
|
514 |
|
515 blockquote cite { |
|
516 display: block; |
|
517 font-style: normal; |
|
518 font-weight: 600; |
|
519 margin-top: 0.5em; |
|
520 } |
|
521 |
|
522 address { |
|
523 margin: 0 0 1.5em; |
|
524 } |
|
525 |
|
526 pre { |
|
527 background: #eee; |
|
528 font-family: "Courier 10 Pitch", Courier, monospace; |
|
529 font-size: 15px; |
|
530 font-size: 0.9375rem; |
|
531 line-height: 1.6; |
|
532 margin-bottom: 1.6em; |
|
533 max-width: 100%; |
|
534 overflow: auto; |
|
535 padding: 1.6em; |
|
536 } |
|
537 |
|
538 code, |
|
539 kbd, |
|
540 tt, |
|
541 var { |
|
542 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; |
|
543 font-size: 15px; |
|
544 font-size: 0.9375rem; |
|
545 } |
|
546 |
|
547 abbr, |
|
548 acronym { |
|
549 border-bottom: 1px dotted #666; |
|
550 cursor: help; |
|
551 } |
|
552 |
|
553 mark, |
|
554 ins { |
|
555 background: #eee; |
|
556 text-decoration: none; |
|
557 } |
|
558 |
|
559 big { |
|
560 font-size: 125%; |
|
561 } |
|
562 |
|
563 blockquote { |
|
564 quotes: "" ""; |
|
565 } |
|
566 |
|
567 q { |
|
568 quotes: "“" "”" "‘" "’"; |
|
569 } |
|
570 |
|
571 blockquote:before, |
|
572 blockquote:after { |
|
573 content: ""; |
|
574 } |
|
575 |
|
576 :focus { |
|
577 outline: none; |
|
578 } |
|
579 |
|
580 /* Typography for Arabic Font */ |
|
581 |
|
582 html[lang="ar"] body, |
|
583 html[lang="ar"] button, |
|
584 html[lang="ar"] input, |
|
585 html[lang="ar"] select, |
|
586 html[lang="ar"] textarea, |
|
587 html[lang="ary"] body, |
|
588 html[lang="ary"] button, |
|
589 html[lang="ary"] input, |
|
590 html[lang="ary"] select, |
|
591 html[lang="ary"] textarea, |
|
592 html[lang="azb"] body, |
|
593 html[lang="azb"] button, |
|
594 html[lang="azb"] input, |
|
595 html[lang="azb"] select, |
|
596 html[lang="azb"] textarea, |
|
597 html[lang="fa-IR"] body, |
|
598 html[lang="fa-IR"] button, |
|
599 html[lang="fa-IR"] input, |
|
600 html[lang="fa-IR"] select, |
|
601 html[lang="fa-IR"] textarea, |
|
602 html[lang="haz"] body, |
|
603 html[lang="haz"] button, |
|
604 html[lang="haz"] input, |
|
605 html[lang="haz"] select, |
|
606 html[lang="haz"] textarea, |
|
607 html[lang="ps"] body, |
|
608 html[lang="ps"] button, |
|
609 html[lang="ps"] input, |
|
610 html[lang="ps"] select, |
|
611 html[lang="ps"] textarea, |
|
612 html[lang="ur"] body, |
|
613 html[lang="ur"] button, |
|
614 html[lang="ur"] input, |
|
615 html[lang="ur"] select, |
|
616 html[lang="ur"] textarea { |
|
617 font-family: Tahoma, Arial, sans-serif; |
|
618 } |
|
619 |
|
620 html[lang="ar"] h1, |
|
621 html[lang="ar"] h2, |
|
622 html[lang="ar"] h3, |
|
623 html[lang="ar"] h4, |
|
624 html[lang="ar"] h5, |
|
625 html[lang="ar"] h6, |
|
626 html[lang="ary"] h1, |
|
627 html[lang="ary"] h2, |
|
628 html[lang="ary"] h3, |
|
629 html[lang="ary"] h4, |
|
630 html[lang="ary"] h5, |
|
631 html[lang="ary"] h6, |
|
632 html[lang="azb"] h1, |
|
633 html[lang="azb"] h2, |
|
634 html[lang="azb"] h3, |
|
635 html[lang="azb"] h4, |
|
636 html[lang="azb"] h5, |
|
637 html[lang="azb"] h6, |
|
638 html[lang="fa-IR"] h1, |
|
639 html[lang="fa-IR"] h2, |
|
640 html[lang="fa-IR"] h3, |
|
641 html[lang="fa-IR"] h4, |
|
642 html[lang="fa-IR"] h5, |
|
643 html[lang="fa-IR"] h6, |
|
644 html[lang="haz"] h1, |
|
645 html[lang="haz"] h2, |
|
646 html[lang="haz"] h3, |
|
647 html[lang="haz"] h4, |
|
648 html[lang="haz"] h5, |
|
649 html[lang="haz"] h6, |
|
650 html[lang="ps"] h1, |
|
651 html[lang="ps"] h2, |
|
652 html[lang="ps"] h3, |
|
653 html[lang="ps"] h4, |
|
654 html[lang="ps"] h5, |
|
655 html[lang="ps"] h6, |
|
656 html[lang="ur"] h1, |
|
657 html[lang="ur"] h2, |
|
658 html[lang="ur"] h3, |
|
659 html[lang="ur"] h4, |
|
660 html[lang="ur"] h5, |
|
661 html[lang="ur"] h6 { |
|
662 font-weight: 700; |
|
663 } |
|
664 |
|
665 /* Typography for Chinese Font */ |
|
666 |
|
667 html[lang^="zh-"] body, |
|
668 html[lang^="zh-"] button, |
|
669 html[lang^="zh-"] input, |
|
670 html[lang^="zh-"] select, |
|
671 html[lang^="zh-"] textarea { |
|
672 font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; |
|
673 } |
|
674 |
|
675 html[lang="zh-CN"] body, |
|
676 html[lang="zh-CN"] button, |
|
677 html[lang="zh-CN"] input, |
|
678 html[lang="zh-CN"] select, |
|
679 html[lang="zh-CN"] textarea { |
|
680 font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; |
|
681 } |
|
682 |
|
683 html[lang^="zh-"] h1, |
|
684 html[lang^="zh-"] h2, |
|
685 html[lang^="zh-"] h3, |
|
686 html[lang^="zh-"] h4, |
|
687 html[lang^="zh-"] h5, |
|
688 html[lang^="zh-"] h6 { |
|
689 font-weight: 700; |
|
690 } |
|
691 |
|
692 /* Typography for Cyrillic Font */ |
|
693 |
|
694 html[lang="bg-BG"] body, |
|
695 html[lang="bg-BG"] button, |
|
696 html[lang="bg-BG"] input, |
|
697 html[lang="bg-BG"] select, |
|
698 html[lang="bg-BG"] textarea, |
|
699 html[lang="ru-RU"] body, |
|
700 html[lang="ru-RU"] button, |
|
701 html[lang="ru-RU"] input, |
|
702 html[lang="ru-RU"] select, |
|
703 html[lang="ru-RU"] textarea, |
|
704 html[lang="uk"] body, |
|
705 html[lang="uk"] button, |
|
706 html[lang="uk"] input, |
|
707 html[lang="uk"] select, |
|
708 html[lang="uk"] textarea { |
|
709 font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; |
|
710 } |
|
711 |
|
712 html[lang="bg-BG"] h1, |
|
713 html[lang="bg-BG"] h2, |
|
714 html[lang="bg-BG"] h3, |
|
715 html[lang="bg-BG"] h4, |
|
716 html[lang="bg-BG"] h5, |
|
717 html[lang="bg-BG"] h6, |
|
718 html[lang="ru-RU"] h1, |
|
719 html[lang="ru-RU"] h2, |
|
720 html[lang="ru-RU"] h3, |
|
721 html[lang="ru-RU"] h4, |
|
722 html[lang="ru-RU"] h5, |
|
723 html[lang="ru-RU"] h6, |
|
724 html[lang="uk"] h1, |
|
725 html[lang="uk"] h2, |
|
726 html[lang="uk"] h3, |
|
727 html[lang="uk"] h4, |
|
728 html[lang="uk"] h5, |
|
729 html[lang="uk"] h6 { |
|
730 font-weight: 700; |
|
731 line-height: 1.2; |
|
732 } |
|
733 |
|
734 /* Typography for Devanagari Font */ |
|
735 |
|
736 html[lang="bn-BD"] body, |
|
737 html[lang="bn-BD"] button, |
|
738 html[lang="bn-BD"] input, |
|
739 html[lang="bn-BD"] select, |
|
740 html[lang="bn-BD"] textarea, |
|
741 html[lang="hi-IN"] body, |
|
742 html[lang="hi-IN"] button, |
|
743 html[lang="hi-IN"] input, |
|
744 html[lang="hi-IN"] select, |
|
745 html[lang="hi-IN"] textarea, |
|
746 html[lang="mr-IN"] body, |
|
747 html[lang="mr-IN"] button, |
|
748 html[lang="mr-IN"] input, |
|
749 html[lang="mr-IN"] select, |
|
750 html[lang="mr-IN"] textarea { |
|
751 font-family: Arial, sans-serif; |
|
752 } |
|
753 |
|
754 html[lang="bn-BD"] h1, |
|
755 html[lang="bn-BD"] h2, |
|
756 html[lang="bn-BD"] h3, |
|
757 html[lang="bn-BD"] h4, |
|
758 html[lang="bn-BD"] h5, |
|
759 html[lang="bn-BD"] h6, |
|
760 html[lang="hi-IN"] h1, |
|
761 html[lang="hi-IN"] h2, |
|
762 html[lang="hi-IN"] h3, |
|
763 html[lang="hi-IN"] h4, |
|
764 html[lang="hi-IN"] h5, |
|
765 html[lang="hi-IN"] h6, |
|
766 html[lang="mr-IN"] h1, |
|
767 html[lang="mr-IN"] h2, |
|
768 html[lang="mr-IN"] h3, |
|
769 html[lang="mr-IN"] h4, |
|
770 html[lang="mr-IN"] h5, |
|
771 html[lang="mr-IN"] h6 { |
|
772 font-weight: 700; |
|
773 } |
|
774 |
|
775 /* Typography for Greek Font */ |
|
776 |
|
777 html[lang="el"] body, |
|
778 html[lang="el"] button, |
|
779 html[lang="el"] input, |
|
780 html[lang="el"] select, |
|
781 html[lang="el"] textarea { |
|
782 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
783 } |
|
784 |
|
785 html[lang="el"] h1, |
|
786 html[lang="el"] h2, |
|
787 html[lang="el"] h3, |
|
788 html[lang="el"] h4, |
|
789 html[lang="el"] h5, |
|
790 html[lang="el"] h6 { |
|
791 font-weight: 700; |
|
792 line-height: 1.3; |
|
793 } |
|
794 |
|
795 /* Typography for Gujarati Font */ |
|
796 |
|
797 html[lang="gu-IN"] body, |
|
798 html[lang="gu-IN"] button, |
|
799 html[lang="gu-IN"] input, |
|
800 html[lang="gu-IN"] select, |
|
801 html[lang="gu-IN"] textarea { |
|
802 font-family: Arial, sans-serif; |
|
803 } |
|
804 |
|
805 html[lang="gu-IN"] h1, |
|
806 html[lang="gu-IN"] h2, |
|
807 html[lang="gu-IN"] h3, |
|
808 html[lang="gu-IN"] h4, |
|
809 html[lang="gu-IN"] h5, |
|
810 html[lang="gu-IN"] h6 { |
|
811 font-weight: 700; |
|
812 } |
|
813 |
|
814 /* Typography for Hebrew Font */ |
|
815 |
|
816 html[lang="he-IL"] body, |
|
817 html[lang="he-IL"] button, |
|
818 html[lang="he-IL"] input, |
|
819 html[lang="he-IL"] select, |
|
820 html[lang="he-IL"] textarea { |
|
821 font-family: "Arial Hebrew", Arial, sans-serif; |
|
822 } |
|
823 |
|
824 html[lang="he-IL"] h1, |
|
825 html[lang="he-IL"] h2, |
|
826 html[lang="he-IL"] h3, |
|
827 html[lang="he-IL"] h4, |
|
828 html[lang="he-IL"] h5, |
|
829 html[lang="he-IL"] h6 { |
|
830 font-weight: 700; |
|
831 } |
|
832 |
|
833 /* Typography for Japanese Font */ |
|
834 |
|
835 html[lang="ja"] body, |
|
836 html[lang="ja"] button, |
|
837 html[lang="ja"] input, |
|
838 html[lang="ja"] select, |
|
839 html[lang="ja"] textarea { |
|
840 font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; |
|
841 } |
|
842 |
|
843 html[lang="ja"] h1, |
|
844 html[lang="ja"] h2, |
|
845 html[lang="ja"] h3, |
|
846 html[lang="ja"] h4, |
|
847 html[lang="ja"] h5, |
|
848 html[lang="ja"] h6 { |
|
849 font-weight: 700; |
|
850 } |
|
851 |
|
852 /* Typography for Korean font */ |
|
853 |
|
854 html[lang="ko-KR"] body, |
|
855 html[lang="ko-KR"] button, |
|
856 html[lang="ko-KR"] input, |
|
857 html[lang="ko-KR"] select, |
|
858 html[lang="ko-KR"] textarea { |
|
859 font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; |
|
860 } |
|
861 |
|
862 html[lang="ko-KR"] h1, |
|
863 html[lang="ko-KR"] h2, |
|
864 html[lang="ko-KR"] h3, |
|
865 html[lang="ko-KR"] h4, |
|
866 html[lang="ko-KR"] h5, |
|
867 html[lang="ko-KR"] h6 { |
|
868 font-weight: 600; |
|
869 } |
|
870 |
|
871 /* Typography for Thai Font */ |
|
872 |
|
873 html[lang="th"] h1, |
|
874 html[lang="th"] h2, |
|
875 html[lang="th"] h3, |
|
876 html[lang="th"] h4, |
|
877 html[lang="th"] h5, |
|
878 html[lang="th"] h6 { |
|
879 line-height: 1.65; |
|
880 font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
881 } |
|
882 |
|
883 html[lang="th"] body, |
|
884 html[lang="th"] button, |
|
885 html[lang="th"] input, |
|
886 html[lang="th"] select, |
|
887 html[lang="th"] textarea { |
|
888 line-height: 1.8; |
|
889 font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
890 } |
|
891 |
|
892 /* Remove letter-spacing for all non-latin alphabets */ |
|
893 |
|
894 html[lang="ar"] *, |
|
895 html[lang="ary"] *, |
|
896 html[lang="azb"] *, |
|
897 html[lang="haz"] *, |
|
898 html[lang="ps"] *, |
|
899 html[lang^="zh-"] *, |
|
900 html[lang="bg-BG"] *, |
|
901 html[lang="ru-RU"] *, |
|
902 html[lang="uk"] *, |
|
903 html[lang="bn-BD"] *, |
|
904 html[lang="hi-IN"] *, |
|
905 html[lang="mr-IN"] *, |
|
906 html[lang="el"] *, |
|
907 html[lang="gu-IN"] *, |
|
908 html[lang="he-IL"] *, |
|
909 html[lang="ja"] *, |
|
910 html[lang="ko-KR"] *, |
|
911 html[lang="th"] * { |
|
912 letter-spacing: 0 !important; |
|
913 } |
|
914 |
|
915 /*-------------------------------------------------------------- |
|
916 6.0 Forms |
|
917 --------------------------------------------------------------*/ |
|
918 |
|
919 label { |
|
920 color: #333; |
|
921 display: block; |
|
922 font-weight: 800; |
|
923 margin-bottom: 0.5em; |
|
924 } |
|
925 |
|
926 fieldset { |
|
927 margin-bottom: 1em; |
|
928 } |
|
929 |
|
930 input[type="text"], |
|
931 input[type="email"], |
|
932 input[type="url"], |
|
933 input[type="password"], |
|
934 input[type="search"], |
|
935 input[type="number"], |
|
936 input[type="tel"], |
|
937 input[type="range"], |
|
938 input[type="date"], |
|
939 input[type="month"], |
|
940 input[type="week"], |
|
941 input[type="time"], |
|
942 input[type="datetime"], |
|
943 input[type="datetime-local"], |
|
944 input[type="color"], |
|
945 textarea { |
|
946 color: #666; |
|
947 background: #fff; |
|
948 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); |
|
949 border: 1px solid #bbb; |
|
950 -webkit-border-radius: 3px; |
|
951 border-radius: 3px; |
|
952 display: block; |
|
953 padding: 0.7em; |
|
954 width: 100%; |
|
955 } |
|
956 |
|
957 input[type="text"]:focus, |
|
958 input[type="email"]:focus, |
|
959 input[type="url"]:focus, |
|
960 input[type="password"]:focus, |
|
961 input[type="search"]:focus, |
|
962 input[type="number"]:focus, |
|
963 input[type="tel"]:focus, |
|
964 input[type="range"]:focus, |
|
965 input[type="date"]:focus, |
|
966 input[type="month"]:focus, |
|
967 input[type="week"]:focus, |
|
968 input[type="time"]:focus, |
|
969 input[type="datetime"]:focus, |
|
970 input[type="datetime-local"]:focus, |
|
971 input[type="color"]:focus, |
|
972 textarea:focus { |
|
973 color: #222; |
|
974 border-color: #333; |
|
975 } |
|
976 |
|
977 select { |
|
978 border: 1px solid #bbb; |
|
979 -webkit-border-radius: 3px; |
|
980 border-radius: 3px; |
|
981 height: 3em; |
|
982 max-width: 100%; |
|
983 } |
|
984 |
|
985 input[type="radio"], |
|
986 input[type="checkbox"] { |
|
987 margin-right: 0.5em; |
|
988 } |
|
989 |
|
990 input[type="radio"] + label, |
|
991 input[type="checkbox"] + label { |
|
992 font-weight: 400; |
|
993 } |
|
994 |
|
995 button, |
|
996 input[type="button"], |
|
997 input[type="submit"] { |
|
998 background-color: #222; |
|
999 border: 0; |
|
1000 -webkit-border-radius: 2px; |
|
1001 border-radius: 2px; |
|
1002 -webkit-box-shadow: none; |
|
1003 box-shadow: none; |
|
1004 color: #fff; |
|
1005 cursor: pointer; |
|
1006 display: inline-block; |
|
1007 font-size: 14px; |
|
1008 font-size: 0.875rem; |
|
1009 font-weight: 800; |
|
1010 line-height: 1; |
|
1011 padding: 1em 2em; |
|
1012 text-shadow: none; |
|
1013 -webkit-transition: background 0.2s; |
|
1014 transition: background 0.2s; |
|
1015 } |
|
1016 |
|
1017 input + button, |
|
1018 input + input[type="button"], |
|
1019 input + input[type="submit"] { |
|
1020 padding: 0.75em 2em; |
|
1021 } |
|
1022 |
|
1023 button.secondary, |
|
1024 input[type="reset"], |
|
1025 input[type="button"].secondary, |
|
1026 input[type="reset"].secondary, |
|
1027 input[type="submit"].secondary { |
|
1028 background-color: #ddd; |
|
1029 color: #222; |
|
1030 } |
|
1031 |
|
1032 button:hover, |
|
1033 button:focus, |
|
1034 input[type="button"]:hover, |
|
1035 input[type="button"]:focus, |
|
1036 input[type="submit"]:hover, |
|
1037 input[type="submit"]:focus { |
|
1038 background: #767676; |
|
1039 } |
|
1040 |
|
1041 button.secondary:hover, |
|
1042 button.secondary:focus, |
|
1043 input[type="reset"]:hover, |
|
1044 input[type="reset"]:focus, |
|
1045 input[type="button"].secondary:hover, |
|
1046 input[type="button"].secondary:focus, |
|
1047 input[type="reset"].secondary:hover, |
|
1048 input[type="reset"].secondary:focus, |
|
1049 input[type="submit"].secondary:hover, |
|
1050 input[type="submit"].secondary:focus { |
|
1051 background: #bbb; |
|
1052 } |
|
1053 |
|
1054 /* Placeholder text color -- selectors need to be separate to work. */ |
|
1055 ::-webkit-input-placeholder { |
|
1056 color: #333; |
|
1057 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; |
|
1058 } |
|
1059 |
|
1060 :-moz-placeholder { |
|
1061 color: #333; |
|
1062 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; |
|
1063 } |
|
1064 |
|
1065 ::-moz-placeholder { |
|
1066 color: #333; |
|
1067 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; |
|
1068 opacity: 1; |
|
1069 /* Since FF19 lowers the opacity of the placeholder by default */ |
|
1070 } |
|
1071 |
|
1072 :-ms-input-placeholder { |
|
1073 color: #333; |
|
1074 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; |
|
1075 } |
|
1076 |
|
1077 /*-------------------------------------------------------------- |
|
1078 7.0 Formatting |
|
1079 --------------------------------------------------------------*/ |
|
1080 |
|
1081 hr { |
|
1082 background-color: #bbb; |
|
1083 border: 0; |
|
1084 height: 1px; |
|
1085 margin-bottom: 1.5em; |
|
1086 } |
|
1087 |
|
1088 /*-------------------------------------------------------------- |
|
1089 8.0 Lists |
|
1090 --------------------------------------------------------------*/ |
|
1091 |
|
1092 ul, |
|
1093 ol { |
|
1094 margin: 0 0 1.5em; |
|
1095 padding: 0; |
|
1096 } |
|
1097 |
|
1098 ul { |
|
1099 list-style: disc; |
|
1100 } |
|
1101 |
|
1102 ol { |
|
1103 list-style: decimal; |
|
1104 } |
|
1105 |
|
1106 li > ul, |
|
1107 li > ol { |
|
1108 margin-bottom: 0; |
|
1109 margin-left: 1.5em; |
|
1110 } |
|
1111 |
|
1112 dt { |
|
1113 font-weight: 700; |
|
1114 } |
|
1115 |
|
1116 dd { |
|
1117 margin: 0 1.5em 1.5em; |
|
1118 } |
|
1119 |
|
1120 /*-------------------------------------------------------------- |
|
1121 9.0 Tables |
|
1122 --------------------------------------------------------------*/ |
|
1123 |
|
1124 table { |
|
1125 border-collapse: collapse; |
|
1126 margin: 0 0 1.5em; |
|
1127 width: 100%; |
|
1128 } |
|
1129 |
|
1130 thead th { |
|
1131 border-bottom: 2px solid #bbb; |
|
1132 padding-bottom: 0.5em; |
|
1133 } |
|
1134 |
|
1135 th { |
|
1136 padding: 0.4em; |
|
1137 text-align: left; |
|
1138 } |
|
1139 |
|
1140 tr { |
|
1141 border-bottom: 1px solid #eee; |
|
1142 } |
|
1143 |
|
1144 td { |
|
1145 padding: 0.4em; |
|
1146 } |
|
1147 |
|
1148 th:first-child, |
|
1149 td:first-child { |
|
1150 padding-left: 0; |
|
1151 } |
|
1152 |
|
1153 th:last-child, |
|
1154 td:last-child { |
|
1155 padding-right: 0; |
|
1156 } |
|
1157 |
|
1158 /*-------------------------------------------------------------- |
|
1159 10.0 Links |
|
1160 --------------------------------------------------------------*/ |
|
1161 |
|
1162 a { |
|
1163 color: #222; |
|
1164 text-decoration: none; |
|
1165 } |
|
1166 |
|
1167 a:focus { |
|
1168 outline: thin dotted; |
|
1169 } |
|
1170 |
|
1171 a:hover, |
|
1172 a:active { |
|
1173 color: #000; |
|
1174 outline: 0; |
|
1175 } |
|
1176 |
|
1177 /* Hover effects */ |
|
1178 |
|
1179 .entry-content a, |
|
1180 .entry-summary a, |
|
1181 .comment-content a, |
|
1182 .widget a, |
|
1183 .site-footer .widget-area a, |
|
1184 .posts-navigation a, |
|
1185 .widget_authors a strong { |
|
1186 -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); |
|
1187 box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); |
|
1188 -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; |
|
1189 transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; |
|
1190 transition: color 80ms ease-in, box-shadow 130ms ease-in-out; |
|
1191 transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; |
|
1192 } |
|
1193 |
|
1194 .entry-title a, |
|
1195 .entry-meta a, |
|
1196 .page-links a, |
|
1197 .page-links a .page-number, |
|
1198 .entry-footer a, |
|
1199 .entry-footer .cat-links a, |
|
1200 .entry-footer .tags-links a, |
|
1201 .edit-link a, |
|
1202 .post-navigation a, |
|
1203 .logged-in-as a, |
|
1204 .comment-navigation a, |
|
1205 .comment-metadata a, |
|
1206 .comment-metadata a.comment-edit-link, |
|
1207 .comment-reply-link, |
|
1208 a .nav-title, |
|
1209 .pagination a, |
|
1210 .comments-pagination a, |
|
1211 .site-info a, |
|
1212 .widget .widget-title a, |
|
1213 .widget ul li a, |
|
1214 .site-footer .widget-area ul li a, |
|
1215 .site-footer .widget-area ul li a { |
|
1216 -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); |
|
1217 box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); |
|
1218 text-decoration: none; |
|
1219 -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; |
|
1220 transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; |
|
1221 transition: color 80ms ease-in, box-shadow 130ms ease-in-out; |
|
1222 transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; |
|
1223 } |
|
1224 |
|
1225 .entry-content a:focus, |
|
1226 .entry-content a:hover, |
|
1227 .entry-summary a:focus, |
|
1228 .entry-summary a:hover, |
|
1229 .comment-content a:focus, |
|
1230 .comment-content a:hover, |
|
1231 .widget a:focus, |
|
1232 .widget a:hover, |
|
1233 .site-footer .widget-area a:focus, |
|
1234 .site-footer .widget-area a:hover, |
|
1235 .posts-navigation a:focus, |
|
1236 .posts-navigation a:hover, |
|
1237 .comment-metadata a:focus, |
|
1238 .comment-metadata a:hover, |
|
1239 .comment-metadata a.comment-edit-link:focus, |
|
1240 .comment-metadata a.comment-edit-link:hover, |
|
1241 .comment-reply-link:focus, |
|
1242 .comment-reply-link:hover, |
|
1243 .widget_authors a:focus strong, |
|
1244 .widget_authors a:hover strong, |
|
1245 .entry-title a:focus, |
|
1246 .entry-title a:hover, |
|
1247 .entry-meta a:focus, |
|
1248 .entry-meta a:hover, |
|
1249 .page-links a:focus .page-number, |
|
1250 .page-links a:hover .page-number, |
|
1251 .entry-footer a:focus, |
|
1252 .entry-footer a:hover, |
|
1253 .entry-footer .cat-links a:focus, |
|
1254 .entry-footer .cat-links a:hover, |
|
1255 .entry-footer .tags-links a:focus, |
|
1256 .entry-footer .tags-links a:hover, |
|
1257 .post-navigation a:focus, |
|
1258 .post-navigation a:hover, |
|
1259 .pagination a:not(.prev):not(.next):focus, |
|
1260 .pagination a:not(.prev):not(.next):hover, |
|
1261 .comments-pagination a:not(.prev):not(.next):focus, |
|
1262 .comments-pagination a:not(.prev):not(.next):hover, |
|
1263 .logged-in-as a:focus, |
|
1264 .logged-in-as a:hover, |
|
1265 a:focus .nav-title, |
|
1266 a:hover .nav-title, |
|
1267 .edit-link a:focus, |
|
1268 .edit-link a:hover, |
|
1269 .site-info a:focus, |
|
1270 .site-info a:hover, |
|
1271 .widget .widget-title a:focus, |
|
1272 .widget .widget-title a:hover, |
|
1273 .widget ul li a:focus, |
|
1274 .widget ul li a:hover { |
|
1275 color: #000; |
|
1276 -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); |
|
1277 box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); |
|
1278 } |
|
1279 |
|
1280 /* Fixes linked images */ |
|
1281 .entry-content a img, |
|
1282 .comment-content a img, |
|
1283 .widget a img { |
|
1284 -webkit-box-shadow: 0 0 0 8px #fff; |
|
1285 box-shadow: 0 0 0 8px #fff; |
|
1286 } |
|
1287 |
|
1288 .post-navigation a:focus .icon, |
|
1289 .post-navigation a:hover .icon { |
|
1290 color: #222; |
|
1291 } |
|
1292 |
|
1293 /*-------------------------------------------------------------- |
|
1294 11.0 Featured Image Hover |
|
1295 --------------------------------------------------------------*/ |
|
1296 |
|
1297 .post-thumbnail { |
|
1298 margin-bottom: 1em; |
|
1299 } |
|
1300 |
|
1301 .post-thumbnail a img { |
|
1302 -webkit-backface-visibility: hidden; |
|
1303 -webkit-transition: opacity 0.2s; |
|
1304 transition: opacity 0.2s; |
|
1305 } |
|
1306 |
|
1307 .post-thumbnail a:hover img, |
|
1308 .post-thumbnail a:focus img { |
|
1309 opacity: 0.7; |
|
1310 } |
|
1311 |
|
1312 /*-------------------------------------------------------------- |
|
1313 12.0 Navigation |
|
1314 --------------------------------------------------------------*/ |
|
1315 |
|
1316 .navigation-top { |
|
1317 background: #fff; |
|
1318 border-bottom: 1px solid #eee; |
|
1319 border-top: 1px solid #eee; |
|
1320 font-size: 16px; |
|
1321 font-size: 1rem; |
|
1322 position: relative; |
|
1323 } |
|
1324 |
|
1325 .navigation-top .wrap { |
|
1326 max-width: 1000px; |
|
1327 padding: 0; |
|
1328 } |
|
1329 |
|
1330 .navigation-top a { |
|
1331 color: #222; |
|
1332 font-weight: 600; |
|
1333 -webkit-transition: color 0.2s; |
|
1334 transition: color 0.2s; |
|
1335 } |
|
1336 |
|
1337 .navigation-top .current-menu-item > a, |
|
1338 .navigation-top .current_page_item > a { |
|
1339 color: #767676; |
|
1340 } |
|
1341 |
|
1342 .main-navigation { |
|
1343 clear: both; |
|
1344 display: block; |
|
1345 } |
|
1346 |
|
1347 .main-navigation ul { |
|
1348 background: #fff; |
|
1349 list-style: none; |
|
1350 margin: 0; |
|
1351 padding: 0 1.5em; |
|
1352 text-align: left; |
|
1353 } |
|
1354 |
|
1355 /* Hide the menu on small screens when JavaScript is available. |
|
1356 * It only works with JavaScript. |
|
1357 */ |
|
1358 |
|
1359 .js .main-navigation ul, |
|
1360 .main-navigation .menu-item-has-children > a > .icon, |
|
1361 .main-navigation .page_item_has_children > a > .icon, |
|
1362 .main-navigation ul a > .icon { |
|
1363 display: none; |
|
1364 } |
|
1365 |
|
1366 .main-navigation > div > ul { |
|
1367 border-top: 1px solid #eee; |
|
1368 padding: 0.75em 1.695em; |
|
1369 } |
|
1370 |
|
1371 .js .main-navigation.toggled-on > div > ul { |
|
1372 display: block; |
|
1373 } |
|
1374 |
|
1375 .main-navigation ul ul { |
|
1376 padding: 0 0 0 1.5em; |
|
1377 } |
|
1378 |
|
1379 .main-navigation ul ul.toggled-on { |
|
1380 display: block; |
|
1381 } |
|
1382 |
|
1383 .main-navigation ul ul a { |
|
1384 letter-spacing: 0; |
|
1385 padding: 0.4em 0; |
|
1386 position: relative; |
|
1387 text-transform: none; |
|
1388 } |
|
1389 |
|
1390 .main-navigation li { |
|
1391 border-bottom: 1px solid #eee; |
|
1392 position: relative; |
|
1393 } |
|
1394 |
|
1395 .main-navigation li li, |
|
1396 .main-navigation li:last-child { |
|
1397 border: 0; |
|
1398 } |
|
1399 |
|
1400 .main-navigation a { |
|
1401 display: block; |
|
1402 padding: 0.5em 0; |
|
1403 text-decoration: none; |
|
1404 } |
|
1405 |
|
1406 .main-navigation a:hover { |
|
1407 color: #767676; |
|
1408 } |
|
1409 |
|
1410 /* Menu toggle */ |
|
1411 |
|
1412 .menu-toggle { |
|
1413 background-color: transparent; |
|
1414 border: 0; |
|
1415 -webkit-box-shadow: none; |
|
1416 box-shadow: none; |
|
1417 color: #222; |
|
1418 display: none; |
|
1419 font-size: 14px; |
|
1420 font-size: 0.875rem; |
|
1421 font-weight: 800; |
|
1422 line-height: 1.5; |
|
1423 margin: 1px auto 2px; |
|
1424 padding: 1em; |
|
1425 text-shadow: none; |
|
1426 } |
|
1427 |
|
1428 /* Display the menu toggle when JavaScript is available. */ |
|
1429 |
|
1430 .js .menu-toggle { |
|
1431 display: block; |
|
1432 } |
|
1433 |
|
1434 .main-navigation.toggled-on ul.nav-menu { |
|
1435 display: block; |
|
1436 } |
|
1437 |
|
1438 .menu-toggle:hover, |
|
1439 .menu-toggle:focus { |
|
1440 background-color: transparent; |
|
1441 -webkit-box-shadow: none; |
|
1442 box-shadow: none; |
|
1443 } |
|
1444 |
|
1445 .menu-toggle:focus { |
|
1446 outline: thin solid; |
|
1447 } |
|
1448 |
|
1449 .menu-toggle .icon { |
|
1450 margin-right: 0.5em; |
|
1451 top: -2px; |
|
1452 } |
|
1453 |
|
1454 .toggled-on .menu-toggle .icon-bars, |
|
1455 .menu-toggle .icon-close { |
|
1456 display: none; |
|
1457 } |
|
1458 |
|
1459 .toggled-on .menu-toggle .icon-close { |
|
1460 display: inline-block; |
|
1461 } |
|
1462 |
|
1463 /* Dropdown Toggle */ |
|
1464 |
|
1465 .dropdown-toggle { |
|
1466 background-color: transparent; |
|
1467 border: 0; |
|
1468 -webkit-box-shadow: none; |
|
1469 box-shadow: none; |
|
1470 color: #222; |
|
1471 display: block; |
|
1472 font-size: 16px; |
|
1473 right: -0.5em; |
|
1474 line-height: 1.5; |
|
1475 margin: 0 auto; |
|
1476 padding: 0.5em; |
|
1477 position: absolute; |
|
1478 text-shadow: none; |
|
1479 top: 0; |
|
1480 } |
|
1481 |
|
1482 .dropdown-toggle:hover, |
|
1483 .dropdown-toggle:focus { |
|
1484 background: transparent; |
|
1485 } |
|
1486 |
|
1487 .dropdown-toggle:focus { |
|
1488 outline: thin dotted; |
|
1489 } |
|
1490 |
|
1491 .dropdown-toggle.toggled-on .icon { |
|
1492 -ms-transform: rotate(-180deg); /* IE 9 */ |
|
1493 -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ |
|
1494 transform: rotate(-180deg); |
|
1495 } |
|
1496 |
|
1497 /* Scroll down arrow */ |
|
1498 |
|
1499 .site-header .menu-scroll-down { |
|
1500 display: none; |
|
1501 } |
|
1502 |
|
1503 /*-------------------------------------------------------------- |
|
1504 13.0 Layout |
|
1505 --------------------------------------------------------------*/ |
|
1506 |
|
1507 html { |
|
1508 -webkit-box-sizing: border-box; |
|
1509 -moz-box-sizing: border-box; |
|
1510 box-sizing: border-box; |
|
1511 } |
|
1512 |
|
1513 *, |
|
1514 *:before, |
|
1515 *:after { |
|
1516 /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ |
|
1517 -webkit-box-sizing: inherit; |
|
1518 -moz-box-sizing: inherit; |
|
1519 box-sizing: inherit; |
|
1520 } |
|
1521 |
|
1522 body { |
|
1523 background: #fff; |
|
1524 /* Fallback for when there is no custom background color defined. */ |
|
1525 } |
|
1526 |
|
1527 #page { |
|
1528 position: relative; |
|
1529 word-wrap: break-word; |
|
1530 } |
|
1531 |
|
1532 .wrap { |
|
1533 margin-left: auto; |
|
1534 margin-right: auto; |
|
1535 max-width: 700px; |
|
1536 padding-left: 2em; |
|
1537 padding-right: 2em; |
|
1538 } |
|
1539 |
|
1540 .wrap:after { |
|
1541 clear: both; |
|
1542 content: ""; |
|
1543 display: block; |
|
1544 } |
|
1545 |
|
1546 /*-------------------------------------------------------------- |
|
1547 13.1 Header |
|
1548 --------------------------------------------------------------*/ |
|
1549 |
|
1550 #masthead .wrap { |
|
1551 position: relative; |
|
1552 } |
|
1553 |
|
1554 .site-header { |
|
1555 background-color: #fafafa; |
|
1556 position: relative; |
|
1557 } |
|
1558 |
|
1559 /* Site branding */ |
|
1560 |
|
1561 .site-branding { |
|
1562 padding: 1em 0; |
|
1563 position: relative; |
|
1564 -webkit-transition: margin-bottom 0.2s; |
|
1565 transition: margin-bottom 0.2s; |
|
1566 z-index: 3; |
|
1567 } |
|
1568 |
|
1569 .site-branding a { |
|
1570 text-decoration: none; |
|
1571 -webkit-transition: opacity 0.2s; |
|
1572 transition: opacity 0.2s; |
|
1573 } |
|
1574 |
|
1575 .site-branding a:hover, |
|
1576 .site-branding a:focus { |
|
1577 opacity: 0.7; |
|
1578 } |
|
1579 |
|
1580 .site-title { |
|
1581 clear: none; |
|
1582 font-size: 24px; |
|
1583 font-size: 1.5rem; |
|
1584 font-weight: 800; |
|
1585 line-height: 1.25; |
|
1586 letter-spacing: 0.08em; |
|
1587 margin: 0; |
|
1588 padding: 0; |
|
1589 text-transform: uppercase; |
|
1590 } |
|
1591 |
|
1592 .site-title, |
|
1593 .site-title a { |
|
1594 color: #222; |
|
1595 opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ |
|
1596 } |
|
1597 |
|
1598 body.has-header-image .site-title, |
|
1599 body.has-header-video .site-title, |
|
1600 body.has-header-image .site-title a, |
|
1601 body.has-header-video .site-title a { |
|
1602 color: #fff; |
|
1603 } |
|
1604 |
|
1605 .site-description { |
|
1606 color: #666; |
|
1607 font-size: 13px; |
|
1608 font-size: 0.8125rem; |
|
1609 margin-bottom: 0; |
|
1610 } |
|
1611 |
|
1612 body.has-header-image .site-description, |
|
1613 body.has-header-video .site-description { |
|
1614 color: #fff; |
|
1615 opacity: 0.8; |
|
1616 } |
|
1617 |
|
1618 .custom-logo-link { |
|
1619 display: inline-block; |
|
1620 padding-right: 1em; |
|
1621 vertical-align: middle; |
|
1622 width: auto; |
|
1623 } |
|
1624 |
|
1625 .custom-logo-link img { |
|
1626 display: inline-block; |
|
1627 max-height: 80px; |
|
1628 width: auto; |
|
1629 } |
|
1630 |
|
1631 body.home.title-tagline-hidden.has-header-image .custom-logo-link img, |
|
1632 body.home.title-tagline-hidden.has-header-video .custom-logo-link img { |
|
1633 max-height: 200px; |
|
1634 max-width: 100%; |
|
1635 } |
|
1636 |
|
1637 .custom-logo-link a:hover, |
|
1638 .custom-logo-link a:focus { |
|
1639 opacity: 0.9; |
|
1640 } |
|
1641 |
|
1642 body:not(.title-tagline-hidden) .site-branding-text { |
|
1643 display: inline-block; |
|
1644 vertical-align: middle; |
|
1645 } |
|
1646 |
|
1647 .custom-header { |
|
1648 position: relative; |
|
1649 } |
|
1650 |
|
1651 .has-header-image.twentyseventeen-front-page .custom-header, |
|
1652 .has-header-video.twentyseventeen-front-page .custom-header, |
|
1653 .has-header-image.home.blog .custom-header, |
|
1654 .has-header-video.home.blog .custom-header { |
|
1655 display: table; |
|
1656 height: 300px; |
|
1657 height: 75vh; |
|
1658 width: 100%; |
|
1659 } |
|
1660 |
|
1661 .custom-header-media { |
|
1662 bottom: 0; |
|
1663 left: 0; |
|
1664 overflow: hidden; |
|
1665 position: absolute; |
|
1666 right: 0; |
|
1667 top: 0; |
|
1668 width: 100%; |
|
1669 } |
|
1670 |
|
1671 .custom-header-media:before { |
|
1672 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ |
|
1673 background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */ |
|
1674 background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ |
|
1675 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ |
|
1676 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ |
|
1677 bottom: 0; |
|
1678 content: ""; |
|
1679 display: block; |
|
1680 height: 100%; |
|
1681 left: 0; |
|
1682 position: absolute; |
|
1683 right: 0; |
|
1684 z-index: 2; |
|
1685 } |
|
1686 |
|
1687 .has-header-image .custom-header-media img, |
|
1688 .has-header-video .custom-header-media video, |
|
1689 .has-header-video .custom-header-media iframe { |
|
1690 position: fixed; |
|
1691 height: auto; |
|
1692 left: 50%; |
|
1693 max-width: 1000%; |
|
1694 min-height: 100%; |
|
1695 min-width: 100%; |
|
1696 min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ |
|
1697 width: auto; |
|
1698 top: 50%; |
|
1699 padding-bottom: 1px; /* Prevent header from extending beyond the footer */ |
|
1700 -ms-transform: translateX(-50%) translateY(-50%); |
|
1701 -moz-transform: translateX(-50%) translateY(-50%); |
|
1702 -webkit-transform: translateX(-50%) translateY(-50%); |
|
1703 transform: translateX(-50%) translateY(-50%); |
|
1704 } |
|
1705 |
|
1706 .wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ |
|
1707 background-color: rgba(34, 34, 34, 0.5); |
|
1708 border: 1px solid rgba(255, 255, 255, 0.6); |
|
1709 color: rgba(255, 255, 255, 0.6); |
|
1710 height: 45px; |
|
1711 overflow: hidden; |
|
1712 padding: 0; |
|
1713 position: fixed; |
|
1714 right: 30px; |
|
1715 top: 30px; |
|
1716 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
1717 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
1718 width: 45px; |
|
1719 } |
|
1720 |
|
1721 .wp-custom-header .wp-custom-header-video-button:hover, |
|
1722 .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */ |
|
1723 border-color: rgba(255, 255, 255, 0.8); |
|
1724 background-color: rgba(34, 34, 34, 0.8); |
|
1725 color: #fff; |
|
1726 } |
|
1727 |
|
1728 .admin-bar .wp-custom-header-video-button { |
|
1729 top: 62px; |
|
1730 } |
|
1731 |
|
1732 .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { |
|
1733 bottom: 0; |
|
1734 position: absolute; |
|
1735 top: auto; |
|
1736 -ms-transform: translateX(-50%) translateY(0); |
|
1737 -moz-transform: translateX(-50%) translateY(0); |
|
1738 -webkit-transform: translateX(-50%) translateY(0); |
|
1739 transform: translateX(-50%) translateY(0); |
|
1740 } |
|
1741 |
|
1742 /* For browsers that support 'object-fit' */ |
|
1743 @supports ( object-fit: cover ) { |
|
1744 .has-header-image .custom-header-media img, |
|
1745 .has-header-video .custom-header-media video, |
|
1746 .has-header-video .custom-header-media iframe, |
|
1747 .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { |
|
1748 height: 100%; |
|
1749 left: 0; |
|
1750 -o-object-fit: cover; |
|
1751 object-fit: cover; |
|
1752 top: 0; |
|
1753 -ms-transform: none; |
|
1754 -moz-transform: none; |
|
1755 -webkit-transform: none; |
|
1756 transform: none; |
|
1757 width: 100%; |
|
1758 } |
|
1759 } |
|
1760 |
|
1761 /* Hides div in Customizer preview when header images or videos change. */ |
|
1762 |
|
1763 body:not(.has-header-image):not(.has-header-video) .custom-header-media { |
|
1764 display: none; |
|
1765 } |
|
1766 |
|
1767 .has-header-image.twentyseventeen-front-page .site-branding, |
|
1768 .has-header-video.twentyseventeen-front-page .site-branding, |
|
1769 .has-header-image.home.blog .site-branding, |
|
1770 .has-header-video.home.blog .site-branding { |
|
1771 display: table-cell; |
|
1772 height: 100%; |
|
1773 vertical-align: bottom; |
|
1774 } |
|
1775 |
|
1776 /*-------------------------------------------------------------- |
|
1777 13.2 Front Page |
|
1778 --------------------------------------------------------------*/ |
|
1779 |
|
1780 .twentyseventeen-front-page .site-content { |
|
1781 padding: 0; |
|
1782 } |
|
1783 |
|
1784 .twentyseventeen-panel { |
|
1785 overflow: hidden; |
|
1786 position: relative; |
|
1787 } |
|
1788 |
|
1789 .panel-image { |
|
1790 background-position: center center; |
|
1791 background-repeat: no-repeat; |
|
1792 -webkit-background-size: cover; |
|
1793 background-size: cover; |
|
1794 position: relative; |
|
1795 } |
|
1796 |
|
1797 .panel-image:before { |
|
1798 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */ |
|
1799 background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ |
|
1800 background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); |
|
1801 background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); |
|
1802 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ |
|
1803 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ |
|
1804 bottom: 0; |
|
1805 content: ""; |
|
1806 left: 0; |
|
1807 right: 0; |
|
1808 position: absolute; |
|
1809 top: 100px; |
|
1810 } |
|
1811 |
|
1812 .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { |
|
1813 border-top: 1px solid #ddd; |
|
1814 } |
|
1815 |
|
1816 .panel-content { |
|
1817 position: relative; |
|
1818 } |
|
1819 |
|
1820 .panel-content .wrap { |
|
1821 padding-bottom: 0.5em; |
|
1822 padding-top: 1.75em; |
|
1823 } |
|
1824 |
|
1825 /* Panel edit link */ |
|
1826 |
|
1827 .twentyseventeen-panel .edit-link { |
|
1828 display: block; |
|
1829 margin: 0.3em 0 0; |
|
1830 } |
|
1831 |
|
1832 .twentyseventeen-panel .entry-header .edit-link { |
|
1833 font-size: 14px; |
|
1834 font-size: 0.875rem; |
|
1835 } |
|
1836 |
|
1837 /* Front Page - Recent Posts */ |
|
1838 |
|
1839 .twentyseventeen-front-page .panel-content .recent-posts article { |
|
1840 border: 0; |
|
1841 color: #333; |
|
1842 margin-bottom: 3em; |
|
1843 } |
|
1844 |
|
1845 .recent-posts .entry-header { |
|
1846 margin-bottom: 1.2em; |
|
1847 } |
|
1848 |
|
1849 .page .panel-content .recent-posts .entry-title { |
|
1850 font-size: 20px; |
|
1851 font-size: 1.25rem; |
|
1852 font-weight: 300; |
|
1853 letter-spacing: 0; |
|
1854 text-transform: none; |
|
1855 } |
|
1856 |
|
1857 .twentyseventeen-panel .recent-posts .entry-header .edit-link { |
|
1858 color: #222; |
|
1859 display: inline-block; |
|
1860 font-size: 11px; |
|
1861 font-size: 0.6875rem; |
|
1862 margin-left: 1em; |
|
1863 } |
|
1864 |
|
1865 /*-------------------------------------------------------------- |
|
1866 13.3 Regular Content |
|
1867 --------------------------------------------------------------*/ |
|
1868 |
|
1869 .site-content-contain { |
|
1870 background-color: #fff; |
|
1871 position: relative; |
|
1872 } |
|
1873 |
|
1874 .site-content { |
|
1875 padding: 2.5em 0 0; |
|
1876 } |
|
1877 |
|
1878 /*-------------------------------------------------------------- |
|
1879 13.4 Posts |
|
1880 --------------------------------------------------------------*/ |
|
1881 |
|
1882 /* Post Landing Page */ |
|
1883 |
|
1884 .sticky { |
|
1885 position: relative; |
|
1886 } |
|
1887 |
|
1888 .post:not(.sticky) .icon-thumb-tack { |
|
1889 display: none; |
|
1890 } |
|
1891 |
|
1892 .sticky .icon-thumb-tack { |
|
1893 display: block; |
|
1894 height: 18px; |
|
1895 left: -1.5em; |
|
1896 position: absolute; |
|
1897 top: 1.65em; |
|
1898 width: 20px; |
|
1899 } |
|
1900 |
|
1901 .page .panel-content .entry-title, |
|
1902 .page-title, |
|
1903 body.page:not(.twentyseventeen-front-page) .entry-title { |
|
1904 color: #222; |
|
1905 font-size: 14px; |
|
1906 font-size: 0.875rem; |
|
1907 font-weight: 800; |
|
1908 letter-spacing: 0.14em; |
|
1909 text-transform: uppercase; |
|
1910 } |
|
1911 |
|
1912 .entry-header .entry-title { |
|
1913 margin-bottom: 0.25em; |
|
1914 } |
|
1915 |
|
1916 .entry-title a { |
|
1917 color: #333; |
|
1918 text-decoration: none; |
|
1919 margin-left: -2px; |
|
1920 } |
|
1921 |
|
1922 .entry-title:not(:first-child) { |
|
1923 padding-top: 0; |
|
1924 } |
|
1925 |
|
1926 .entry-meta { |
|
1927 color: #767676; |
|
1928 font-size: 11px; |
|
1929 font-size: 0.6875rem; |
|
1930 font-weight: 800; |
|
1931 letter-spacing: 0.1818em; |
|
1932 padding-bottom: 0.25em; |
|
1933 text-transform: uppercase; |
|
1934 } |
|
1935 |
|
1936 .entry-meta a { |
|
1937 color: #767676; |
|
1938 } |
|
1939 |
|
1940 .byline, |
|
1941 .updated:not(.published) { |
|
1942 display: none; |
|
1943 } |
|
1944 |
|
1945 .single .byline, |
|
1946 .group-blog .byline { |
|
1947 display: inline; |
|
1948 } |
|
1949 |
|
1950 .pagination, |
|
1951 .comments-pagination { |
|
1952 border-top: 1px solid #eee; |
|
1953 font-size: 14px; |
|
1954 font-size: 0.875rem; |
|
1955 font-weight: 800; |
|
1956 padding: 2em 0 3em; |
|
1957 text-align: center; |
|
1958 } |
|
1959 |
|
1960 .pagination .icon, |
|
1961 .comments-pagination .icon { |
|
1962 width: 0.666666666em; |
|
1963 height: 0.666666666em; |
|
1964 } |
|
1965 |
|
1966 .comments-pagination { |
|
1967 border: 0; |
|
1968 } |
|
1969 |
|
1970 .page-numbers { |
|
1971 display: none; |
|
1972 padding: 0.5em 0.75em; |
|
1973 } |
|
1974 |
|
1975 .page-numbers.current { |
|
1976 color: #767676; |
|
1977 display: inline-block; |
|
1978 } |
|
1979 |
|
1980 .page-numbers.current .screen-reader-text { |
|
1981 clip: auto; |
|
1982 height: auto; |
|
1983 overflow: auto; |
|
1984 position: relative !important; |
|
1985 width: auto; |
|
1986 } |
|
1987 |
|
1988 .prev.page-numbers, |
|
1989 .next.page-numbers { |
|
1990 background-color: #ddd; |
|
1991 -webkit-border-radius: 2px; |
|
1992 border-radius: 2px; |
|
1993 display: inline-block; |
|
1994 font-size: 24px; |
|
1995 font-size: 1.5rem; |
|
1996 line-height: 1; |
|
1997 padding: 0.25em 0.5em 0.4em; |
|
1998 } |
|
1999 |
|
2000 .prev.page-numbers, |
|
2001 .next.page-numbers { |
|
2002 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2003 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2004 } |
|
2005 |
|
2006 .prev.page-numbers:focus, |
|
2007 .prev.page-numbers:hover, |
|
2008 .next.page-numbers:focus, |
|
2009 .next.page-numbers:hover { |
|
2010 background-color: #767676; |
|
2011 color: #fff; |
|
2012 } |
|
2013 |
|
2014 .prev.page-numbers { |
|
2015 float: left; |
|
2016 } |
|
2017 |
|
2018 .next.page-numbers { |
|
2019 float: right; |
|
2020 } |
|
2021 |
|
2022 /* Aligned blockquotes */ |
|
2023 |
|
2024 .entry-content blockquote.alignleft, |
|
2025 .entry-content blockquote.alignright { |
|
2026 color: #666; |
|
2027 font-size: 13px; |
|
2028 font-size: 0.8125rem; |
|
2029 width: 48%; |
|
2030 } |
|
2031 |
|
2032 /* Blog landing, search, archives */ |
|
2033 |
|
2034 .blog .site-main > article, |
|
2035 .archive .site-main > article, |
|
2036 .search .site-main > article { |
|
2037 padding-bottom: 2em; |
|
2038 } |
|
2039 |
|
2040 body:not(.twentyseventeen-front-page) .entry-header { |
|
2041 padding: 1em 0; |
|
2042 } |
|
2043 |
|
2044 body:not(.twentyseventeen-front-page) .entry-header, |
|
2045 body:not(.twentyseventeen-front-page) .entry-content, |
|
2046 body:not(.twentyseventeen-front-page) #comments { |
|
2047 margin-left: auto; |
|
2048 margin-right: auto; |
|
2049 } |
|
2050 |
|
2051 body:not(.twentyseventeen-front-page) .entry-header { |
|
2052 padding-top: 0; |
|
2053 } |
|
2054 |
|
2055 .blog .entry-meta a.post-edit-link, |
|
2056 .archive .entry-meta a.post-edit-link, |
|
2057 .search .entry-meta a.post-edit-link { |
|
2058 color: #222; |
|
2059 display: inline-block; |
|
2060 margin-left: 1em; |
|
2061 white-space: nowrap; |
|
2062 } |
|
2063 |
|
2064 .search .page .entry-meta a.post-edit-link { |
|
2065 margin-left: 0; |
|
2066 white-space: nowrap; |
|
2067 } |
|
2068 |
|
2069 .taxonomy-description { |
|
2070 color: #666; |
|
2071 font-size: 13px; |
|
2072 font-size: 0.8125rem; |
|
2073 } |
|
2074 |
|
2075 /* More tag */ |
|
2076 |
|
2077 .entry-content .more-link:before { |
|
2078 content: ""; |
|
2079 display: block; |
|
2080 margin-top: 1.5em; |
|
2081 } |
|
2082 |
|
2083 /* Single Post */ |
|
2084 |
|
2085 .single-post:not(.has-sidebar) #primary, |
|
2086 .page.page-one-column:not(.twentyseventeen-front-page) #primary, |
|
2087 .archive.page-one-column:not(.has-sidebar) .page-header, |
|
2088 .archive.page-one-column:not(.has-sidebar) #primary { |
|
2089 margin-left: auto; |
|
2090 margin-right: auto; |
|
2091 max-width: 740px; |
|
2092 } |
|
2093 |
|
2094 .single-featured-image-header { |
|
2095 background-color: #fafafa; |
|
2096 border-bottom: 1px solid #eee; |
|
2097 } |
|
2098 |
|
2099 .single-featured-image-header img { |
|
2100 display: block; |
|
2101 margin: auto; |
|
2102 } |
|
2103 |
|
2104 .page-links { |
|
2105 font-size: 14px; |
|
2106 font-size: 0.875rem; |
|
2107 font-weight: 800; |
|
2108 padding: 2em 0 3em; |
|
2109 } |
|
2110 |
|
2111 .page-links .page-number { |
|
2112 color: #767676; |
|
2113 display: inline-block; |
|
2114 padding: 0.5em 1em; |
|
2115 } |
|
2116 |
|
2117 .page-links a { |
|
2118 display: inline-block; |
|
2119 } |
|
2120 |
|
2121 .page-links a .page-number { |
|
2122 color: #222; |
|
2123 } |
|
2124 |
|
2125 /* Entry footer */ |
|
2126 |
|
2127 .entry-footer { |
|
2128 border-bottom: 1px solid #eee; |
|
2129 border-top: 1px solid #eee; |
|
2130 margin-top: 2em; |
|
2131 padding: 2em 0; |
|
2132 } |
|
2133 |
|
2134 .entry-footer .cat-links, |
|
2135 .entry-footer .tags-links { |
|
2136 display: block; |
|
2137 font-size: 11px; |
|
2138 font-size: 0.6875rem; |
|
2139 font-weight: 800; |
|
2140 letter-spacing: 0.1818em; |
|
2141 padding-left: 2.5em; |
|
2142 position: relative; |
|
2143 text-transform: uppercase; |
|
2144 } |
|
2145 |
|
2146 .entry-footer .cat-links + .tags-links { |
|
2147 margin-top: 1em; |
|
2148 } |
|
2149 |
|
2150 .entry-footer .cat-links a, |
|
2151 .entry-footer .tags-links a { |
|
2152 color: #333; |
|
2153 } |
|
2154 |
|
2155 .entry-footer .cat-links .icon, |
|
2156 .entry-footer .tags-links .icon { |
|
2157 color: #767676; |
|
2158 left: 0; |
|
2159 margin-right: 0.5em; |
|
2160 position: absolute; |
|
2161 top: 2px; |
|
2162 } |
|
2163 |
|
2164 .entry-footer .edit-link { |
|
2165 display: inline-block; |
|
2166 } |
|
2167 |
|
2168 .entry-footer .edit-link a.post-edit-link { |
|
2169 background-color: #222; |
|
2170 -webkit-border-radius: 2px; |
|
2171 border-radius: 2px; |
|
2172 -webkit-box-shadow: none; |
|
2173 box-shadow: none; |
|
2174 color: #fff; |
|
2175 display: inline-block; |
|
2176 font-size: 14px; |
|
2177 font-size: 0.875rem; |
|
2178 font-weight: 800; |
|
2179 margin-top: 2em; |
|
2180 padding: 0.7em 2em; |
|
2181 -webkit-transition: background-color 0.2s ease-in-out; |
|
2182 transition: background-color 0.2s ease-in-out; |
|
2183 white-space: nowrap; |
|
2184 } |
|
2185 |
|
2186 .entry-footer .edit-link a.post-edit-link:hover, |
|
2187 .entry-footer .edit-link a.post-edit-link:focus { |
|
2188 background-color: #767676; |
|
2189 } |
|
2190 |
|
2191 /* Post Formats */ |
|
2192 |
|
2193 .blog .format-status .entry-title, |
|
2194 .archive .format-status .entry-title, |
|
2195 .blog .format-aside .entry-title, |
|
2196 .archive .format-aside .entry-title { |
|
2197 display: none; |
|
2198 } |
|
2199 |
|
2200 .format-quote blockquote { |
|
2201 color: #333; |
|
2202 font-size: 20px; |
|
2203 font-size: 1.25rem; |
|
2204 font-weight: 300; |
|
2205 overflow: visible; |
|
2206 position: relative; |
|
2207 } |
|
2208 |
|
2209 .format-quote blockquote .icon { |
|
2210 display: block; |
|
2211 height: 20px; |
|
2212 left: -1.25em; |
|
2213 position: absolute; |
|
2214 top: 0.4em; |
|
2215 -webkit-transform: scale(-1, 1); |
|
2216 -ms-transform: scale(-1, 1); |
|
2217 transform: scale(-1, 1); |
|
2218 width: 20px; |
|
2219 } |
|
2220 |
|
2221 /* Post Navigation */ |
|
2222 |
|
2223 .post-navigation { |
|
2224 font-weight: 800; |
|
2225 margin: 3em 0; |
|
2226 } |
|
2227 |
|
2228 .post-navigation .nav-links { |
|
2229 padding: 1em 0; |
|
2230 } |
|
2231 |
|
2232 .nav-subtitle { |
|
2233 background: transparent; |
|
2234 color: #767676; |
|
2235 display: block; |
|
2236 font-size: 11px; |
|
2237 font-size: 0.6875rem; |
|
2238 letter-spacing: 0.1818em; |
|
2239 margin-bottom: 1em; |
|
2240 text-transform: uppercase; |
|
2241 } |
|
2242 |
|
2243 .nav-title { |
|
2244 color: #333; |
|
2245 font-size: 15px; |
|
2246 font-size: 0.9375rem; |
|
2247 } |
|
2248 |
|
2249 .post-navigation .nav-next { |
|
2250 margin-top: 1.5em; |
|
2251 } |
|
2252 |
|
2253 .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { |
|
2254 margin-right: 0.5em; |
|
2255 } |
|
2256 |
|
2257 .nav-links .nav-next .nav-title .nav-title-icon-wrapper { |
|
2258 margin-left: 0.5em; |
|
2259 } |
|
2260 |
|
2261 /*-------------------------------------------------------------- |
|
2262 13.5 Pages |
|
2263 --------------------------------------------------------------*/ |
|
2264 |
|
2265 .page-header { |
|
2266 padding-bottom: 2em; |
|
2267 } |
|
2268 |
|
2269 .page .entry-header .edit-link { |
|
2270 font-size: 14px; |
|
2271 font-size: 0.875rem; |
|
2272 } |
|
2273 |
|
2274 .search .page .entry-header .edit-link { |
|
2275 font-size: 11px; |
|
2276 font-size: 0.6875rem; |
|
2277 } |
|
2278 |
|
2279 .page-links { |
|
2280 clear: both; |
|
2281 margin: 0 0 1.5em; |
|
2282 } |
|
2283 |
|
2284 .page:not(.home) #content { |
|
2285 padding-bottom: 1.5em; |
|
2286 } |
|
2287 |
|
2288 /* 404 page */ |
|
2289 |
|
2290 .error404 .page-content { |
|
2291 padding-bottom: 4em; |
|
2292 } |
|
2293 |
|
2294 .error404 .page-content .search-form, |
|
2295 .search .page-content .search-form { |
|
2296 margin-bottom: 3em; |
|
2297 } |
|
2298 |
|
2299 /*-------------------------------------------------------------- |
|
2300 13.6 Footer |
|
2301 --------------------------------------------------------------*/ |
|
2302 |
|
2303 .site-footer { |
|
2304 border-top: 1px solid #eee; |
|
2305 } |
|
2306 |
|
2307 .site-footer .wrap { |
|
2308 padding-bottom: 1.5em; |
|
2309 padding-top: 2em; |
|
2310 } |
|
2311 |
|
2312 /* Footer widgets */ |
|
2313 |
|
2314 .site-footer .widget-area { |
|
2315 padding-bottom: 2em; |
|
2316 padding-top: 2em; |
|
2317 } |
|
2318 |
|
2319 /* Social nav */ |
|
2320 |
|
2321 .social-navigation { |
|
2322 font-size: 16px; |
|
2323 font-size: 1rem; |
|
2324 margin-bottom: 1em; |
|
2325 } |
|
2326 |
|
2327 .social-navigation ul { |
|
2328 list-style: none; |
|
2329 margin-bottom: 0; |
|
2330 margin-left: 0; |
|
2331 } |
|
2332 |
|
2333 .social-navigation li { |
|
2334 display: inline; |
|
2335 } |
|
2336 |
|
2337 .social-navigation a { |
|
2338 background-color: #767676; |
|
2339 -webkit-border-radius: 40px; |
|
2340 border-radius: 40px; |
|
2341 color: #fff; |
|
2342 display: inline-block; |
|
2343 height: 40px; |
|
2344 margin: 0 1em 0.5em 0; |
|
2345 text-align: center; |
|
2346 width: 40px; |
|
2347 } |
|
2348 |
|
2349 .social-navigation a:hover, |
|
2350 .social-navigation a:focus { |
|
2351 background-color: #333; |
|
2352 } |
|
2353 |
|
2354 .social-navigation .icon { |
|
2355 height: 16px; |
|
2356 top: 12px; |
|
2357 width: 16px; |
|
2358 vertical-align: top; |
|
2359 } |
|
2360 |
|
2361 /* Site info */ |
|
2362 |
|
2363 .site-info { |
|
2364 font-size: 14px; |
|
2365 font-size: 0.875rem; |
|
2366 margin-bottom: 1em; |
|
2367 } |
|
2368 |
|
2369 .site-info a { |
|
2370 color: #666; |
|
2371 } |
|
2372 |
|
2373 .site-info .sep { |
|
2374 margin: 0; |
|
2375 display: block; |
|
2376 visibility: hidden; |
|
2377 height: 0; |
|
2378 width: 100%; |
|
2379 } |
|
2380 |
|
2381 .site-info span[role=separator] { |
|
2382 padding: 0 0.2em 0 0.4em; |
|
2383 } |
|
2384 |
|
2385 .site-info span[role=separator]::before { |
|
2386 content: '\002f'; |
|
2387 } |
|
2388 |
|
2389 /*-------------------------------------------------------------- |
|
2390 14.0 Comments |
|
2391 --------------------------------------------------------------*/ |
|
2392 |
|
2393 #comments { |
|
2394 clear: both; |
|
2395 padding: 2em 0 0.5em; |
|
2396 } |
|
2397 |
|
2398 .comments-title { |
|
2399 font-size: 20px; |
|
2400 font-size: 1.25rem; |
|
2401 margin-bottom: 1.5em; |
|
2402 } |
|
2403 |
|
2404 .comment-list, |
|
2405 .comment-list .children { |
|
2406 list-style: none; |
|
2407 margin: 0; |
|
2408 padding: 0; |
|
2409 } |
|
2410 |
|
2411 .comment-list li:before { |
|
2412 display: none; |
|
2413 } |
|
2414 |
|
2415 .comment-body { |
|
2416 margin-left: 65px; |
|
2417 } |
|
2418 |
|
2419 .comment-author { |
|
2420 font-size: 16px; |
|
2421 font-size: 1rem; |
|
2422 margin-bottom: 0.4em; |
|
2423 position: relative; |
|
2424 z-index: 2; |
|
2425 } |
|
2426 |
|
2427 .comment-author .avatar { |
|
2428 height: 50px; |
|
2429 left: -65px; |
|
2430 position: absolute; |
|
2431 width: 50px; |
|
2432 } |
|
2433 |
|
2434 .comment-author .says { |
|
2435 display: none; |
|
2436 } |
|
2437 |
|
2438 .comment-meta { |
|
2439 margin-bottom: 1.5em; |
|
2440 } |
|
2441 |
|
2442 .comment-metadata { |
|
2443 color: #767676; |
|
2444 font-size: 10px; |
|
2445 font-size: 0.625rem; |
|
2446 font-weight: 800; |
|
2447 letter-spacing: 0.1818em; |
|
2448 text-transform: uppercase; |
|
2449 } |
|
2450 |
|
2451 .comment-metadata a { |
|
2452 color: #767676; |
|
2453 } |
|
2454 |
|
2455 .comment-metadata a.comment-edit-link { |
|
2456 color: #222; |
|
2457 margin-left: 1em; |
|
2458 } |
|
2459 |
|
2460 .comment-body { |
|
2461 color: #333; |
|
2462 font-size: 14px; |
|
2463 font-size: 0.875rem; |
|
2464 margin-bottom: 4em; |
|
2465 } |
|
2466 |
|
2467 .comment-reply-link { |
|
2468 font-weight: 800; |
|
2469 position: relative; |
|
2470 } |
|
2471 |
|
2472 .comment-reply-link .icon { |
|
2473 color: #222; |
|
2474 left: -2em; |
|
2475 height: 1em; |
|
2476 position: absolute; |
|
2477 top: 0; |
|
2478 width: 1em; |
|
2479 } |
|
2480 |
|
2481 .children .comment-author .avatar { |
|
2482 height: 30px; |
|
2483 left: -45px; |
|
2484 width: 30px; |
|
2485 } |
|
2486 |
|
2487 .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { |
|
2488 border: 1px solid #333; |
|
2489 padding: 2px; |
|
2490 } |
|
2491 |
|
2492 .no-comments, |
|
2493 .comment-awaiting-moderation { |
|
2494 color: #767676; |
|
2495 font-size: 14px; |
|
2496 font-size: 0.875rem; |
|
2497 font-style: italic; |
|
2498 } |
|
2499 |
|
2500 .comments-pagination { |
|
2501 margin: 2em 0 3em; |
|
2502 } |
|
2503 |
|
2504 .form-submit { |
|
2505 text-align: right; |
|
2506 } |
|
2507 |
|
2508 .comment-form #wp-comment-cookies-consent { |
|
2509 margin: 0 10px 0 0; |
|
2510 } |
|
2511 |
|
2512 .comment-form .comment-form-cookies-consent label { |
|
2513 display: inline; |
|
2514 } |
|
2515 |
|
2516 /*-------------------------------------------------------------- |
|
2517 15.0 Widgets |
|
2518 --------------------------------------------------------------*/ |
|
2519 |
|
2520 #secondary { |
|
2521 padding: 1em 0 2em; |
|
2522 } |
|
2523 |
|
2524 .widget { |
|
2525 padding-bottom: 3em; |
|
2526 } |
|
2527 |
|
2528 h2.widget-title { |
|
2529 color: #222; |
|
2530 font-size: 13px; |
|
2531 font-size: 0.8125rem; |
|
2532 font-weight: 800; |
|
2533 letter-spacing: 0.1818em; |
|
2534 margin-bottom: 1.5em; |
|
2535 text-transform: uppercase; |
|
2536 } |
|
2537 |
|
2538 .widget-title a { |
|
2539 color: inherit; |
|
2540 } |
|
2541 |
|
2542 /* widget forms */ |
|
2543 |
|
2544 .widget select { |
|
2545 width: 100%; |
|
2546 } |
|
2547 |
|
2548 |
|
2549 /* widget lists */ |
|
2550 |
|
2551 .widget ul { |
|
2552 list-style: none; |
|
2553 margin: 0; |
|
2554 } |
|
2555 |
|
2556 .widget ul li, |
|
2557 .widget ol li { |
|
2558 border-bottom: 1px solid #ddd; |
|
2559 border-top: 1px solid #ddd; |
|
2560 padding: 0.5em 0; |
|
2561 } |
|
2562 |
|
2563 .widget:not(.widget_tag_cloud) ul li + li { |
|
2564 margin-top: -1px; |
|
2565 } |
|
2566 |
|
2567 .widget ul li ul { |
|
2568 margin: 0 0 -1px; |
|
2569 padding: 0; |
|
2570 position: relative; |
|
2571 } |
|
2572 |
|
2573 .widget ul li li { |
|
2574 border: 0; |
|
2575 padding-left: 24px; |
|
2576 padding-left: 1.5rem; |
|
2577 } |
|
2578 |
|
2579 /* Widget lists of links */ |
|
2580 |
|
2581 .widget_top-posts ul li ul, |
|
2582 .widget_rss_links ul li ul, |
|
2583 .widget-grofile ul.grofile-links li ul, |
|
2584 .widget_pages ul li ul, |
|
2585 .widget_meta ul li ul { |
|
2586 bottom: 0; |
|
2587 } |
|
2588 |
|
2589 .widget_nav_menu ul li li, |
|
2590 .widget_top-posts ul li, |
|
2591 .widget_top-posts ul li li, |
|
2592 .widget_rss_links ul li, |
|
2593 .widget_rss_links ul li li, |
|
2594 .widget-grofile ul.grofile-links li, |
|
2595 .widget-grofile ul.grofile-links li li { |
|
2596 padding-bottom: 0.25em; |
|
2597 padding-top: 0.25em; |
|
2598 } |
|
2599 |
|
2600 .widget_rss ul li { |
|
2601 padding-bottom: 1em; |
|
2602 padding-top: 1em; |
|
2603 } |
|
2604 |
|
2605 /* Widget markup */ |
|
2606 |
|
2607 .widget .post-date, |
|
2608 .widget .rss-date { |
|
2609 font-size: 0.81em; |
|
2610 } |
|
2611 |
|
2612 /* Text widget */ |
|
2613 |
|
2614 .widget_text { |
|
2615 word-wrap: break-word; |
|
2616 } |
|
2617 |
|
2618 .widget_text ul { |
|
2619 list-style: disc; |
|
2620 margin: 0 0 1.5em 1.5em; |
|
2621 } |
|
2622 |
|
2623 .widget_text ol { |
|
2624 list-style: decimal; |
|
2625 } |
|
2626 |
|
2627 .widget_text ul li, |
|
2628 .widget_text ol li { |
|
2629 border: none; |
|
2630 } |
|
2631 |
|
2632 .widget_text ul li:last-child, |
|
2633 .widget_text ol li:last-child { |
|
2634 padding-bottom: 0; |
|
2635 } |
|
2636 |
|
2637 .widget_text ul li ul { |
|
2638 margin: 0 0 0 1.5em; |
|
2639 } |
|
2640 |
|
2641 .widget_text ul li li { |
|
2642 padding-left: 0; |
|
2643 padding-right: 0; |
|
2644 } |
|
2645 |
|
2646 .widget_text ol li { |
|
2647 list-style-position: inside; |
|
2648 } |
|
2649 |
|
2650 .widget_text ol li + li { |
|
2651 margin-top: -1px; |
|
2652 } |
|
2653 |
|
2654 /* RSS Widget */ |
|
2655 |
|
2656 .widget_rss .widget-title .rsswidget:first-child { |
|
2657 float: right; |
|
2658 } |
|
2659 |
|
2660 .widget_rss .widget-title .rsswidget:first-child:hover { |
|
2661 background-color: transparent; |
|
2662 } |
|
2663 |
|
2664 .widget_rss .widget-title .rsswidget:first-child img { |
|
2665 display: block; |
|
2666 } |
|
2667 |
|
2668 .widget_rss ul li { |
|
2669 padding: 2.125em 0; |
|
2670 } |
|
2671 |
|
2672 .widget_rss ul li:first-child { |
|
2673 border-top: none; |
|
2674 padding-top: 0; |
|
2675 } |
|
2676 |
|
2677 .widget_rss li .rsswidget { |
|
2678 font-size: 22px; |
|
2679 font-size: 1.375rem; |
|
2680 font-weight: 300; |
|
2681 line-height: 1.4; |
|
2682 } |
|
2683 |
|
2684 .widget_rss .rss-date, |
|
2685 .widget_rss li cite { |
|
2686 color: #767676; |
|
2687 display: block; |
|
2688 font-size: 10px; |
|
2689 font-size: 0.625rem; |
|
2690 font-style: normal; |
|
2691 font-weight: 800; |
|
2692 letter-spacing: 0.18em; |
|
2693 line-height: 1.5; |
|
2694 text-transform: uppercase; |
|
2695 } |
|
2696 |
|
2697 .widget_rss .rss-date { |
|
2698 margin: 0.5em 0 1.5em; |
|
2699 padding: 0; |
|
2700 } |
|
2701 |
|
2702 .widget_rss .rssSummary { |
|
2703 margin-bottom: 0.5em; |
|
2704 } |
|
2705 |
|
2706 /* Contact Info Widget */ |
|
2707 |
|
2708 .widget_contact_info .contact-map { |
|
2709 margin-bottom: 0.5em; |
|
2710 } |
|
2711 |
|
2712 /* Gravatar */ |
|
2713 |
|
2714 .widget-grofile h4 { |
|
2715 font-size: 16px; |
|
2716 font-size: 1rem; |
|
2717 margin-bottom: 0; |
|
2718 } |
|
2719 |
|
2720 /* Recent Comments */ |
|
2721 |
|
2722 .widget_recent_comments table, |
|
2723 .widget_recent_comments th, |
|
2724 .widget_recent_comments td { |
|
2725 border: 0; |
|
2726 } |
|
2727 |
|
2728 /* Recent Posts widget */ |
|
2729 |
|
2730 .widget_recent_entries .post-date { |
|
2731 display: block; |
|
2732 } |
|
2733 |
|
2734 /* Search */ |
|
2735 |
|
2736 .search-form { |
|
2737 position: relative; |
|
2738 } |
|
2739 |
|
2740 .search-form .search-submit { |
|
2741 bottom: 3px; |
|
2742 padding: 0.5em 1em; |
|
2743 position: absolute; |
|
2744 right: 3px; |
|
2745 top: 3px; |
|
2746 } |
|
2747 |
|
2748 .search-form .search-submit .icon { |
|
2749 height: 24px; |
|
2750 top: -2px; |
|
2751 width: 24px; |
|
2752 } |
|
2753 |
|
2754 /* Tag cloud widget */ |
|
2755 |
|
2756 .tagcloud ul li { |
|
2757 float: left; |
|
2758 border-top: 0; |
|
2759 border-bottom: 0; |
|
2760 padding: 0; |
|
2761 margin: 4px 4px 0 0; |
|
2762 } |
|
2763 |
|
2764 .tagcloud, |
|
2765 .widget_tag_cloud, |
|
2766 .wp_widget_tag_cloud { |
|
2767 line-height: 1.5; |
|
2768 } |
|
2769 |
|
2770 .widget .tagcloud a, |
|
2771 .widget.widget_tag_cloud a, |
|
2772 .wp_widget_tag_cloud a { |
|
2773 border: 1px solid #ddd; |
|
2774 -webkit-box-shadow: none; |
|
2775 box-shadow: none; |
|
2776 display: block; |
|
2777 padding: 4px 10px 5px; |
|
2778 position: relative; |
|
2779 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2780 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2781 width: auto; |
|
2782 word-wrap: break-word; |
|
2783 z-index: 0; |
|
2784 } |
|
2785 |
|
2786 .widget .tagcloud a:hover, |
|
2787 .widget .tagcloud a:focus, |
|
2788 .widget.widget_tag_cloud a:hover, |
|
2789 .widget.widget_tag_cloud a:focus, |
|
2790 .wp_widget_tag_cloud a:hover, |
|
2791 .wp_widget_tag_cloud a:focus { |
|
2792 border-color: #bbb; |
|
2793 -webkit-box-shadow: none; |
|
2794 box-shadow: none; |
|
2795 text-decoration: none; |
|
2796 } |
|
2797 |
|
2798 /* Calendar widget */ |
|
2799 |
|
2800 .widget_calendar th, |
|
2801 .widget_calendar td { |
|
2802 text-align: center; |
|
2803 } |
|
2804 |
|
2805 .widget_calendar tfoot td { |
|
2806 border: 0; |
|
2807 } |
|
2808 |
|
2809 /* Gallery widget */ |
|
2810 |
|
2811 .gallery-columns-5 .gallery-caption, |
|
2812 .gallery-columns-6 .gallery-caption, |
|
2813 .gallery-columns-7 .gallery-caption, |
|
2814 .gallery-columns-8 .gallery-caption, |
|
2815 .gallery-columns-9 .gallery-caption { |
|
2816 display: none; |
|
2817 } |
|
2818 |
|
2819 /*-------------------------------------------------------------- |
|
2820 16.0 Media |
|
2821 --------------------------------------------------------------*/ |
|
2822 |
|
2823 img, |
|
2824 video { |
|
2825 height: auto; /* Make sure images are scaled correctly. */ |
|
2826 max-width: 100%; /* Adhere to container width. */ |
|
2827 } |
|
2828 |
|
2829 img.alignleft, |
|
2830 img.alignright { |
|
2831 float: none; |
|
2832 margin: 0; |
|
2833 } |
|
2834 |
|
2835 .page-content .wp-smiley, |
|
2836 .entry-content .wp-smiley, |
|
2837 .comment-content .wp-smiley { |
|
2838 border: none; |
|
2839 margin-bottom: 0; |
|
2840 margin-top: 0; |
|
2841 padding: 0; |
|
2842 } |
|
2843 |
|
2844 /* Make sure embeds and iframes fit their containers. */ |
|
2845 |
|
2846 embed, |
|
2847 iframe, |
|
2848 object { |
|
2849 margin-bottom: 1.5em; |
|
2850 max-width: 100%; |
|
2851 } |
|
2852 |
|
2853 /* Remove bottom on embeds that wrapped in paragraphs via wpautop. */ |
|
2854 |
|
2855 p > embed:only-child, |
|
2856 p > iframe:only-child, |
|
2857 p > object:only-child { |
|
2858 margin-bottom: 0; |
|
2859 } |
|
2860 |
|
2861 .wp-caption, |
|
2862 .gallery-caption { |
|
2863 color: #666; |
|
2864 font-size: 13px; |
|
2865 font-size: 0.8125rem; |
|
2866 font-style: italic; |
|
2867 margin-bottom: 1.5em; |
|
2868 max-width: 100%; |
|
2869 } |
|
2870 |
|
2871 .wp-caption img[class*="wp-image-"] { |
|
2872 display: block; |
|
2873 margin-left: auto; |
|
2874 margin-right: auto; |
|
2875 } |
|
2876 |
|
2877 .wp-caption .wp-caption-text { |
|
2878 margin: 0.8075em 0; |
|
2879 } |
|
2880 |
|
2881 /* Media Elements */ |
|
2882 |
|
2883 .mejs-container { |
|
2884 margin-bottom: 1.5em; |
|
2885 } |
|
2886 |
|
2887 /* Audio Player */ |
|
2888 |
|
2889 .mejs-controls a.mejs-horizontal-volume-slider, |
|
2890 .mejs-controls a.mejs-horizontal-volume-slider:focus, |
|
2891 .mejs-controls a.mejs-horizontal-volume-slider:hover { |
|
2892 background: transparent; |
|
2893 border: 0; |
|
2894 } |
|
2895 |
|
2896 /* Playlist Color Overrides: Light */ |
|
2897 |
|
2898 .site-content .wp-playlist-light { |
|
2899 border-color: #eee; |
|
2900 color: #222; |
|
2901 } |
|
2902 |
|
2903 .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { |
|
2904 color: #333; |
|
2905 } |
|
2906 |
|
2907 .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { |
|
2908 color: #767676; |
|
2909 } |
|
2910 |
|
2911 .site-content .wp-playlist-light .wp-playlist-item { |
|
2912 border-bottom: 1px dotted #eee; |
|
2913 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2914 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2915 } |
|
2916 |
|
2917 .site-content .wp-playlist-light .wp-playlist-item:hover, |
|
2918 .site-content .wp-playlist-light .wp-playlist-item:focus { |
|
2919 border-bottom-color: rgba(0, 0, 0, 0); |
|
2920 background-color: #767676; |
|
2921 color: #fff; |
|
2922 } |
|
2923 |
|
2924 .site-content .wp-playlist-light a.wp-playlist-caption:hover, |
|
2925 .site-content .wp-playlist-light .wp-playlist-item:hover a, |
|
2926 .site-content .wp-playlist-light .wp-playlist-item:focus a { |
|
2927 color: #fff; |
|
2928 } |
|
2929 |
|
2930 /* Playlist Color Overrides: Dark */ |
|
2931 |
|
2932 .site-content .wp-playlist-dark { |
|
2933 background: #222; |
|
2934 border-color: #333; |
|
2935 } |
|
2936 |
|
2937 .site-content .wp-playlist-dark .mejs-container .mejs-controls { |
|
2938 background-color: #333; |
|
2939 } |
|
2940 |
|
2941 .site-content .wp-playlist-dark .wp-playlist-caption { |
|
2942 color: #fff; |
|
2943 } |
|
2944 |
|
2945 .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { |
|
2946 color: #eee; |
|
2947 } |
|
2948 |
|
2949 .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { |
|
2950 color: #aaa; |
|
2951 } |
|
2952 |
|
2953 .site-content .wp-playlist-dark .wp-playlist-playing { |
|
2954 background-color: #333; |
|
2955 } |
|
2956 |
|
2957 .site-content .wp-playlist-dark .wp-playlist-item { |
|
2958 border-bottom: 1px dotted #555; |
|
2959 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2960 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; |
|
2961 } |
|
2962 |
|
2963 .site-content .wp-playlist-dark .wp-playlist-item:hover, |
|
2964 .site-content .wp-playlist-dark .wp-playlist-item:focus { |
|
2965 border-bottom-color: rgba(0, 0, 0, 0); |
|
2966 background-color: #aaa; |
|
2967 color: #222; |
|
2968 } |
|
2969 |
|
2970 .site-content .wp-playlist-dark a.wp-playlist-caption:hover, |
|
2971 .site-content .wp-playlist-dark .wp-playlist-item:hover a, |
|
2972 .site-content .wp-playlist-dark .wp-playlist-item:focus a { |
|
2973 color: #222; |
|
2974 } |
|
2975 |
|
2976 /* Playlist Style Overrides */ |
|
2977 |
|
2978 .site-content .wp-playlist { |
|
2979 padding: 0.625em 0.625em 0.3125em; |
|
2980 } |
|
2981 |
|
2982 .site-content .wp-playlist-current-item .wp-playlist-item-title { |
|
2983 font-weight: 700; |
|
2984 } |
|
2985 |
|
2986 .site-content .wp-playlist-current-item .wp-playlist-item-album { |
|
2987 font-style: normal; |
|
2988 } |
|
2989 |
|
2990 .site-content .wp-playlist-current-item .wp-playlist-item-artist { |
|
2991 font-size: 10px; |
|
2992 font-size: 0.625rem; |
|
2993 font-weight: 800; |
|
2994 letter-spacing: 0.1818em; |
|
2995 text-transform: uppercase; |
|
2996 } |
|
2997 |
|
2998 .site-content .wp-playlist-item { |
|
2999 padding: 0 0.3125em; |
|
3000 cursor: pointer; |
|
3001 } |
|
3002 |
|
3003 .site-content .wp-playlist-item:last-of-type { |
|
3004 border-bottom: none; |
|
3005 } |
|
3006 |
|
3007 .site-content .wp-playlist-item a { |
|
3008 padding: 0.3125em 0; |
|
3009 border-bottom: none; |
|
3010 } |
|
3011 |
|
3012 .site-content .wp-playlist-item a, |
|
3013 .site-content .wp-playlist-item a:focus, |
|
3014 .site-content .wp-playlist-item a:hover { |
|
3015 -webkit-box-shadow: none; |
|
3016 box-shadow: none; |
|
3017 background: transparent; |
|
3018 } |
|
3019 |
|
3020 .site-content .wp-playlist-item-length { |
|
3021 top: 5px; |
|
3022 } |
|
3023 |
|
3024 /* SVG Icons base styles */ |
|
3025 |
|
3026 .icon { |
|
3027 display: inline-block; |
|
3028 fill: currentColor; |
|
3029 height: 1em; |
|
3030 position: relative; /* Align more nicely with capital letters */ |
|
3031 top: -0.0625em; |
|
3032 vertical-align: middle; |
|
3033 width: 1em; |
|
3034 } |
|
3035 |
|
3036 /*-------------------------------------------------------------- |
|
3037 16.1 Galleries |
|
3038 --------------------------------------------------------------*/ |
|
3039 |
|
3040 .gallery-item { |
|
3041 display: inline-block; |
|
3042 text-align: left; |
|
3043 vertical-align: top; |
|
3044 margin: 0 0 1.5em; |
|
3045 padding: 0 1em 0 0; |
|
3046 width: 50%; |
|
3047 } |
|
3048 |
|
3049 .gallery-columns-1 .gallery-item { |
|
3050 width: 100%; |
|
3051 } |
|
3052 |
|
3053 .gallery-columns-2 .gallery-item { |
|
3054 max-width: 50%; |
|
3055 } |
|
3056 |
|
3057 .gallery-item a, |
|
3058 .gallery-item a:hover, |
|
3059 .gallery-item a:focus, |
|
3060 .widget-area .gallery-item a, |
|
3061 .widget-area .gallery-item a:hover, |
|
3062 .widget-area .gallery-item a:focus { |
|
3063 -webkit-box-shadow: none; |
|
3064 box-shadow: none; |
|
3065 background: none; |
|
3066 display: inline-block; |
|
3067 max-width: 100%; |
|
3068 } |
|
3069 |
|
3070 .gallery-item a img { |
|
3071 display: block; |
|
3072 -webkit-transition: -webkit-filter 0.2s ease-in; |
|
3073 transition: -webkit-filter 0.2s ease-in; |
|
3074 transition: filter 0.2s ease-in; |
|
3075 transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; |
|
3076 -webkit-backface-visibility: hidden; |
|
3077 backface-visibility: hidden; |
|
3078 } |
|
3079 |
|
3080 .gallery-item a:hover img, |
|
3081 .gallery-item a:focus img { |
|
3082 -webkit-filter: opacity(60%); |
|
3083 filter: opacity(60%); |
|
3084 } |
|
3085 |
|
3086 .gallery-caption { |
|
3087 display: block; |
|
3088 text-align: left; |
|
3089 padding: 0 10px 0 0; |
|
3090 margin-bottom: 0; |
|
3091 } |
|
3092 |
|
3093 /*-------------------------------------------------------------- |
|
3094 17.0 Customizer |
|
3095 --------------------------------------------------------------*/ |
|
3096 |
|
3097 .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after { |
|
3098 border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */ |
|
3099 bottom: 1em; |
|
3100 content: ""; |
|
3101 display: block; |
|
3102 left: 1em; |
|
3103 position: absolute; |
|
3104 right: 1em; |
|
3105 top: 1em; |
|
3106 z-index: 1; |
|
3107 } |
|
3108 |
|
3109 .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content { |
|
3110 z-index: 2; /* Prevent :after from preventing interactions within the section */ |
|
3111 } |
|
3112 |
|
3113 /* Used for placeholder text */ |
|
3114 .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { |
|
3115 display: block; |
|
3116 font-size: 14px; |
|
3117 font-size: 0.875rem; |
|
3118 font-weight: 700; |
|
3119 letter-spacing: 1px; |
|
3120 padding: 3em; |
|
3121 text-transform: uppercase; |
|
3122 text-align: center; |
|
3123 } |
|
3124 |
|
3125 /* Show borders on the custom page panels only when the front page sections are being edited */ |
|
3126 .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after { |
|
3127 border: none; |
|
3128 } |
|
3129 |
|
3130 .twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder { |
|
3131 border: 0; |
|
3132 } |
|
3133 |
|
3134 /* Add some space around the visual edit shortcut buttons. */ |
|
3135 .twentyseventeen-panel > .customize-partial-edit-shortcut > button { |
|
3136 top: 30px; |
|
3137 left: 30px; |
|
3138 } |
|
3139 |
|
3140 /* Ensure that placeholder icons are visible. */ |
|
3141 .twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before { |
|
3142 visibility: visible; |
|
3143 } |
|
3144 |
|
3145 /*-------------------------------------------------------------- |
|
3146 18.0 SVGs Fallbacks |
|
3147 --------------------------------------------------------------*/ |
|
3148 |
|
3149 .svg-fallback { |
|
3150 display: none; |
|
3151 } |
|
3152 |
|
3153 .no-svg .svg-fallback { |
|
3154 display: inline-block; |
|
3155 } |
|
3156 |
|
3157 .no-svg .dropdown-toggle { |
|
3158 padding: 0.5em 0 0; |
|
3159 right: 0; |
|
3160 text-align: center; |
|
3161 width: 2em; |
|
3162 } |
|
3163 |
|
3164 .no-svg .dropdown-toggle .svg-fallback.icon-angle-down { |
|
3165 font-size: 20px; |
|
3166 font-size: 1.25rem; |
|
3167 font-weight: 400; |
|
3168 line-height: 1; |
|
3169 -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ |
|
3170 -ms-transform: rotate(180deg); /* IE 9 */ |
|
3171 transform: rotate(180deg); |
|
3172 } |
|
3173 |
|
3174 .no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { |
|
3175 -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ |
|
3176 -ms-transform: rotate(0); /* IE 9 */ |
|
3177 transform: rotate(0); |
|
3178 } |
|
3179 |
|
3180 .no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before { |
|
3181 content: "\005E"; |
|
3182 } |
|
3183 |
|
3184 /* Social Menu fallbacks */ |
|
3185 |
|
3186 .no-svg .social-navigation a { |
|
3187 background: transparent; |
|
3188 color: #222; |
|
3189 height: auto; |
|
3190 width: auto; |
|
3191 } |
|
3192 |
|
3193 /* Show screen reader text in some cases */ |
|
3194 |
|
3195 .no-svg .next.page-numbers .screen-reader-text, |
|
3196 .no-svg .prev.page-numbers .screen-reader-text, |
|
3197 .no-svg .social-navigation li a .screen-reader-text, |
|
3198 .no-svg .search-submit .screen-reader-text { |
|
3199 clip: auto; |
|
3200 font-size: 16px; |
|
3201 font-size: 1rem; |
|
3202 font-weight: 400; |
|
3203 height: auto; |
|
3204 position: relative !important; /* overrides previous !important styles */ |
|
3205 width: auto; |
|
3206 } |
|
3207 |
|
3208 /*-------------------------------------------------------------- |
|
3209 19.0 Media Queries |
|
3210 --------------------------------------------------------------*/ |
|
3211 |
|
3212 /* Adjust positioning of edit shortcuts, override style in customize-preview.css */ |
|
3213 @media screen and (min-width: 20em) { |
|
3214 |
|
3215 body.customize-partial-edit-shortcuts-shown .site-header .site-title { |
|
3216 padding-left: 0; |
|
3217 } |
|
3218 } |
|
3219 |
|
3220 @media screen and (min-width: 30em) { |
|
3221 |
|
3222 /* Typography */ |
|
3223 |
|
3224 body, |
|
3225 button, |
|
3226 input, |
|
3227 select, |
|
3228 textarea { |
|
3229 font-size: 18px; |
|
3230 font-size: 1.125rem; |
|
3231 } |
|
3232 |
|
3233 h1 { |
|
3234 font-size: 30px; |
|
3235 font-size: 1.875rem; |
|
3236 } |
|
3237 |
|
3238 h2, |
|
3239 .home.blog .entry-title, |
|
3240 .page .panel-content .recent-posts .entry-title { |
|
3241 font-size: 26px; |
|
3242 font-size: 1.625rem; |
|
3243 } |
|
3244 |
|
3245 h3 { |
|
3246 font-size: 22px; |
|
3247 font-size: 1.375rem; |
|
3248 } |
|
3249 |
|
3250 h4 { |
|
3251 font-size: 18px; |
|
3252 font-size: 1.125rem; |
|
3253 } |
|
3254 |
|
3255 h5 { |
|
3256 font-size: 13px; |
|
3257 font-size: 0.8125rem; |
|
3258 } |
|
3259 |
|
3260 h6 { |
|
3261 font-size: 16px; |
|
3262 font-size: 1rem; |
|
3263 } |
|
3264 |
|
3265 .entry-content blockquote.alignleft, |
|
3266 .entry-content blockquote.alignright { |
|
3267 font-size: 14px; |
|
3268 font-size: 0.875rem; |
|
3269 } |
|
3270 |
|
3271 /* Fix image alignment */ |
|
3272 img.alignleft { |
|
3273 float: left; |
|
3274 margin-right: 1.5em; |
|
3275 } |
|
3276 |
|
3277 img.alignright { |
|
3278 float: right; |
|
3279 margin-left: 1.5em; |
|
3280 } |
|
3281 |
|
3282 /* Site Branding */ |
|
3283 |
|
3284 .site-branding { |
|
3285 padding: 3em 0; |
|
3286 } |
|
3287 |
|
3288 /* Front Page */ |
|
3289 |
|
3290 .panel-content .wrap { |
|
3291 padding-bottom: 2em; |
|
3292 padding-top: 3.5em; |
|
3293 } |
|
3294 |
|
3295 .page-one-column .panel-content .wrap { |
|
3296 max-width: 740px; |
|
3297 } |
|
3298 |
|
3299 .panel-content .entry-header { |
|
3300 margin-bottom: 4.5em; |
|
3301 } |
|
3302 |
|
3303 .panel-content .recent-posts .entry-header { |
|
3304 margin-bottom: 0; |
|
3305 } |
|
3306 |
|
3307 /* Blog Index, Archive, Search */ |
|
3308 |
|
3309 .taxonomy-description { |
|
3310 font-size: 14px; |
|
3311 font-size: 0.875rem; |
|
3312 } |
|
3313 |
|
3314 .page-numbers.current { |
|
3315 font-size: 16px; |
|
3316 font-size: 1rem; |
|
3317 } |
|
3318 |
|
3319 /* Site Footer */ |
|
3320 |
|
3321 .site-footer { |
|
3322 font-size: 16px; |
|
3323 font-size: 1rem; |
|
3324 } |
|
3325 |
|
3326 /* Gallery Columns */ |
|
3327 |
|
3328 .gallery-item { |
|
3329 max-width: 25%; |
|
3330 } |
|
3331 |
|
3332 .gallery-columns-1 .gallery-item { |
|
3333 max-width: 100%; |
|
3334 } |
|
3335 |
|
3336 .gallery-columns-2 .gallery-item { |
|
3337 max-width: 50%; |
|
3338 } |
|
3339 |
|
3340 .gallery-columns-3 .gallery-item { |
|
3341 max-width: 33.33%; |
|
3342 } |
|
3343 |
|
3344 .gallery-columns-4 .gallery-item { |
|
3345 max-width: 25%; |
|
3346 } |
|
3347 } |
|
3348 |
|
3349 @media screen and (min-width: 48em) { |
|
3350 |
|
3351 /* Typography */ |
|
3352 |
|
3353 body, |
|
3354 button, |
|
3355 input, |
|
3356 select, |
|
3357 textarea { |
|
3358 font-size: 16px; |
|
3359 font-size: 1rem; |
|
3360 line-height: 1.5; |
|
3361 } |
|
3362 |
|
3363 .entry-content blockquote.alignleft, |
|
3364 .entry-content blockquote.alignright { |
|
3365 font-size: 13px; |
|
3366 font-size: 0.8125rem; |
|
3367 } |
|
3368 |
|
3369 /* Layout */ |
|
3370 |
|
3371 .wrap { |
|
3372 max-width: 1000px; |
|
3373 padding-left: 3em; |
|
3374 padding-right: 3em; |
|
3375 } |
|
3376 |
|
3377 .has-sidebar:not(.error404) #primary { |
|
3378 float: left; |
|
3379 width: 58%; |
|
3380 } |
|
3381 |
|
3382 .has-sidebar #secondary { |
|
3383 float: right; |
|
3384 padding-top: 0; |
|
3385 width: 36%; |
|
3386 } |
|
3387 |
|
3388 .error404 #primary { |
|
3389 float: none; |
|
3390 } |
|
3391 |
|
3392 /* Site Branding */ |
|
3393 |
|
3394 .site-branding { |
|
3395 margin-bottom: 0; |
|
3396 } |
|
3397 |
|
3398 .has-header-image.twentyseventeen-front-page .site-branding, |
|
3399 .has-header-video.twentyseventeen-front-page .site-branding, |
|
3400 .has-header-image.home.blog .site-branding, |
|
3401 .has-header-video.home.blog .site-branding { |
|
3402 bottom: 0; |
|
3403 display: block; |
|
3404 left: 0; |
|
3405 height: auto; |
|
3406 padding-top: 0; |
|
3407 position: absolute; |
|
3408 width: 100%; |
|
3409 } |
|
3410 |
|
3411 .has-header-image.twentyseventeen-front-page .custom-header, |
|
3412 .has-header-video.twentyseventeen-front-page .custom-header, |
|
3413 .has-header-image.home.blog .custom-header, |
|
3414 .has-header-video.home.blog .custom-header { |
|
3415 display: block; |
|
3416 height: auto; |
|
3417 } |
|
3418 |
|
3419 .custom-header-media { |
|
3420 height: 165px; |
|
3421 position: relative; |
|
3422 } |
|
3423 |
|
3424 .twentyseventeen-front-page.has-header-image .custom-header-media, |
|
3425 .twentyseventeen-front-page.has-header-video .custom-header-media, |
|
3426 .home.blog.has-header-image .custom-header-media, |
|
3427 .home.blog.has-header-video .custom-header-media { |
|
3428 height: 0; |
|
3429 position: relative; |
|
3430 } |
|
3431 |
|
3432 .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, |
|
3433 .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media { |
|
3434 bottom: 0; |
|
3435 height: auto; |
|
3436 left: 0; |
|
3437 position: absolute; |
|
3438 right: 0; |
|
3439 top: 0; |
|
3440 } |
|
3441 |
|
3442 .custom-logo-link { |
|
3443 padding-right: 2em; |
|
3444 } |
|
3445 |
|
3446 .custom-logo-link img, |
|
3447 body.home.title-tagline-hidden.has-header-image .custom-logo-link img, |
|
3448 body.home.title-tagline-hidden.has-header-video .custom-logo-link img { |
|
3449 max-width: 350px; |
|
3450 } |
|
3451 |
|
3452 .title-tagline-hidden.home.has-header-image .custom-logo-link img, |
|
3453 .title-tagline-hidden.home.has-header-video .custom-logo-link img { |
|
3454 max-height: 200px; |
|
3455 } |
|
3456 |
|
3457 .site-title { |
|
3458 font-size: 36px; |
|
3459 font-size: 2.25rem; |
|
3460 } |
|
3461 |
|
3462 .site-description { |
|
3463 font-size: 16px; |
|
3464 font-size: 1rem; |
|
3465 } |
|
3466 |
|
3467 /* Navigation */ |
|
3468 |
|
3469 .navigation-top { |
|
3470 bottom: 0; |
|
3471 font-size: 14px; |
|
3472 font-size: 0.875rem; |
|
3473 left: 0; |
|
3474 position: absolute; |
|
3475 right: 0; |
|
3476 width: 100%; |
|
3477 z-index: 3; |
|
3478 } |
|
3479 |
|
3480 .navigation-top .wrap { |
|
3481 max-width: 1000px; |
|
3482 /* The font size is 14px here and we need 50px padding in ems */ |
|
3483 padding: 0.75em 3.4166666666667em; |
|
3484 } |
|
3485 |
|
3486 .navigation-top nav { |
|
3487 margin-left: -1.25em; |
|
3488 } |
|
3489 |
|
3490 .site-navigation-fixed.navigation-top { |
|
3491 bottom: auto; |
|
3492 position: fixed; |
|
3493 left: 0; |
|
3494 right: 0; |
|
3495 top: 0; |
|
3496 width: 100%; |
|
3497 z-index: 7; |
|
3498 } |
|
3499 |
|
3500 .admin-bar .site-navigation-fixed.navigation-top { |
|
3501 top: 32px; |
|
3502 } |
|
3503 |
|
3504 /* Main Navigation */ |
|
3505 |
|
3506 .js .menu-toggle, |
|
3507 .js .dropdown-toggle { |
|
3508 display: none; |
|
3509 } |
|
3510 |
|
3511 .main-navigation { |
|
3512 width: auto; |
|
3513 } |
|
3514 |
|
3515 .js .main-navigation ul, |
|
3516 .js .main-navigation ul ul, |
|
3517 .js .main-navigation > div > ul { |
|
3518 display: block; |
|
3519 } |
|
3520 |
|
3521 .main-navigation ul { |
|
3522 background: transparent; |
|
3523 padding: 0; |
|
3524 } |
|
3525 |
|
3526 .main-navigation > div > ul { |
|
3527 border: 0; |
|
3528 margin-bottom: 0; |
|
3529 padding: 0; |
|
3530 } |
|
3531 |
|
3532 .main-navigation li { |
|
3533 border: 0; |
|
3534 display: inline-block; |
|
3535 } |
|
3536 |
|
3537 .main-navigation li li { |
|
3538 display: block; |
|
3539 } |
|
3540 |
|
3541 .main-navigation a { |
|
3542 padding: 1em 1.25em; |
|
3543 } |
|
3544 |
|
3545 .main-navigation ul ul { |
|
3546 background: #fff; |
|
3547 border: 1px solid #bbb; |
|
3548 left: -999em; |
|
3549 padding: 0; |
|
3550 position: absolute; |
|
3551 top: 100%; |
|
3552 z-index: 99999; |
|
3553 } |
|
3554 |
|
3555 .main-navigation ul li.menu-item-has-children:before, |
|
3556 .main-navigation ul li.menu-item-has-children:after, |
|
3557 .main-navigation ul li.page_item_has_children:before, |
|
3558 .main-navigation ul li.page_item_has_children:after { |
|
3559 border-style: solid; |
|
3560 border-width: 0 6px 6px; |
|
3561 content: ""; |
|
3562 display: none; |
|
3563 height: 0; |
|
3564 position: absolute; |
|
3565 right: 1em; |
|
3566 bottom: -1px; |
|
3567 width: 0; |
|
3568 z-index: 100000; |
|
3569 } |
|
3570 |
|
3571 .main-navigation ul li.menu-item-has-children.focus:before, |
|
3572 .main-navigation ul li.menu-item-has-children:hover:before, |
|
3573 .main-navigation ul li.menu-item-has-children.focus:after, |
|
3574 .main-navigation ul li.menu-item-has-children:hover:after, |
|
3575 .main-navigation ul li.page_item_has_children.focus:before, |
|
3576 .main-navigation ul li.page_item_has_children:hover:before, |
|
3577 .main-navigation ul li.page_item_has_children.focus:after, |
|
3578 .main-navigation ul li.page_item_has_children:hover:after { |
|
3579 display: block; |
|
3580 } |
|
3581 |
|
3582 .main-navigation ul li.menu-item-has-children:before, |
|
3583 .main-navigation ul li.page_item_has_children:before { |
|
3584 border-color: transparent transparent #bbb; |
|
3585 bottom: 0; |
|
3586 } |
|
3587 |
|
3588 .main-navigation ul li.menu-item-has-children:after, |
|
3589 .main-navigation ul li.page_item_has_children:after { |
|
3590 border-color: transparent transparent #fff; |
|
3591 } |
|
3592 |
|
3593 .main-navigation ul ul li:hover > ul, |
|
3594 .main-navigation ul ul li.focus > ul { |
|
3595 left: 100%; |
|
3596 right: auto; |
|
3597 } |
|
3598 |
|
3599 .main-navigation ul ul a { |
|
3600 padding: 0.75em 1.25em; |
|
3601 width: 16em; |
|
3602 } |
|
3603 |
|
3604 .main-navigation li li { |
|
3605 -webkit-transition: background-color 0.2s ease-in-out; |
|
3606 transition: background-color 0.2s ease-in-out; |
|
3607 } |
|
3608 |
|
3609 .main-navigation li li:hover, |
|
3610 .main-navigation li li.focus { |
|
3611 background: #767676; |
|
3612 } |
|
3613 |
|
3614 .main-navigation li li a { |
|
3615 -webkit-transition: color 0.3s ease-in-out; |
|
3616 transition: color 0.3s ease-in-out; |
|
3617 } |
|
3618 |
|
3619 .main-navigation li li.focus > a, |
|
3620 .main-navigation li li:focus > a, |
|
3621 .main-navigation li li:hover > a, |
|
3622 .main-navigation li li a:hover, |
|
3623 .main-navigation li li a:focus, |
|
3624 .main-navigation li li.current_page_item a:hover, |
|
3625 .main-navigation li li.current-menu-item a:hover, |
|
3626 .main-navigation li li.current_page_item a:focus, |
|
3627 .main-navigation li li.current-menu-item a:focus { |
|
3628 color: #fff; |
|
3629 } |
|
3630 |
|
3631 .main-navigation ul li:hover > ul, |
|
3632 .main-navigation ul li.focus > ul { |
|
3633 left: 0.5em; |
|
3634 right: auto; |
|
3635 } |
|
3636 |
|
3637 .main-navigation .menu-item-has-children > a > .icon, |
|
3638 .main-navigation .page_item_has_children > a > .icon { |
|
3639 display: inline; |
|
3640 left: 5px; |
|
3641 position: relative; |
|
3642 top: -1px; |
|
3643 } |
|
3644 |
|
3645 .main-navigation ul ul .menu-item-has-children > a > .icon, |
|
3646 .main-navigation ul ul .page_item_has_children > a > .icon { |
|
3647 margin-top: -9px; |
|
3648 left: auto; |
|
3649 position: absolute; |
|
3650 right: 1em; |
|
3651 top: 50%; |
|
3652 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ |
|
3653 -ms-transform: rotate(-90deg); /* IE 9 */ |
|
3654 transform: rotate(-90deg); |
|
3655 } |
|
3656 |
|
3657 .main-navigation ul ul ul { |
|
3658 left: -999em; |
|
3659 margin-top: -1px; |
|
3660 top: 0; |
|
3661 } |
|
3662 |
|
3663 .main-navigation ul ul li.menu-item-has-children.focus:before, |
|
3664 .main-navigation ul ul li.menu-item-has-children:hover:before, |
|
3665 .main-navigation ul ul li.menu-item-has-children.focus:after, |
|
3666 .main-navigation ul ul li.menu-item-has-children:hover:after, |
|
3667 .main-navigation ul ul li.page_item_has_children.focus:before, |
|
3668 .main-navigation ul ul li.page_item_has_children:hover:before, |
|
3669 .main-navigation ul ul li.page_item_has_children.focus:after, |
|
3670 .main-navigation ul ul li.page_item_has_children:hover:after { |
|
3671 display: none; |
|
3672 } |
|
3673 |
|
3674 .site-header .site-navigation-fixed .menu-scroll-down { |
|
3675 display: none; |
|
3676 } |
|
3677 |
|
3678 /* Scroll down arrow */ |
|
3679 |
|
3680 .site-header .menu-scroll-down { |
|
3681 display: block; |
|
3682 padding: 1em; |
|
3683 position: absolute; |
|
3684 right: 0; |
|
3685 } |
|
3686 |
|
3687 .site-header .menu-scroll-down .icon { |
|
3688 -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ |
|
3689 -ms-transform: rotate(90deg); /* IE 9 */ |
|
3690 transform: rotate(90deg); |
|
3691 } |
|
3692 |
|
3693 .site-header .menu-scroll-down { |
|
3694 color: #fff; |
|
3695 top: 2em; |
|
3696 } |
|
3697 |
|
3698 .site-header .navigation-top .menu-scroll-down { |
|
3699 color: #767676; |
|
3700 top: 0.7em; |
|
3701 } |
|
3702 |
|
3703 .menu-scroll-down:focus { |
|
3704 outline: thin dotted; |
|
3705 } |
|
3706 |
|
3707 .menu-scroll-down .icon { |
|
3708 height: 18px; |
|
3709 width: 18px; |
|
3710 } |
|
3711 |
|
3712 /* Front Page */ |
|
3713 |
|
3714 .twentyseventeen-front-page.has-header-image .site-branding, |
|
3715 .twentyseventeen-front-page.has-header-video .site-branding, |
|
3716 .home.blog.has-header-image .site-branding, |
|
3717 .home.blog.has-header-video .site-branding { |
|
3718 margin-bottom: 70px; |
|
3719 } |
|
3720 |
|
3721 .twentyseventeen-front-page.has-header-image .custom-header-media, |
|
3722 .twentyseventeen-front-page.has-header-video .custom-header-media, |
|
3723 .home.blog.has-header-image .custom-header-media, |
|
3724 .home.blog.has-header-video .custom-header-media { |
|
3725 height: 1200px; |
|
3726 height: 100vh; |
|
3727 max-height: 100%; |
|
3728 overflow: hidden; |
|
3729 } |
|
3730 |
|
3731 .twentyseventeen-front-page.has-header-image .custom-header-media:before, |
|
3732 .twentyseventeen-front-page.has-header-video .custom-header-media:before, |
|
3733 .home.blog.has-header-image .custom-header-media:before, |
|
3734 .home.blog.has-header-video .custom-header-media:before { |
|
3735 height: 33%; |
|
3736 } |
|
3737 |
|
3738 .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, |
|
3739 .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, |
|
3740 .admin-bar.home.blog.has-header-image .custom-header-media, |
|
3741 .admin-bar.home.blog.has-header-video .custom-header-media { |
|
3742 height: calc(100vh - 32px); |
|
3743 } |
|
3744 |
|
3745 .panel-content .wrap { |
|
3746 padding-bottom: 4.5em; |
|
3747 padding-top: 6em; |
|
3748 } |
|
3749 |
|
3750 .panel-image { |
|
3751 height: 100vh; |
|
3752 max-height: 1200px; |
|
3753 } |
|
3754 |
|
3755 /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ |
|
3756 .background-fixed .panel-image { |
|
3757 background-attachment: fixed; |
|
3758 } |
|
3759 |
|
3760 .page-two-column .panel-content .entry-header { |
|
3761 float: left; |
|
3762 width: 36%; |
|
3763 } |
|
3764 |
|
3765 .page-two-column .panel-content .entry-content { |
|
3766 float: right; |
|
3767 width: 58%; |
|
3768 } |
|
3769 |
|
3770 /* Front Page - Recent Posts */ |
|
3771 |
|
3772 .page-two-column .panel-content .recent-posts { |
|
3773 clear: right; |
|
3774 float: right; |
|
3775 width: 58%; |
|
3776 } |
|
3777 |
|
3778 .panel-content .recent-posts article { |
|
3779 margin-bottom: 4em; |
|
3780 } |
|
3781 |
|
3782 .panel-content .recent-posts .entry-header, |
|
3783 .page-two-column #primary .panel-content .recent-posts .entry-header, |
|
3784 .panel-content .recent-posts .entry-content, |
|
3785 .page-two-column #primary .panel-content .recent-posts .entry-content { |
|
3786 float: none; |
|
3787 width: 100%; |
|
3788 } |
|
3789 |
|
3790 .panel-content .recent-posts .entry-header { |
|
3791 margin-bottom: 1.5em; |
|
3792 } |
|
3793 |
|
3794 .page .panel-content .recent-posts .entry-title { |
|
3795 font-size: 26px; |
|
3796 font-size: 1.625rem; |
|
3797 } |
|
3798 |
|
3799 /* Posts */ |
|
3800 |
|
3801 .site-content { |
|
3802 padding: 5.5em 0 0; |
|
3803 } |
|
3804 |
|
3805 .single-post .entry-title, |
|
3806 .page .entry-title { |
|
3807 font-size: 26px; |
|
3808 font-size: 1.625rem; |
|
3809 } |
|
3810 |
|
3811 .comments-pagination, |
|
3812 .post-navigation { |
|
3813 clear: both; |
|
3814 } |
|
3815 |
|
3816 .post-navigation .nav-previous { |
|
3817 float: left; |
|
3818 width: 50%; |
|
3819 } |
|
3820 |
|
3821 .post-navigation .nav-next { |
|
3822 float: right; |
|
3823 text-align: right; |
|
3824 width: 50%; |
|
3825 } |
|
3826 |
|
3827 .nav-next, |
|
3828 .post-navigation .nav-next { |
|
3829 margin-top: 0; |
|
3830 } |
|
3831 |
|
3832 /* Blog, archive, search */ |
|
3833 |
|
3834 .sticky .icon-thumb-tack { |
|
3835 height: 23px; |
|
3836 left: -2.5em; |
|
3837 top: 1.5em; |
|
3838 width: 32px; |
|
3839 } |
|
3840 |
|
3841 body:not(.has-sidebar):not(.page-one-column) .page-header, |
|
3842 body.has-sidebar.error404 #primary .page-header, |
|
3843 body.page-two-column:not(.archive) #primary .entry-header, |
|
3844 body.page-two-column.archive:not(.has-sidebar) #primary .page-header { |
|
3845 float: left; |
|
3846 width: 36%; |
|
3847 } |
|
3848 |
|
3849 .blog:not(.has-sidebar) #primary article, |
|
3850 .archive:not(.page-one-column):not(.has-sidebar) #primary article, |
|
3851 .search:not(.has-sidebar) #primary article, |
|
3852 .error404:not(.has-sidebar) #primary .page-content, |
|
3853 .error404.has-sidebar #primary .page-content, |
|
3854 body.page-two-column:not(.archive) #primary .entry-content, |
|
3855 body.page-two-column #comments { |
|
3856 float: right; |
|
3857 width: 58%; |
|
3858 } |
|
3859 |
|
3860 .blog .site-main > article, |
|
3861 .archive .site-main > article, |
|
3862 .search .site-main > article { |
|
3863 padding-bottom: 4em; |
|
3864 } |
|
3865 |
|
3866 .navigation.pagination { |
|
3867 clear: both; |
|
3868 float: right; |
|
3869 width: 58%; |
|
3870 } |
|
3871 |
|
3872 .has-sidebar .navigation.pagination, |
|
3873 .archive.page-one-column:not(.has-sidebar) .navigation.pagination { |
|
3874 float: none; |
|
3875 width: 100%; |
|
3876 } |
|
3877 |
|
3878 .entry-footer { |
|
3879 display: table; |
|
3880 width: 100%; |
|
3881 } |
|
3882 |
|
3883 .entry-footer .cat-tags-links { |
|
3884 display: table-cell; |
|
3885 vertical-align: middle; |
|
3886 width: 100%; |
|
3887 } |
|
3888 |
|
3889 .entry-footer .edit-link { |
|
3890 display: table-cell; |
|
3891 text-align: right; |
|
3892 vertical-align: middle; |
|
3893 } |
|
3894 |
|
3895 .entry-footer .edit-link a.post-edit-link { |
|
3896 margin-top: 0; |
|
3897 margin-left: 1em; |
|
3898 } |
|
3899 |
|
3900 /* Entry content */ |
|
3901 |
|
3902 /* without sidebar */ |
|
3903 |
|
3904 :not(.has-sidebar) .entry-content blockquote.alignleft { |
|
3905 margin-left: -17.5%; |
|
3906 width: 48%; |
|
3907 } |
|
3908 |
|
3909 :not(.has-sidebar) .entry-content blockquote.alignright { |
|
3910 margin-right: -17.5%; |
|
3911 width: 48%; |
|
3912 } |
|
3913 |
|
3914 /* with sidebar */ |
|
3915 |
|
3916 .has-sidebar .entry-content blockquote.alignleft { |
|
3917 margin-left: 0; |
|
3918 width: 34%; |
|
3919 } |
|
3920 |
|
3921 .has-sidebar .entry-content blockquote.alignright { |
|
3922 margin-right: 0; |
|
3923 width: 34%; |
|
3924 } |
|
3925 |
|
3926 .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { |
|
3927 margin-right: -72.5%; |
|
3928 width: 62%; |
|
3929 } |
|
3930 |
|
3931 /* blog and archive */ |
|
3932 |
|
3933 .blog:not(.has-sidebar) .entry-content blockquote.alignleft, |
|
3934 .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, |
|
3935 .archive:not(.has-sidebar) .entry-content blockquote.alignleft, |
|
3936 .page-two-column .entry-content blockquote.alignleft { |
|
3937 margin-left: -72.5%; |
|
3938 width: 62%; |
|
3939 } |
|
3940 |
|
3941 .blog:not(.has-sidebar) .entry-content blockquote.alignright, |
|
3942 .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, |
|
3943 .archive:not(.has-sidebar) .entry-content blockquote.alignright, |
|
3944 .page-two-column .entry-content blockquote.alignright { |
|
3945 margin-right: 0; |
|
3946 width: 36%; |
|
3947 } |
|
3948 |
|
3949 /* Post formats */ |
|
3950 |
|
3951 .format-quote blockquote .icon { |
|
3952 left: -1.5em; |
|
3953 } |
|
3954 |
|
3955 /* Pages */ |
|
3956 |
|
3957 .page.page-one-column .entry-header, |
|
3958 .twentyseventeen-front-page.page-one-column .entry-header, |
|
3959 .archive.page-one-column:not(.has-sidebar) .page-header { |
|
3960 margin-bottom: 4em; |
|
3961 } |
|
3962 |
|
3963 .page:not(.home) #content { |
|
3964 padding-bottom: 3.25em; |
|
3965 } |
|
3966 |
|
3967 /* 404 page */ |
|
3968 |
|
3969 .error404 .page-content { |
|
3970 padding-bottom: 9em; |
|
3971 } |
|
3972 |
|
3973 /* Comments */ |
|
3974 |
|
3975 #comments { |
|
3976 padding-top: 5em; |
|
3977 } |
|
3978 |
|
3979 .comments-title { |
|
3980 margin-bottom: 2.5em; |
|
3981 } |
|
3982 |
|
3983 ol.children .children { |
|
3984 padding-left: 2em; |
|
3985 } |
|
3986 |
|
3987 /* Posts pagination */ |
|
3988 |
|
3989 .nav-links .nav-title { |
|
3990 position: relative; |
|
3991 } |
|
3992 |
|
3993 .nav-title-icon-wrapper { |
|
3994 position: absolute; |
|
3995 text-align: center; |
|
3996 width: 2em; |
|
3997 } |
|
3998 |
|
3999 .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { |
|
4000 left: -2em; |
|
4001 } |
|
4002 |
|
4003 .nav-links .nav-next .nav-title .nav-title-icon-wrapper { |
|
4004 right: -2em; |
|
4005 } |
|
4006 |
|
4007 /* Secondary */ |
|
4008 |
|
4009 #secondary { |
|
4010 font-size: 14px; |
|
4011 font-size: 0.875rem; |
|
4012 line-height: 1.6; |
|
4013 } |
|
4014 |
|
4015 /* Widgets */ |
|
4016 |
|
4017 h2.widget-title { |
|
4018 font-size: 11px; |
|
4019 font-size: 0.6875rem; |
|
4020 margin-bottom: 2em; |
|
4021 } |
|
4022 |
|
4023 /* Footer */ |
|
4024 |
|
4025 .site-footer { |
|
4026 font-size: 14px; |
|
4027 font-size: 0.875rem; |
|
4028 line-height: 1.6; |
|
4029 margin-top: 3em; |
|
4030 } |
|
4031 |
|
4032 .site-footer .widget-column.footer-widget-1 { |
|
4033 float: left; |
|
4034 width: 36%; |
|
4035 } |
|
4036 |
|
4037 .site-footer .widget-column.footer-widget-2 { |
|
4038 float: right; |
|
4039 width: 58%; |
|
4040 } |
|
4041 |
|
4042 .social-navigation { |
|
4043 clear: left; |
|
4044 float: left; |
|
4045 margin-bottom: 0; |
|
4046 width: 36%; |
|
4047 } |
|
4048 |
|
4049 .site-info { |
|
4050 float: left; |
|
4051 padding: 0.7em 0 0; |
|
4052 width: 58%; |
|
4053 } |
|
4054 |
|
4055 .social-navigation + .site-info { |
|
4056 margin-left: 6%; |
|
4057 } |
|
4058 |
|
4059 .site-info .sep { |
|
4060 margin: 0 0.5em; |
|
4061 display: inline; |
|
4062 visibility: visible; |
|
4063 height: auto; |
|
4064 width: auto; |
|
4065 } |
|
4066 |
|
4067 /* Gallery Columns */ |
|
4068 |
|
4069 .gallery-columns-5 .gallery-item { |
|
4070 max-width: 20%; |
|
4071 } |
|
4072 |
|
4073 .gallery-columns-6 .gallery-item { |
|
4074 max-width: 16.66%; |
|
4075 } |
|
4076 |
|
4077 .gallery-columns-7 .gallery-item { |
|
4078 max-width: 14.28%; |
|
4079 } |
|
4080 |
|
4081 .gallery-columns-8 .gallery-item { |
|
4082 max-width: 12.5%; |
|
4083 } |
|
4084 |
|
4085 .gallery-columns-9 .gallery-item { |
|
4086 max-width: 11.11%; |
|
4087 } |
|
4088 } |
|
4089 |
|
4090 @media screen and ( min-width: 67em ) { |
|
4091 |
|
4092 /* Layout */ |
|
4093 |
|
4094 /* Navigation */ |
|
4095 .navigation-top .wrap { |
|
4096 padding: 0.75em 2em; |
|
4097 } |
|
4098 |
|
4099 .navigation-top nav { |
|
4100 margin-left: 0; |
|
4101 } |
|
4102 |
|
4103 /* Sticky posts */ |
|
4104 |
|
4105 .sticky .icon-thumb-tack { |
|
4106 font-size: 32px; |
|
4107 font-size: 2rem; |
|
4108 height: 22px; |
|
4109 left: -1.25em; |
|
4110 top: 0.75em; |
|
4111 width: 32px; |
|
4112 } |
|
4113 |
|
4114 /* Pagination */ |
|
4115 |
|
4116 .page-numbers { |
|
4117 display: inline-block; |
|
4118 } |
|
4119 |
|
4120 .page-numbers.current { |
|
4121 font-size: 15px; |
|
4122 font-size: 0.9375rem; |
|
4123 } |
|
4124 |
|
4125 .page-numbers.current .screen-reader-text { |
|
4126 clip: rect(1px, 1px, 1px, 1px); |
|
4127 height: 1px; |
|
4128 overflow: hidden; |
|
4129 position: absolute !important; |
|
4130 width: 1px; |
|
4131 } |
|
4132 |
|
4133 /* Comments */ |
|
4134 |
|
4135 .comment-body { |
|
4136 margin-left: 0; |
|
4137 } |
|
4138 } |
|
4139 |
|
4140 @media screen and ( min-width: 79em ) { |
|
4141 |
|
4142 .has-sidebar .entry-content blockquote.alignleft { |
|
4143 margin-left: -20%; |
|
4144 } |
|
4145 |
|
4146 .blog:not(.has-sidebar) .entry-content blockquote.alignright, |
|
4147 .archive:not(.has-sidebar) .entry-content blockquote.alignright, |
|
4148 .page-two-column .entry-content blockquote.alignright, |
|
4149 .twentyseventeen-front-page .entry-content blockquote.alignright { |
|
4150 margin-right: -20%; |
|
4151 } |
|
4152 } |
|
4153 |
|
4154 @media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { |
|
4155 |
|
4156 .admin-bar .site-navigation-fixed.navigation-top, |
|
4157 .admin-bar .site-navigation-hidden.navigation-top { |
|
4158 top: 46px; |
|
4159 } |
|
4160 } |
|
4161 |
|
4162 /*-------------------------------------------------------------- |
|
4163 20.0 Print |
|
4164 --------------------------------------------------------------*/ |
|
4165 |
|
4166 @media print { |
|
4167 |
|
4168 /* Hide elements */ |
|
4169 |
|
4170 form, |
|
4171 button, |
|
4172 input, |
|
4173 select, |
|
4174 textarea, |
|
4175 .navigation-top, |
|
4176 .social-navigation, |
|
4177 #secondary, |
|
4178 .content-bottom-widgets, |
|
4179 .header-image, |
|
4180 .panel-image-prop, |
|
4181 .icon-thumb-tack, |
|
4182 .page-links, |
|
4183 .edit-link, |
|
4184 .post-navigation, |
|
4185 .pagination.navigation, |
|
4186 .comments-pagination, |
|
4187 .comment-respond, |
|
4188 .comment-edit-link, |
|
4189 .comment-reply-link, |
|
4190 .comment-metadata .edit-link, |
|
4191 .pingback .edit-link, |
|
4192 .site-footer aside.widget-area, |
|
4193 .site-info { |
|
4194 display: none !important; |
|
4195 } |
|
4196 |
|
4197 .entry-footer, |
|
4198 #comments, |
|
4199 .site-footer, |
|
4200 .single-featured-image-header { |
|
4201 border: 0; |
|
4202 } |
|
4203 |
|
4204 /* Font sizes */ |
|
4205 |
|
4206 body { |
|
4207 font-size: 12pt; |
|
4208 } |
|
4209 |
|
4210 h1 { |
|
4211 font-size: 24pt; |
|
4212 } |
|
4213 |
|
4214 h2 { |
|
4215 font-size: 22pt; |
|
4216 } |
|
4217 |
|
4218 h3 { |
|
4219 font-size: 17pt; |
|
4220 } |
|
4221 |
|
4222 h4 { |
|
4223 font-size: 12pt; |
|
4224 } |
|
4225 |
|
4226 h5 { |
|
4227 font-size: 11pt; |
|
4228 } |
|
4229 |
|
4230 h6 { |
|
4231 font-size: 12pt; |
|
4232 } |
|
4233 |
|
4234 .page .panel-content .entry-title, |
|
4235 .page-title, |
|
4236 body.page:not(.twentyseventeen-front-page) .entry-title { |
|
4237 font-size: 10pt; |
|
4238 } |
|
4239 |
|
4240 /* Layout */ |
|
4241 |
|
4242 .wrap { |
|
4243 padding-left: 5% !important; |
|
4244 padding-right: 5% !important; |
|
4245 max-width: none; |
|
4246 } |
|
4247 |
|
4248 /* Site Branding */ |
|
4249 |
|
4250 .site-header { |
|
4251 background: transparent; |
|
4252 padding: 0; |
|
4253 } |
|
4254 |
|
4255 .custom-header-media { |
|
4256 padding: 0; |
|
4257 } |
|
4258 |
|
4259 .twentyseventeen-front-page.has-header-image .site-branding, |
|
4260 .twentyseventeen-front-page.has-header-video .site-branding, |
|
4261 .home.blog.has-header-image .site-branding, |
|
4262 .home.blog.has-header-video .site-branding { |
|
4263 position: relative; |
|
4264 } |
|
4265 |
|
4266 .site-branding { |
|
4267 margin-top: 0; |
|
4268 margin-bottom: 1.75em !important; /* override styles added by JavaScript */ |
|
4269 } |
|
4270 |
|
4271 .site-title { |
|
4272 font-size: 25pt; |
|
4273 } |
|
4274 |
|
4275 .site-description { |
|
4276 font-size: 12pt; |
|
4277 opacity: 1; |
|
4278 } |
|
4279 |
|
4280 /* Posts */ |
|
4281 |
|
4282 .single-featured-image-header { |
|
4283 background: transparent; |
|
4284 } |
|
4285 |
|
4286 .entry-meta { |
|
4287 font-size: 9pt; |
|
4288 } |
|
4289 |
|
4290 /* Colors */ |
|
4291 |
|
4292 body, |
|
4293 .site { |
|
4294 background: none !important; /* Brute force since user agents all print differently. */ |
|
4295 } |
|
4296 |
|
4297 body, |
|
4298 a, |
|
4299 .site-title a, |
|
4300 .twentyseventeen-front-page.has-header-image .site-title, |
|
4301 .twentyseventeen-front-page.has-header-video .site-title, |
|
4302 .twentyseventeen-front-page.has-header-image .site-title a, |
|
4303 .twentyseventeen-front-page.has-header-video .site-title a { |
|
4304 color: #222 !important; /* Make sure color schemes don't affect to print */ |
|
4305 } |
|
4306 |
|
4307 h2, |
|
4308 h5, |
|
4309 blockquote, |
|
4310 .site-description, |
|
4311 .twentyseventeen-front-page.has-header-image .site-description, |
|
4312 .twentyseventeen-front-page.has-header-video .site-description, |
|
4313 .entry-meta, |
|
4314 .entry-meta a { |
|
4315 color: #777 !important; /* Make sure color schemes don't affect to print */ |
|
4316 } |
|
4317 |
|
4318 .entry-content blockquote.alignleft, |
|
4319 .entry-content blockquote.alignright { |
|
4320 font-size: 11pt; |
|
4321 width: 34%; |
|
4322 } |
|
4323 |
|
4324 .site-footer { |
|
4325 padding: 0; |
|
4326 } |
|
4327 } |
|