1/* desbest edit */ 2header a:link, header a:visited, header a:active { color: inherit; } 3.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 { clear: none; margin-top: 0px; margin-bottom: 0px; } 4.site-header { margin-bottom: 0px !important; } 5footer { clear: both; } 6.page li { display: block; } 7.padhere1 { padding: 1em; } .padhere2 { padding: 1em 0px; } 8li { line-height: 0.85em; } 9button { margin: 0.85em 0px; } 10.toolbutton { background-color: #fafafa; margin: 0.15em; } 11.toolbutton:hover { background-color: #dcdcdc; } 12.sidebar-area li, .sidebar-area dd { display: block; } 13.sidebar-area a { color: inherit; } 14.main-navigation .search-form { background: transparent !important; display: inline-block; top: -5px !important; position: relative !important;} 15.main-navigation li { margin: 0px; } 16li { line-height: 1.85em; } 17#dw__search button { margin-left: 0.95em; position: relative; top: 3px; } 18 19#writtensidebar h1 { /* widget-title */ 20 font-size: 1.063rem; 21 letter-spacing: .075em; 22 margin-bottom: 16px; 23 margin-top: 0; 24 text-transform: uppercase; 25} 26 27.breadcrumbs { 28 font-size: 0.85em; 29 text-transform: uppercase; 30 color: #ba9e30; 31 padding: 1em 0px; 32 transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out; 33} 34 35 36/* 37Theme Name: Graphy 38Theme URI: http://themegraphy.com/wordpress-themes/graphy/ 39Author: Themegraphy 40Author URI: http://themegraphy.com/ 41Description: Graphy is now compatible with WordPress 5.0 and Gutenberg! Graphy is a blog-oriented WordPress theme designed with great attention given to the beauty of the typography. Made using mobile-first responsive web design, even when your site is viewed on a smartphone or tablet there will be no negative impact on the beautiful typography. 42Version: 2.3.0 43License: GNU General Public License v2 or later 44License URI: http://www.gnu.org/licenses/gpl-2.0.html 45Text Domain: graphy 46Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready 47*/ 48 49 50/* TABLE OF CONTENTS 51------------------------------------------------------------ 52* Global 53* Repeatable Patterns 54* Layout 55* Header 56* Menus 57* Content 58* Gutenberg 59* Navigations 60* Comments 61* Widgets 62* Footer 63* Plugins 64* Print 65------------------------------------------------------------ */ 66 67 68/* Global 69------------------------------------------------------------ */ 70 71/* Root 72 This values are used for adjusting headings size (not for body size) */ 73html { 74 font-size: 90%; 75} 76 77 78/* Base */ 79body { 80 color: #333; 81 font-family: 'Lora', serif; 82 font-size: 17px; 83 line-height: 1.6; 84 word-wrap: break-word; 85} 86::selection { 87 background-color: #fffad3; 88 color: #333; 89} 90::-moz-selection { 91 background-color: #fffad3; 92 color: #333; 93} 94 95 96/* Heading */ 97h1, h2, h3, h4, h5, h6, .site-title { 98 clear: both; 99 color: #111; 100 font-family: 'Source Serif Pro', serif; 101 font-weight: 400; 102 letter-spacing: -0.01em; 103 line-height: 1.4; 104} 105h1 { 106 font-size: 2.5rem; 107 margin-bottom: 1em; 108 margin-top: 2em; 109} 110h2 { 111 font-size: 1.75rem; 112 margin-bottom: 1em; 113 margin-top: 2em; 114} 115h3 { 116 font-size: 1.5rem; 117 margin-bottom: 1em; 118 margin-top: 1.5em; 119} 120h4 { 121 font-size: 1.25rem; 122 margin-bottom: 1em; 123 margin-top: 1.5em; 124} 125h5 { 126 font-size: 1.125rem; 127 margin-bottom: 0.5em; 128 margin-top: 1em; 129} 130h6 { 131 font-size: 1.063rem; 132 margin-bottom: 0.5em; 133 margin-top: 1em; 134} 135 136/* Link */ 137a { 138 color: inherit; 139 text-decoration: none; 140 transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out; 141} 142.entry-content a, .entry-summary a, .page-content a, .author-profile-description a, .comment-content a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a { 143 color: #a62425; 144 text-decoration: underline; 145} 146.main-navigation a:hover, .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .author-profile-description a:hover, .comment-content a:hover { 147 color: #b85051; 148} 149.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .entry-content cite a, .comment-content cite a { 150 text-decoration: none; 151} 152 153/* Text */ 154p { 155 margin: 0 0 1.6em; 156} 157b, strong { 158 font-weight: 700; 159} 160dfn, q, cite, em, i { 161 font-style: italic; 162} 163q { 164 quotes: "" ""; 165} 166cite { 167 border-bottom: dotted 1px #999; 168} 169code, kbd, tt, var { 170 color: #555; 171 border-bottom: solid 1px #ccc; 172 font-family: Consolas, 'Courier New', monospace; 173 font-size: 87.5%; 174} 175abbr, acronym { 176 border-bottom: 1px dotted #999; 177 cursor: help; 178} 179mark, ins { 180 background-color: #fffad3; 181 color: #333; 182 text-decoration: none; 183} 184ins.adsbygoogle { 185 background-color: transparent; 186} 187 188/* List */ 189ul, ol { 190 margin: 0 0 1.6em 2em; 191 padding: 0; 192} 193li > ul, 194li > ol { 195 margin-bottom: 0; 196 margin-left: 1.6em; 197} 198dl { 199 margin: 0; 200} 201dt { 202 font-weight: 600; 203 margin-bottom: 0.4em; 204} 205dd { 206 margin: 0 0 1.6em 1.6em; 207} 208 209/* Table */ 210table { 211 border-collapse: collapse; 212 border-spacing: 0; 213 border-top: solid 1px #e6e6e6; 214 font-size: 93.8%; 215 margin: 0 0 1.6em; 216 width: 100%; 217} 218caption { 219 margin-bottom: 0.6em; 220} 221table th, table td { 222 border-bottom: solid 1px #e6e6e6; 223 padding: 0.8em 1.2em 0.8em 0; 224} 225th { 226 font-weight: 600; 227 text-align: left; 228} 229 230/* Elements */ 231blockquote { 232 color: #666; 233 font-style: italic; 234 margin: 0 0 2em; 235 padding: 12px 0 0 44px; 236 position: relative; 237} 238blockquote:before { 239 color: #ccc; 240 content: "\201C"; 241 font-family: Georgia, serif; 242 font-size: 84px; 243 left: -5px; 244 line-height: 1; 245 position: absolute; 246 top: -5px; 247} 248address { 249 margin: 0 0 1.6em; 250} 251pre { 252 background-color: #eee; 253 color: #555; 254 font-family: Consolas, 'Courier New', monospace; 255 font-size: 87.5%; 256 line-height: 1.4; 257 margin: 0 0 1.7em; 258 max-width: 100%; 259 overflow: auto; 260 padding: 1.4em; 261 word-wrap: normal; 262} 263hr { 264 background-color: #8f98a1; 265 border: 0; 266 height: 2px; 267 margin: 1.6em auto; 268} 269.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { 270 max-width: 100px; 271} 272/* Media */ 273img { 274 height: auto; 275 max-width: 100%; 276 vertical-align: middle; 277} 278figure { 279 margin: 0; 280} 281embed, 282iframe, 283object { 284 max-width: 100%; 285} 286 287/* Form */ 288button, 289input, 290input[type="search"], 291select, 292textarea { 293 -moz-box-sizing: border-box; 294 -webkit-box-sizing: border-box; 295 box-sizing: border-box; 296 max-width: 100%; 297} 298button, 299input[type="button"], 300input[type="reset"], 301input[type="submit"] { 302 background-color: #333; 303 border: none; 304 border-radius: 5px; 305 color: #fff; 306 cursor: pointer; 307 font-size: 87.5%; 308 letter-spacing: 0.05em; 309 line-height: 1; 310 padding: 1.2em 1.7em; 311 text-transform: uppercase; 312 transition: .3s ease-in-out; 313} 314button:hover, 315button:focus, 316input[type="button"]:hover, 317input[type="button"]:focus, 318input[type="reset"]:hover, 319input[type="reset"]:focus, 320input[type="submit"]:hover, 321input[type="submit"]:focus { 322 background-color: #555; 323} 324input[type="text"], 325input[type="email"], 326input[type="url"], 327input[type="password"], 328input[type="search"], 329textarea { 330 border: solid 1px #e6e6e6; 331 color: #666; 332 margin-top: 0.4em; 333 padding: 0.8em; 334} 335input[type="text"]:focus, 336input[type="email"]:focus, 337input[type="url"]:focus, 338input[type="password"]:focus, 339input[type="search"]:focus, 340textarea:focus { 341 color: #333; 342} 343select { 344 padding: 0.4em; 345} 346textarea { 347 max-width: 700px; 348 width: 100%; 349} 350 351 352/* Repeatable Patterns 353------------------------------------------------------------ */ 354 355/* Alignments */ 356.aligncenter, 357.alignleft, 358.alignright { 359 margin-bottom: 1.6em; 360} 361.alignleft { 362 display: inline; 363 float: left; 364 margin-right: 1.6em; 365} 366.alignright { 367 display: inline; 368 float: right; 369 margin-left: 1.6em; 370} 371.aligncenter { 372 clear: both; 373 display: block; 374 margin-left: auto; 375 margin-right: auto; 376} 377 378 379/* Caption */ 380.wp-caption { 381 color: #777; 382 font-size: 93.8%; 383 font-style: italic; 384 margin-bottom: 1.6em; 385 max-width: 100%; 386} 387.wp-caption img[class*="wp-image-"] { 388 display: block; 389 margin: 0.4em auto 0; 390} 391.wp-caption-text { 392 text-align: center; 393} 394.wp-caption .wp-caption-text { 395 margin: 0.8em 0; 396} 397 398/* WP Smiley */ 399.page-content img.wp-smiley, 400.entry-content img.wp-smiley, 401.comment-content img.wp-smiley { 402 border: none; 403 margin-bottom: 0; 404 margin-top: 0; 405 padding: 0; 406} 407 408/* Text meant only for screen readers */ 409.screen-reader-text { 410 clip: rect(1px, 1px, 1px, 1px); 411 height: 1px; 412 overflow: hidden; 413 position: absolute !important; 414 width: 1px; 415} 416.screen-reader-text:focus { 417 background-color: #f8f8f8; 418 background-color: rgba(255, 255, 255, 0.9); 419 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); 420 clip: auto !important; 421 color: #06c; 422 display: block; 423 font-size: 14px; 424 font-weight: 600; 425 height: auto; 426 left: 5px; 427 line-height: normal; 428 padding: 15px 23px 14px; 429 text-decoration: none; 430 top: 5px; 431 width: auto; 432 z-index: 100000; /* Above WP toolbar */ 433} 434 435/* Clearing */ 436.clear:before, 437.clear:after, 438.site-header:before, 439.site-header:after, 440.site-content:before, 441.site-content:after, 442.entry-content:before, 443.entry-content:after, 444.post-list .hentry:before, 445.post-list .hentry:after, 446.author-profile:before, 447.author-profile:after, 448.comment-content:before, 449.comment-content:after, 450.comment-navigation:before, 451.comment-navigation:after, 452.comment-form-author:before, 453.comment-form-author:after, 454.comment-form-email:before, 455.comment-form-email:after, 456.comment-form-url:before, 457.comment-form-url:after, 458.paging-navigation:before, 459.paging-navigation:after, 460.post-navigation:before, 461.post-navigation:after, 462.widget:before, 463.widget:after, 464.widget_graphy_recent_posts li:before, 465.widget_graphy_recent_posts li:after, 466ul.instagram-pics:before, 467ul.instagram-pics:after, 468.site-footer:before, 469.site-footer:after, 470.footer-widget:before, 471.footer-widget:after, 472.site-bottom:before, 473.site-bottom:after { 474 content: ""; 475 display: table; 476} 477.clear:after, 478.site-header:after, 479.site-content:after, 480.entry-content:after, 481.post-list .hentry:after, 482.author-profile:after, 483.comment-content:after, 484.comment-navigation:after, 485.comment-form-author:after, 486.comment-form-email:after, 487.comment-form-url:after, 488.paging-navigation:after, 489.post-navigation:after, 490.widget:after, 491.widget_graphy_recent_posts li:after, 492ul.instagram-pics:after, 493.site-footer:after, 494.footer-widget:after, 495.site-bottom:after { 496 clear: both; 497} 498 499 500/* Layout 501------------------------------------------------------------ */ 502 503/* Base */ 504body { 505 background-color: #fff; 506 margin-left: 20px; 507 margin-right: 20px; 508} 509.site-branding, 510.main-navigation, 511.site-content, 512.footer-widget-area, 513.footer-widget-wrapper, 514.site-bottom { 515 margin-left: auto; 516 margin-right: auto; 517} 518.site-branding, 519.site-bottom { 520 text-align: center; 521} 522.site-content, 523.footer-widget-wrapper { 524 max-width: 700px; 525} 526.site-header { 527 margin-bottom: 45px; 528} 529.site-branding { 530 padding-bottom: 40px; 531 padding-top: 25px; 532} 533.site-logo { 534 padding-bottom: 10px; 535} 536.site-description { 537 padding-top: 4px; 538} 539.header-image, 540.featured-post { 541 margin-left: -20px; 542 margin-right: -20px; 543 margin-top: 30px; 544} 545.header-navigation { 546 margin-bottom: -12px; 547 margin-top: 20px; 548} 549.content-area, 550.sidebar-area { 551 margin-bottom: 80px; 552} 553.sidebar-area { 554 border-top: solid 1px #eee; 555 padding-top: 60px; 556} 557.footer-widget { 558 padding-top: 60px; 559} 560 561 562/* Header 563------------------------------------------------------------ */ 564 565.site-logo { 566 line-height: 1; 567 margin-bottom: 0; 568 margin-top: 0; 569 vertical-align: middle; 570} 571.site-logo a:hover { 572 opacity: 0.8; 573} 574.site-logo img { 575 zoom: 90%; 576} 577.site-title { 578 font-size: 48px; 579 line-height: 1.2; 580 margin-bottom: 0; 581 margin-top: 0; 582 vertical-align: middle; 583} 584.site-title a, 585.site-title a:hover { 586 color: #111; 587} 588.site-title a:hover { 589 opacity: 0.8; 590} 591.site-description { 592 color: #777; 593 font-style: italic; 594 line-height: 1.4; 595} 596 597 598/* Menus 599------------------------------------------------------------ */ 600 601/* Navigation Bar */ 602.main-navigation, 603.main-navigation a, 604.menu-toggle { 605 line-height: 58px; 606} 607.main-navigation { 608 border-bottom: solid 1px #ddd; 609 border-top: solid 1px #ddd; 610 font-size: 93.8%; 611 position: relative; 612} 613.menu-toggle { 614 background-color: transparent; 615 color: #333; 616 font-size: 100%; 617 letter-spacing: normal; 618 outline: none; 619 text-align: left; 620 padding: 0; 621 width: 100%; 622} 623.menu-toggle:hover, 624.menu-toggle:focus { 625 background-color: transparent; 626} 627.menu-text { 628 background-color: #fff; 629 padding-right: 20px; 630} 631.menu-text:before { 632 content: "\f419"; 633 display: inline-block; 634 font: normal 14px/1 Genericons; 635 -webkit-font-smoothing: antialiased; 636 margin-right: 10px; 637 position: relative; 638 top: -1px; 639 vertical-align: middle; 640} 641.main-navigation.toggled .menu-text:before { 642 content: "\f406"; 643} 644.main-navigation ul { 645 display: none; 646 list-style: none; 647 margin: 0; 648} 649.main-navigation.toggled ul { 650 display: block; 651} 652.main-navigation a { 653 border-top: solid 1px #eee; 654 display: block; 655} 656.main-navigation .current_page_ancestor > a { 657 color: #111; 658} 659.main-navigation ul ul a { 660 padding-left: 30px; 661} 662.main-navigation ul ul ul a { 663 padding-left: 45px; 664} 665.main-navigation ul ul ul ul a { 666 padding-left: 60px; 667} 668.main-navigation .search-form { 669 background: #fff; 670 line-height: 1; 671 padding-left: 12px; 672 position: absolute; 673 right: 0; 674 top: 0; 675} 676.main-navigation .search-field { 677 background: url( "images/search-icon.png" ) 5px center no-repeat; 678 background-size: 24px 24px; 679 border: none; 680 cursor: pointer; 681 height: 40px; 682 margin-top: 9px; 683 padding: 0 0 0 34px; 684 position: relative; 685 width: 1px; 686} 687.main-navigation .search-field:focus { 688 background-color: #fff; 689 border: solid 1px #eee; 690 cursor: text; 691 max-width: 100%; 692 outline: 0; 693 width: 240px; 694} 695.main-navigation .search-submit { 696 display: none; 697} 698 699/* Other Navigations */ 700.header-social-link { 701 font-size: 87.5%; 702 margin-top: 15px; 703} 704.header-social-link ul { 705 list-style: none; 706 margin: 0; 707} 708.header-social-link li { 709 display: inline-block; 710 padding-left: 4px; 711} 712.header-social-link li:first-child { 713 padding-left: 0; 714} 715 716/* Social Link 717 This section is based on code from Stargazer. 718 https://wordpress.org/themes/stargazer/ */ 719.menu a:before { 720 color: #999; 721 display: inline-block; 722 font: normal 26px/1 Genericons; 723 -webkit-font-smoothing: antialiased; 724 margin-right: 10px; 725 position: relative; 726 top: -1px; 727 transition: color .2s ease-in-out; 728 vertical-align: middle; 729} 730.menu a:hover:before { 731 color: #666; 732} 733.widget .menu a:before { 734 margin-left: 10px; 735 margin-right: 12px; 736} 737.author-profile-link.menu a:before, 738.profilewidget-link.menu a:before { 739 content: '\f107'; 740 font-size: 24px; 741 margin-left: 0; 742 margin-right: 4px; 743} 744.header-social-link .menu a:before { 745 content: '\f107'; 746 margin-right: 0; 747} 748.menu a[href*="codepen.io"]:before { content: "\f216"; } 749.menu a[href*="digg.com"]:before { content: "\f221"; } 750.menu a[href*="dribbble.com"]:before { content: "\f201"; } 751.menu a[href*="dropbox.com"]:before { content: "\f225"; } 752.menu a[href*="facebook.com"]:before { content: "\f204"; } 753.menu a[href*="flickr.com"]:before { content: "\f211"; } 754.menu a[href*="plus.google.com"]:before { content: "\f218"; } 755.menu a[href*="github.com"]:before { content: "\f200"; } 756.menu a[href*="instagram.com"]:before { content: "\f215"; } 757.menu a[href*="linkedin.com"]:before { content: "\f207"; } 758.menu a[href*="pinterest.com"]:before { content: "\f209"; } 759.menu a[href*="polldaddy.com"]:before { content: "\f217"; } 760.menu a[href*="getpocket.com"]:before { content: "\f224"; } 761.menu a[href*="reddit.com"]:before { content: "\f222"; } 762.menu a[href*="skype.com"]:before, 763.menu a[href*="skype:"]:before { content: "\f220"; } 764.menu a[href*="stumbleupon.com"]:before { content: "\f223"; } 765.menu a[href*="tumblr.com"]:before { content: "\f214"; } 766.menu a[href*="twitter.com"]:before { content: "\f202"; } 767.menu a[href*="vimeo.com"]:before { content: "\f212"; } 768.menu a[href*="wordpress.org"]:before, 769.menu a[href*="wordpress.com"]:before { content: "\f205"; } 770.menu a[href*="youtube.com"]:before { content: "\f213"; } 771.menu a[href$="/feed/"]:before { content: "\f413"; } 772 773 774/* Content 775------------------------------------------------------------ */ 776 777/* Entry */ 778.hentry { 779 margin-bottom: 60px; 780} 781.post-full-summary .hentry { 782 background: url( "images/line.png" ) no-repeat left bottom; 783 padding-bottom: 25px; 784} 785.no-sidebar .post-full-summary .hentry { 786 background-position: center bottom; 787} 788.single .hentry, 789.page .hentry { 790 background: none; 791 margin-bottom: 60px; 792 padding-bottom: 0; 793} 794 795/* Category */ 796.cat-links { 797 font-size: 81.3%; 798 margin-bottom: 8px; 799 text-transform: uppercase; 800} 801a.category { 802 color: #ba9e30; 803 text-decoration: none; 804} 805a.category:hover { 806 opacity: 0.8; 807} 808.category-sep { 809 color: #ccc; 810 font-size: 81.3%; 811 margin-left: 5px; 812 margin-right: 5px; 813 position: relative; 814 top: -0.2em; 815} 816 817/* Entry Title */ 818.entry-header { 819 margin-bottom: 40px; 820} 821.no-sidebar .post-full-summary .entry-header, 822.page.no-sidebar .entry-header, 823.page.full-width .entry-header { 824 text-align: center; 825} 826.entry-title { 827 font-size: 2.5rem; 828 line-height: 1.2; 829 margin-bottom: 0; 830 margin-top: 0; 831} 832.entry-title a:hover { 833 color: #555; 834} 835 836/* Entry Meta */ 837.entry-meta { 838 color: #999; 839 font-size: 87.5%; 840 margin-top: 12px; 841} 842.entry-meta a { 843 border-bottom: solid 1px #ccc; 844} 845.entry-meta a:hover { 846 color: #666; 847} 848.entry-meta-sep { 849 color: #ccc; 850 position: relative; 851 top: -0.1em; 852} 853.comments-link { 854 white-space: nowrap; 855} 856 857/* Featured Image */ 858.post-thumbnail { 859 margin-top: 40px; 860 overflow: hidden; 861} 862.post-thumbnail img { 863 width: 100%; 864 transition: 0.3s ease-in-out; 865} 866.post-thumbnail a:hover img { 867 -webkit-transform: scale( 1.03 ); 868 -ms-transform: scale( 1.03 ); 869 transform: scale( 1.03 ); 870 opacity: 0.9; 871} 872 873 874/* Entry Content */ 875.intro { 876 color: #888; 877 font-size: 125%; 878} 879 880/* Tag */ 881.tags-links { 882 color: #999; 883 font-size: 93.8%; 884 padding-top: 25px; 885 text-align: center; 886} 887.tags-links:before { 888 color: #ccc; 889 display: inline-block; 890 font: normal 24px/1 Genericons; 891 -webkit-font-smoothing: antialiased; 892 position: relative; 893 top: -2px; 894 vertical-align: middle; 895} 896.tags-links:before { 897 content: "\f302"; 898} 899 900/* Entry Summary */ 901.entry-summary { 902 padding-bottom: 1px; 903} 904a.continue-reading { 905 text-transform: uppercase; 906} 907 908/* Post Grid / Post List */ 909.post-grid-list .hentry { 910 margin-bottom: 75px; 911} 912.post-grid-list .post-thumbnail { 913 margin-bottom: 30px; 914 margin-top: 0; 915} 916.post-grid-list .entry-header { 917 margin-bottom: 20px; 918} 919.post-grid-list .cat-links { 920 font-size: 75%; 921} 922.post-grid-list .entry-title { 923 font-size: 1.75rem; 924} 925.post-grid-list .entry-meta { 926 font-size: 81.3%; 927} 928.post-grid-list .entry-summary { 929 font-size: 87.5%; 930} 931.post-grid-list .entry-summary p { 932 margin-bottom: 0; 933} 934 935/* Author Profile */ 936.author-profile { 937 border-top: solid 1px #eee; 938 border-bottom: solid 1px #eee; 939 margin-top: 60px; 940 padding: 30px 0 35px 0; 941} 942.author-profile-avatar { 943 display: inline-block; 944 margin-bottom: 10px; 945 margin-right: 20px; 946} 947.author-profile-avatar img { 948 border-radius: 50%; 949} 950.author-profile-meta { 951 display: inline-block; 952 margin-bottom: 15px; 953 margin-top: 15px; 954 vertical-align: middle; 955} 956.author-profile-name strong { 957 font-weight: 600; 958} 959.author-profile-link { 960 margin-top: 4px; 961} 962.author-profile-description { 963 font-size: 93.8%; 964 margin-top: 10px; 965} 966 967/* Sticky Post */ 968.sticky { 969} 970.featured { 971 background-color: #111; 972 border-radius: 3px; 973 color: #fff; 974 display: inline-block; 975 font-size: 75%; 976 margin-bottom: 15px; 977 padding: 4px 10px 3px; 978 text-transform: uppercase; 979} 980 981/* Archive */ 982.page-header { 983 margin-bottom: 60px; 984} 985.page-title { 986 font-size: 1.5rem; 987 margin-bottom: 12px; 988 margin-top: 0; 989} 990.page-content { 991 margin-bottom: 60px; 992} 993 994/* 404 */ 995.error-404 { 996 margin-bottom: 150px; 997 margin-top: 60px; 998 text-align: center; 999} 1000.error-404 .page-title { 1001 font-size: 2rem; 1002} 1003 1004/* Hide Title */ 1005.post-full .format-aside .entry-title, 1006.post-full .format-image .entry-title, 1007.post-full .format-link .entry-title, 1008.post-full .format-quote .entry-title, 1009.post-full .format-status .entry-title { 1010 display: none; 1011} 1012 1013/* Link */ 1014.format-link .entry-content a { 1015 font-style: italic; 1016} 1017 1018/* Quote */ 1019.format-quote .entry-content blockquote, 1020blockquote.alignleft, 1021blockquote.alignright, 1022blockquote.aligncenter { 1023 font-size: 150%; 1024 margin-bottom: 1.1em; 1025} 1026blockquote.alignleft, 1027blockquote.alignright { 1028 max-width: 230px; 1029} 1030blockquote.alignleft p, 1031blockquote.alignright p, 1032blockquote.aligncenter p { 1033 margin-bottom: 0; 1034} 1035 1036/* Status */ 1037.format-status .entry-content { 1038 font-size: 112.5%; 1039} 1040 1041/* Gallery */ 1042.gallery { 1043 margin-bottom: 30px; 1044} 1045.gallery-item { 1046 display: inline-block; 1047 line-height: 1; 1048 text-align: center; 1049 vertical-align: top; 1050 width: 100%; 1051} 1052.gallery .gallery-caption { 1053 display: none; 1054} 1055.gallery-columns-2 .gallery-item { 1056 max-width: 50%; 1057} 1058.gallery-columns-3 .gallery-item { 1059 max-width: 33.33%; 1060} 1061.gallery-columns-4 .gallery-item { 1062 max-width: 25%; 1063} 1064.gallery-columns-5 .gallery-item { 1065 max-width: 20%; 1066} 1067.gallery-columns-6 .gallery-item { 1068 max-width: 16.66%; 1069} 1070.gallery-columns-7 .gallery-item { 1071 max-width: 14.28%; 1072} 1073.gallery-columns-8 .gallery-item { 1074 max-width: 12.5%; 1075} 1076.gallery-columns-9 .gallery-item { 1077 max-width: 11.11%; 1078} 1079 1080 1081/* Gutenberg 1082------------------------------------------------------------ */ 1083 1084/* Base 1085 This section incorporates code from Atomic Blocks */ 1086.wp-block-gallery { 1087 margin-left: 0; 1088 margin-bottom: 1.2em; 1089} 1090.wp-block-image figcaption { 1091 font-size: 15px; 1092 margin-top: 1em; 1093} 1094.entry-content .wp-block-gallery { 1095 padding-left: 0; 1096} 1097.full-width .alignfull, 1098.full-width .alignwide, 1099.no-sidebar .alignfull, 1100.no-sidebar .alignwide { 1101 margin-bottom: 1.5em; 1102 width: 100%; 1103} 1104.full-width .alignfull img, 1105.full-width .alignwide img, 1106.no-sidebar .alignfull img, 1107.no-sidebar .alignwide img { 1108 width: 100%; 1109 display: block; 1110} 1111.no-sidebar .alignwide { 1112 max-width: none; 1113} 1114.full-width .alignfull, 1115.no-sidebar .alignfull { 1116 width: 100vw; 1117 margin-left: calc( 50% - 50vw ); 1118 max-width: none; 1119} 1120.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { 1121 padding-top: 0; 1122} 1123.wp-block-columns { 1124 margin-bottom: 1.2em; 1125} 1126 1127 1128/* Navigations 1129------------------------------------------------------------ */ 1130 1131/* Pagination */ 1132.pagination { 1133 color: #777; 1134 font-size: 93.8%; 1135 margin-bottom: 45px; 1136} 1137.no-sidebar .pagination { 1138 text-align: center; 1139} 1140.pagination a { 1141 text-decoration: none; 1142} 1143.pagination .page-numbers { 1144 display: none; 1145 padding: 8px 18px; 1146 margin-right: 6px; 1147} 1148.pagination .prev, 1149.pagination .next { 1150 display: inline-block; 1151} 1152.pagination .dots { 1153 padding-left: 10px; 1154 padding-right: 10px; 1155} 1156.pagination a.page-numbers { 1157 border: solid 1px #ddd; 1158} 1159.pagination a.page-numbers:hover { 1160 border-color: #ccc; 1161 color: #333; 1162} 1163.pagination .current { 1164 background-color: #eee; 1165 border: solid 1px #ccc; 1166 color: #333; 1167 font-weight: 700; 1168} 1169 1170/* Page Links */ 1171.page-links { 1172 color: #777; 1173 clear: both; 1174 font-size: 93.8%; 1175 margin-bottom: 30px; 1176 margin-top: 50px; 1177} 1178.page-links .page-numbers { 1179 background-color: #eee; 1180 border: solid 1px #ccc; 1181 color: #333; 1182 font-weight: 700; 1183 padding: 8px 16px; 1184 margin-left: 4px; 1185} 1186.page-links a { 1187 text-decoration: none; 1188} 1189.page-links a .page-numbers { 1190 background-color: transparent; 1191 border: solid 1px #ddd; 1192 color: #777; 1193 font-weight: normal; 1194} 1195.page-links a .page-numbers:hover { 1196 border: solid 1px #ccc; 1197 color: #333; 1198} 1199 1200/* Post Navigation */ 1201.post-nav-title { 1202 color: #999; 1203 font-size: 81.3%; 1204 letter-spacing: 0.05em; 1205 text-transform: uppercase; 1206 margin-bottom: 8px; 1207} 1208.post-navigation { 1209 line-height: 1.4; 1210 margin-bottom: 45px; 1211} 1212.post-navigation a:hover { 1213 color: #111; 1214} 1215.post-navigation .nav-previous { 1216 margin-bottom: 30px; 1217} 1218/* Comment Navigation */ 1219.comment-navigation { 1220 text-transform: uppercase; 1221 margin-bottom: 20px; 1222 padding-top: 10px; 1223} 1224.comment-navigation .nav-previous { 1225 float: left; 1226 width: 48%; 1227} 1228.comment-navigation .nav-next { 1229 float: right; 1230 text-align: right; 1231 width: 48%; 1232} 1233.comment-navigation a { 1234 color: #777; 1235 text-decoration: underline; 1236} 1237.comment-navigation a:hover { 1238 color: #333; 1239} 1240 1241 1242/* Comments 1243------------------------------------------------------------ */ 1244 1245/* Base */ 1246.comments-area { 1247 font-size: 93.8%; 1248 margin-bottom: 45px; 1249 margin-top: 80px; 1250} 1251 1252/* Comment Header */ 1253.comments-title, 1254.comment-reply-title { 1255 font-size: 1.5rem; 1256 margin-bottom: 25px; 1257 margin-top: 0; 1258} 1259.comment-reply-title { 1260 margin-top: 50px; 1261} 1262.comment-respond:only-child .comment-reply-title, 1263.comment-list .comment-reply-title { 1264 margin-top: 0; 1265} 1266 1267/* Comment Structure */ 1268.comment-list { 1269 border-bottom: solid 1px #eee; 1270 list-style: none; 1271 margin: 0 0 20px; 1272} 1273.comment-list .children { 1274 list-style: none; 1275 margin-left: 25px; 1276} 1277.comment-list .comment-body { 1278 border-top: solid 1px #eee; 1279 padding-bottom: 30px; 1280 padding-top: 30px; 1281 position: relative; 1282} 1283 1284/* Comment Meta */ 1285.comment-author { 1286 font-size: 106.7%; 1287 font-weight: 600; 1288 margin-bottom: 2px; 1289} 1290.comment-author a { 1291 border-bottom: dotted 1px #999; 1292 color: #333; 1293} 1294.comment-author a:hover { 1295 color: #666; 1296} 1297.comment-author .avatar { 1298 border-radius: 50%; 1299 height: 60px; 1300 left: 0; 1301 position: absolute; 1302 top: 28px; 1303 width: 60px; 1304} 1305.has-avatars .comment .comment-meta { 1306 margin-left: 75px; 1307} 1308.bypostauthor > .comment-body .comment-author::after { 1309 background-color: #333; 1310 border-radius: 50%; 1311 color: #fff; 1312 content: "\f408"; 1313 display: inline-block; 1314 font: normal 16px/1 Genericons; 1315 -webkit-font-smoothing: antialiased; 1316 margin-left: 3px; 1317 padding: 3px; 1318} 1319.comment-author .says { 1320 display: none; 1321} 1322.comment-metadata { 1323 font-size: 93.3%; 1324 margin-bottom: 25px; 1325} 1326.comment-metadata a, 1327a.comment-edit-link { 1328 color: #999; 1329} 1330.comment-metadata a:hover, 1331a.comment-edit-link:hover { 1332 color: #666; 1333} 1334.comment-edit-link { 1335 margin-left: 15px; 1336} 1337 1338/* Comment Body */ 1339.comment-body .reply a { 1340 color: #999; 1341 font-size: 93.3%; 1342} 1343.comment-body .reply a:hover { 1344 color: #666; 1345} 1346.comment-body .reply a:before { 1347 color: #ccc; 1348 content: "\f412"; 1349 display: inline-block; 1350 font: normal 14px/1 Genericons; 1351 -webkit-font-smoothing: antialiased; 1352 margin-right: 3px; 1353 position: relative; 1354 text-decoration: inherit; 1355 top: -1px; 1356 vertical-align: middle; 1357} 1358.comment-awaiting-moderation { 1359 color: #666; 1360} 1361 1362/* Pingback */ 1363.pingback a { 1364 color: #666; 1365 text-decoration: underline; 1366} 1367.pingback a:hover { 1368 color: #999; 1369} 1370 1371/* Comment Form */ 1372.comment-respond a { 1373 color: #666; 1374 text-decoration: underline; 1375} 1376.comment-respond a:hover { 1377 color: #333; 1378} 1379.comment-form-comment, 1380.comment-form-author, 1381.comment-form-email, 1382.comment-form-url { 1383 margin-bottom: 15px; 1384} 1385.comment-form-comment label { 1386 display: none; 1387} 1388.comment-form-author label, 1389.comment-form-email label, 1390.comment-form-url label { 1391 font-size: 87.5%; 1392 text-transform: uppercase; 1393} 1394.comment-form-author input, 1395.comment-form-email input, 1396.comment-form-url input { 1397 margin-top: 2px; 1398 width: 100%; 1399} 1400.form-submit { 1401 margin-top: 30px; 1402 text-align: center; 1403} 1404 1405 1406/* Widgets 1407------------------------------------------------------------ */ 1408 1409/* Base */ 1410.widget { 1411 color: #555; 1412 font-size: 87.5%; 1413 line-height: 1.5; 1414 margin-bottom: 60px; 1415} 1416 1417/* Heading */ 1418.widget-title { 1419 font-size: 1.063rem; 1420 letter-spacing: 0.075em; 1421 margin-bottom: 16px; 1422 margin-top: 0; 1423 text-transform: uppercase; 1424} 1425 1426/* Link */ 1427.widget a { 1428 text-decoration: underline; 1429} 1430.widget li a { 1431 text-decoration: none; 1432} 1433.widget a:hover { 1434 color: #111; 1435} 1436 1437/* List */ 1438.widget ul { 1439 list-style: none; 1440 margin-bottom: 0; 1441 margin-left: 0; 1442} 1443.widget li { 1444 border-top: solid 1px #eee; 1445 line-height: 1.4; 1446 padding-bottom: 14px; 1447 padding-top: 14px; 1448} 1449.widget > ul > li:first-child, 1450.widget > div > ul > li:first-child { 1451 border-top: none; 1452 padding-top: 8px; 1453} 1454.widget ul ul { 1455 margin-left: 14px; 1456 margin-top: 14px; 1457} 1458.widget ul ul li:last-child { 1459 padding-bottom: 0; 1460} 1461 1462/* Recent Posts */ 1463.widget_recent_entries .post-date { 1464 color: #999; 1465 display: block; 1466 font-size: 86.7%; 1467 margin-top: 4px; 1468 text-transform: uppercase; 1469} 1470 1471/* Recent Comments */ 1472.widget_recent_comments li a { 1473 text-decoration: underline; 1474} 1475 1476/* Search */ 1477.widget_search input[type="search"] { 1478 margin-top: 0; 1479 max-width: 300px; 1480 width: 100%; 1481} 1482.widget_search .search-submit { 1483 display: none; 1484} 1485 1486/* Tag Cloud */ 1487.tagcloud { 1488 line-height: 2.1; 1489} 1490.tagcloud a { 1491 background-color: #eee; 1492 border-radius: 3px; 1493 color: #666; 1494 display: inline-block; 1495 font-size: 93.8% !important; 1496 margin-bottom: 3px; 1497 padding: 0 10px; 1498 text-decoration: none; 1499 white-space: nowrap; 1500} 1501.tagcloud a:hover { 1502 background-color: #e2e2e2; 1503 color: #333; 1504} 1505 1506/* Calendar */ 1507.widget_calendar table { 1508 font-size: 93.3%; 1509 line-height: 35px; 1510 margin-bottom: 0; 1511 max-width: 300px; 1512} 1513.widget_calendar caption { 1514 text-transform: uppercase; 1515} 1516.widget_calendar td, 1517.widget_calendar th { 1518 padding: 0; 1519 text-align: center; 1520} 1521.widget_calendar thead th { 1522 border-bottom: solid 1px #e6e6e6; 1523 padding: 2px 0; 1524} 1525.widget_calendar tbody td { 1526 border-bottom: solid 1px #e6e6e6; 1527} 1528.widget_calendar tbody td a { 1529 background-color: #e6e6e6; 1530 display: block; 1531 text-decoration: underline; 1532} 1533.widget_calendar tbody td a:hover { 1534 color: #555; 1535 background-color: #f0f0f0; 1536} 1537.widget_calendar tfoot td { 1538 border-bottom: none; 1539 padding-top: 10px; 1540} 1541.widget_calendar tfoot td a { 1542 text-decoration: underline; 1543 text-transform: uppercase; 1544} 1545.widget_calendar tfoot td#prev { 1546 text-align: left; 1547} 1548.widget_calendar tfoot td#next { 1549 text-align: right; 1550} 1551 1552/* RSS */ 1553.widget_rss li { 1554 line-height: 1.5; 1555 margin-bottom: 6px; 1556} 1557.widget_rss li .rsswidget { 1558 display: block; 1559 margin-top: 6px; 1560} 1561.widget_rss .rss-date, 1562.widget_rss .rssSummary, 1563.widget_rss cite { 1564 color: #999; 1565 font-size: 86.7%; 1566} 1567.widget_rss .rss-date { 1568 display: block; 1569 margin-bottom: 4px; 1570 margin-top: 4px; 1571 text-transform: uppercase; 1572} 1573.widget_rss .rssSummary { 1574 margin-bottom: 4px; 1575} 1576 1577/* Graphy Recent Posts */ 1578.widget_graphy_recent_posts img { 1579 float: left; 1580 margin-right: 12px; 1581 width: 80px; 1582 height: 60px; 1583} 1584.recent-posts-text { 1585 overflow: hidden; 1586} 1587.recent-posts-text .post-date { 1588 color: #999; 1589 display: block; 1590 font-size: 86.7%; 1591 margin-top: 4px; 1592} 1593 1594/* Graphy Profile */ 1595.profilewidget-profile, 1596.profilewidget-meta { 1597 margin-bottom: 16px; 1598 text-align: center; 1599} 1600.profilewidget-profile img { 1601 border-radius: 50%; 1602 max-width: 200px; 1603} 1604.profilewidget-name { 1605 font-size: 118.8%; 1606} 1607.profilewidget-name strong { 1608 font-weight: 600; 1609} 1610.profilewidget-link { 1611 margin-top: 8px; 1612} 1613.profilewidget-link.menu a { 1614 text-decoration: none; 1615} 1616 1617 1618/* Footer 1619------------------------------------------------------------ */ 1620 1621/* Footer Widget */ 1622.footer-widget-area { 1623 border-top: solid 1px #ddd; 1624} 1625 1626/* Footer */ 1627.site-bottom { 1628 border-top: solid 1px #ddd; 1629 color: #999; 1630 margin-bottom: 28px; 1631 margin-top: 30px; 1632 padding-top: 28px; 1633} 1634.site-bottom a { 1635 color: #666; 1636} 1637.site-bottom a:hover, 1638.site-bottom .current-menu-item > a { 1639 color: #111; 1640} 1641.site-copyright, 1642.site-credit { 1643 font-size: 87.5%; 1644 margin-bottom: 6px; 1645 padding-top: 3px; 1646} 1647.site-credit { 1648 font-size: 81.3%; 1649} 1650.site-credit-sep { 1651 color: #ccc; 1652 position: relative; 1653 top: -0.15em; 1654} 1655 1656 1657/* Plugins 1658------------------------------------------------------------ */ 1659 1660/* Jetpack Infinite Scroll */ 1661.infinite-scroll .pagination { 1662 display: none; 1663} 1664.infinite-loader { 1665 margin-bottom: 60px; 1666 margin-left: auto; 1667 margin-right: auto; 1668 padding: 21px 0; 1669 width: 25px; 1670} 1671#infinite-handle { 1672 margin-bottom: 60px; 1673 text-align: center; 1674} 1675#infinite-handle span { 1676 background-color: #eee !important; 1677 color: #666 !important; 1678 display: block; 1679 font-size: 93.8% !important; 1680 padding: 20px 0 !important; 1681 transition: .3s ease-in-out; 1682} 1683#infinite-handle span:hover { 1684 background-color: #e2e2e2 !important; 1685 color: #333 !important; 1686} 1687 1688/* Jetpack Widgets */ 1689.widget_top-posts ul { 1690 counter-reset: number; 1691} 1692.widget_top-posts li { 1693 padding-left: 35px; 1694 position: relative; 1695} 1696.widget_top-posts > ul > li:first-child { 1697 padding-top: 14px; 1698} 1699.widget_top-posts li:before { 1700 background-color: #111; 1701 border-radius: 3px; 1702 color: #fff; 1703 content: counter(number) !important; 1704 counter-increment: number; 1705 font-weight: 600; 1706 height: 23px; 1707 left: 0; 1708 line-height: 23px; 1709 position: absolute; 1710 text-align: center; 1711 top: 13px; 1712 width: 23px; 1713} 1714.widgets-list-layout li { 1715 margin-bottom: 0 !important; 1716} 1717.widgets-list-layout .widgets-list-layout-blavatar { 1718 margin-right: 12px; 1719 width: 40px !important; 1720} 1721.widgets-list-layout-links { 1722 float: none !important; 1723 overflow: hidden; 1724 width: auto !important; 1725} 1726#subscribe-email input { 1727 margin-top: 0; 1728 max-width: 300px; 1729 padding: 0.6em !important; 1730 width: 100% !important; 1731} 1732.jetpack-display-remote-posts h4, 1733.jetpack-display-remote-posts p { 1734 font-size: 100% !important; 1735} 1736.jetpack-display-remote-posts h4 { 1737 margin-top: 25px !important; 1738} 1739.widget_jetpack_display_posts_widget img { 1740 margin: 12px 0; 1741} 1742.widget-grofile { 1743 text-align: center; 1744} 1745.widget-grofile p, 1746.widget-grofile h4, 1747.widget-grofile ul { 1748 text-align: left; 1749} 1750.widget-grofile h4 { 1751 font-size: 100%; 1752 font-weight: 600; 1753} 1754.grofile-meta h4 { 1755 font-size: 118.8%; 1756 text-align: center; 1757} 1758.grofile-thumbnail { 1759 border-radius: 50%; 1760 max-width: 200px !important; 1761} 1762ul.grofile-urls { 1763 margin-bottom: 1.6em; 1764 margin-top: 0; 1765} 1766 1767/* Jetpack Sharing */ 1768.sharedaddy { 1769 margin-bottom: 15px; 1770 margin-top: 45px; 1771} 1772 1773/* Jetpack Related Posts */ 1774#jp-relatedposts { 1775 margin-bottom: 20px !important; 1776 margin-top: 0 !important; 1777 padding-top: 30px !important; 1778} 1779#jp-relatedposts .jp-relatedposts-title { 1780 font-size: 1.25rem; 1781 letter-spacing: 0.1em; 1782 margin-bottom: 25px; 1783 margin-top: 0; 1784 text-align: center; 1785 text-transform: uppercase; 1786} 1787#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { 1788 margin-bottom: 30px !important; 1789 transition: opacity .2s ease-in-out; 1790} 1791#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img { 1792 margin-bottom: 16px; 1793} 1794#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { 1795 font-size: 1.063rem !important; 1796 line-height: 1.4 !important; 1797 margin-bottom: 6px !important; 1798} 1799#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a, 1800#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { 1801 color: #111; 1802 text-decoration: none !important; 1803} 1804#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { 1805 display: block !important; 1806} 1807#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { 1808 display: none; 1809} 1810/* Jetpack Comments */ 1811.comment-form { 1812 margin-bottom: 30px; 1813} 1814.comment-subscription-form { 1815 margin-bottom: 0.6em; 1816} 1817 1818/* Jetpack Stats */ 1819#wpstats { 1820 display: none; 1821} 1822 1823/* Contact Form 7 */ 1824.wpcf7-list-item-label { 1825 font-size: 93.8%; 1826} 1827.wpcf7-file { 1828 border: solid 1px #e6e6e6; 1829 padding: 5px; 1830} 1831 1832/* Disqus */ 1833#disqus_thread { 1834 margin-bottom: 60px; 1835} 1836 1837 1838