1/* Theme Name: Fictive 2 * Theme URI: https://wordpress.com/themes/fictive/ 3 * Author: Automattic 4 * Author URI: https://wordpress.com/themes/ 5 * Description: Fictive is all about you -- your style, your look, your story. Make it personal with a custom header image, a Gravatar, and links to your favorite social networks. Use Post Formats to dress up your content, add a custom menu and widgets, or keep it simple with a fixed-position header. 6 * Version: 1.1.2 7 * License: GNU General Public License v2 or later 8 * License URI: http://www.gnu.org/licenses/gpl-2.0.html 9 * Text Domain: fictive 10 * Domain Path: /languages/ 11 * Tags: brown, orange, blue, red, two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, theme-options, 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 * Fictive is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. 17 * 18 * Resetting and rebuilding styles have been helped along thanks to the fine work of 19 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 20 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 21 * and Blueprint http://www.blueprintcss.org/ */ 22 23/* =Rebuild 24----------------------------------------------- */ 25* html { 26 font-size: 100%; 27} 28 29html { 30 font-size: 16px; 31 line-height: 1.5em; 32} 33 34body, 35button, 36input, 37select, 38textarea { 39 color: __text__; 40 font-family: Georgia, "Bitstream Charter", serif; 41 font-size: 16px; 42 font-weight: 400; 43} 44 45/* Headings */ 46/* desbest edit */ 47h1, h2, h3, h4, h5, h6 { 48 /*clear: both;*/ 49 /*clear: none;*/ 50} 51 52hr { 53 border: 1px solid #ccc; 54 border-width: 0 0 1px 0; 55 height: 0; 56 margin-top: -1px; 57 margin-bottom: 24px; 58 padding-top: 24px; 59} 60 61/* Text elements */ 62p { 63 margin-bottom: 24px; 64} 65 66ul, ol { 67 margin: 0 0 24px 36px; 68} 69 70ul { 71 list-style: disc; 72} 73 74ol { 75 list-style: decimal; 76} 77 78li > ul, 79li > ol { 80 margin-bottom: 0; 81 margin-left: 24px; 82} 83 84dt { 85 font-weight: 600; 86} 87 88dd { 89 margin: 0 24px 24px; 90} 91 92b, strong { 93 font-weight: 600; 94} 95 96dfn, cite, em, i { 97 font-style: italic; 98} 99 100blockquote { 101 margin: 0 24px; 102} 103 104address { 105 margin: 0 0 24px; 106} 107 108pre { 109 background: rgba(119, 119, 119, 0.5); 110 font-family: "Courier 10 Pitch", Courier, monospace; 111 font-size: 0.9375em; 112 line-height: 1.6em; 113 margin-top: -2px; 114 margin-bottom: 24px; 115 max-width: 100%; 116 overflow: auto; 117 padding: 24px; 118} 119 120code, kbd, tt, var { 121 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 122 font-size: 0.875em; 123 line-height: 1.71429em; 124} 125 126abbr, acronym { 127 border-bottom: 1px dotted #666; 128 cursor: help; 129} 130 131mark, ins { 132 background: #fff9c0; 133 text-decoration: none; 134} 135 136sup, 137sub { 138 font-size: 75%; 139 height: 0; 140 line-height: 0; 141 position: relative; 142 vertical-align: baseline; 143} 144 145sup { 146 bottom: 1ex; 147} 148 149sub { 150 top: .5ex; 151} 152 153small { 154 font-size: 75%; 155} 156 157big { 158 font-size: 125%; 159} 160 161figure { 162 margin: 0; 163} 164 165table { 166 margin: 0 0 24px; 167 width: 100%; 168} 169 170th { 171 font-weight: bold; 172} 173 174img { 175 height: auto; 176 /* Make sure images are scaled correctly. */ 177 max-width: 100%; 178 /* Adhere to container width. */ 179} 180 181/* Alignment */ 182.alignleft { 183 display: inline; 184 float: left; 185 margin-right: 24px; 186} 187 188.alignright { 189 display: inline; 190 float: right; 191 margin-left: 24px; 192} 193 194.aligncenter { 195 clear: both; 196 display: block; 197 margin: 0 auto; 198} 199 200/* Text meant only for screen readers */ 201.screen-reader-text { 202 clip: rect(1px, 1px, 1px, 1px); 203 position: absolute !important; 204} 205 206.menu-toggles .screen-reader-text { 207 left: 0; 208} 209 210.screen-reader-text:hover, 211.screen-reader-text:active, 212.screen-reader-text:focus { 213 background-color: #fff; 214 border: 1px solid #000; 215 -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px; 216 -moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px; 217 box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px; 218 clip: auto !important; 219 display: inline-block; 220 font-weight: 600; 221 line-height: 24px; 222 padding: 24px; 223 z-index: 100000; 224 position: absolute !important; 225 top: 24px; 226 left: 24px; 227} 228 229/* Clearing */ 230.clear:before, 231.clear:after { 232 content: ''; 233 display: table; 234} 235 236.clear:after { 237 clear: both; 238} 239 240.entry-content:before, 241.entry-content:after { 242 content: ''; 243 display: table; 244} 245 246.entry-content:after { 247 clear: both; 248} 249 250.comment-content:before, 251.comment-content:after { 252 content: ''; 253 display: table; 254} 255 256.comment-content:after { 257 clear: both; 258} 259 260.site-header:before, 261.site-header:after { 262 content: ''; 263 display: table; 264} 265 266.site-header:after { 267 clear: both; 268} 269 270.site-content:before, 271.site-content:after { 272 content: ''; 273 display: table; 274} 275 276.site-content:after { 277 clear: both; 278} 279 280.site-footer:before, 281.site-footer:after { 282 content: ''; 283 display: table; 284} 285 286.site-footer:after { 287 clear: both; 288} 289 290/* =Forms 291----------------------------------------------- */ 292button, 293input, 294select, 295textarea { 296 margin: 0; 297 /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 298 vertical-align: baseline; 299 /* Improves appearance and consistency in all browsers */ 300 *vertical-align: middle; 301 /* Improves appearance and consistency in all browsers */ 302} 303 304button, 305input[type="button"], 306input[type="reset"], 307input[type="submit"] { 308 border: 1px solid #ccc; 309 border-color: #ccc #ccc #bbb #ccc; 310 border-radius: 3px; 311 background: #e6e6e6; 312 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 313 color: rgba(0, 0, 0, 0.8); 314 cursor: pointer; 315 /* Improves usability and consistency of cursor style between image-type 'input' and others */ 316 -webkit-appearance: button; 317 /* Corrects inability to style clickable 'input' types in iOS */ 318 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 319} 320 321button:hover, 322input[type="button"]:hover, 323input[type="reset"]:hover, 324input[type="submit"]:hover { 325 border-color: #ccc #bbb #aaa #bbb; 326 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 327} 328 329button:focus, 330input[type="button"]:focus, 331input[type="reset"]:focus, 332input[type="submit"]:focus, 333button:active, 334input[type="button"]:active, 335input[type="reset"]:active, 336input[type="submit"]:active { 337 border-color: #aaa #bbb #bbb #bbb; 338 box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 339} 340 341input[type="checkbox"], 342input[type="radio"] { 343 padding: 0; 344 /* Addresses excess padding in IE8/9 */ 345} 346 347input[type="search"] { 348 -webkit-appearance: textfield; 349 /* Addresses appearance set to searchfield in S5, Chrome */ 350 -webkit-box-sizing: content-box; 351 /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 352 -moz-box-sizing: content-box; 353 box-sizing: content-box; 354} 355 356input[type="search"]::-webkit-search-decoration { 357 /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 358 -webkit-appearance: none; 359} 360 361button::-moz-focus-inner, 362input::-moz-focus-inner { 363 /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 364 border: 0; 365 padding: 0; 366} 367 368input[type="text"], 369input[type="email"], 370input[type="url"], 371input[type="password"], 372input[type="search"], 373textarea { 374 color: #666; 375 border: 1px solid #ccc; 376 border-radius: 3px; 377} 378 379input[type="text"]:focus, 380input[type="email"]:focus, 381input[type="url"]:focus, 382input[type="password"]:focus, 383input[type="search"]:focus, 384textarea:focus { 385 color: #111; 386} 387 388input[type="text"], 389input[type="email"], 390input[type="url"], 391input[type="password"], 392input[type="search"] { 393 padding: 3px; 394} 395 396textarea { 397 overflow: auto; 398 /* Removes default vertical scrollbar in IE6/7/8/9 */ 399 padding-left: 3px; 400 vertical-align: top; 401 /* Improves readability and alignment in all browsers */ 402 width: 98%; 403} 404 405* html { 406 font-size: 100%; 407} 408 409html { 410 font-size: 16px; 411 line-height: 1.5em; 412} 413 414.entry-format, .hentry:before, .menu-toggle:before, .hentry.format-link .entry-title a:after, .comments-link a:before, 415.post-date a:before, 416.sticky .post-date a:before, 417.byline a:before, 418.edit-link a:before, 419a .post-date:before, .page-title:before, .site-content [class*="paging-navigation"] a:before, 420.site-content [class*="post-navigation"] a:before, #cancel-comment-reply-link:before, .reply:before, .social-links ul a:before { 421 -webkit-font-smoothing: antialiased; 422 font-family: "Genericons"; 423 font-size: 24px; 424 font-style: normal; 425 font-weight: normal; 426 line-height: 1; 427 text-decoration: none; 428 vertical-align: text-bottom; 429} 430 431.entry-format, .hentry:before { 432 background: #bd5532; 433 border-radius: 80px 80px 0 0; 434 color: white; 435 display: block; 436 font-size: 32px; 437 line-height: 55px; 438 margin-left: -40px; 439 position: absolute; 440 top: -48px; 441 left: 50%; 442 text-align: center; 443 width: 80px; 444 height: 40px; 445} 446 447 448/* =Global */ 449body { 450 background: __background__; 451 color: __text__; 452 font-family: "Open Sans", Helvetica, Arial, sans-serif; 453 font-size: 16px; 454 font-weight: 300; 455 line-height: 24px; 456} 457 458button, 459input, 460select, 461textarea { 462 background: white; 463 font-family: "Open Sans", Helvetica, Arial, sans-serif; 464} 465 466/* Alignment */ 467.alignleft { 468 display: inline; 469 float: left; 470 margin: 12px 24px 12px 0; 471} 472 473.alignright { 474 display: inline; 475 float: right; 476 margin: 12px 0 12px 24px; 477} 478 479.aligncenter { 480 clear: both; 481 display: block; 482 margin: 12px auto; 483} 484 485/* Headings */ 486h1 { 487 color: #bd5532; 488 font-family: "Bitter", Georgia, Times, serif; 489 font-size: 46px; 490 font-weight: normal; 491 line-height: 1; 492 margin: 24px 0; 493} 494 495h2 { 496 color: #bd5532; 497 font-family: "Bitter", Georgia, Times, serif; 498 font-size: 26px; 499 font-weight: normal; 500 line-height: 1; 501 margin: 24px 0; 502} 503 504h3 { 505 color: #bd5532; 506 font-family: "Bitter", Georgia, Times, serif; 507 font-size: 20px; 508 font-weight: normal; 509 line-height: 1; 510 margin: 24px 0; 511} 512 513h4 { 514 color: #bd5532; 515 font-family: "Bitter", Georgia, Times, serif; 516 font-size: 16px; 517 font-weight: normal; 518 line-height: 1; 519 margin: 24px 0; 520} 521 522h5 { 523 color: #bd5532; 524 font-family: "Bitter", Georgia, Times, serif; 525 font-size: 16px; 526 font-weight: normal; 527 line-height: 1; 528 margin: 24px 0; 529} 530 531h6 { 532 color: #bd5532; 533 font-family: "Bitter", Georgia, Times, serif; 534 font-size: 13px; 535 font-weight: normal; 536 line-height: 1; 537 margin: 24px 0; 538} 539 540h4, 541h5, 542h6 { 543 font-weight: bold; 544 letter-spacing: 1px; 545 text-transform: uppercase; 546} 547 548hr { 549 background-color: #6f9d9f; 550 height: 1px; 551 margin-bottom: 23px; 552 padding: 0; 553} 554 555/* Text elements */ 556p { 557 margin-bottom: 24px; 558} 559 560ul { 561 margin: 0 0 24px 24px; 562 list-style: disc; 563} 564ul ul { 565 list-style: square; 566} 567ul ul ul { 568 list-style: circle; 569} 570 571ol { 572 margin: 0 0 24px 24px; 573 list-style: decimal; 574} 575ol ol { 576 list-style: lower-alpha; 577} 578ol ol ol { 579 list-style: lower-roman; 580} 581 582li > ul, 583li > ol { 584 margin-bottom: 0; 585 margin-left: 24px; 586} 587 588dt { 589 font-weight: 400; 590} 591 592dd { 593 margin: 12px 0 12px 24px; 594} 595 596b, strong { 597 font-weight: bold; 598} 599 600dfn, cite, em, i { 601 font-style: italic; 602} 603 604blockquote { 605 color: #ada393; 606 font-size: 20px; 607 font-style: italic; 608 font-weight: bold; 609 line-height: 1.5; 610 border-left: 5px solid rgba(173, 163, 147, 0.25); 611 margin-left: 0; 612 margin-right: 0; 613 margin-bottom: 24px; 614 padding-left: 24px; 615} 616blockquote blockquote { 617 font-size: inherit; 618} 619blockquote cite { 620 display: block; 621 font-size: inherit; 622 font-weight: inherit; 623 font-style: inherit; 624 text-align: right; 625 width: 100%; 626} 627 628button, 629input[type="button"], 630input[type="reset"], 631input[type="submit"] { 632 -webkit-box-sizing: border-box; 633 -moz-box-sizing: border-box; 634 box-sizing: border-box; 635 font-size: 0.8125em; 636 line-height: 1.84615em; 637 -webkit-box-shadow: none; 638 -moz-box-shadow: none; 639 box-shadow: none; 640 -webkit-transition: all 0.3s ease-in-out; 641 -moz-transition: all 0.3s ease-in-out; 642 -o-transition: all 0.3s ease-in-out; 643 transition: all 0.3s ease-in-out; 644 background-color: #6f9d9f; 645 border: 0; 646 border-radius: 2px; 647 color: #efedea; 648 font-weight: bold; 649 letter-spacing: 1px; 650 text-transform: uppercase; 651 padding: 12px 24px; 652 text-shadow: none; 653} 654button:hover, 655input[type="button"]:hover, 656input[type="reset"]:hover, 657input[type="submit"]:hover { 658 -webkit-box-shadow: none; 659 -moz-box-shadow: none; 660 box-shadow: none; 661 -webkit-transition: all 0.3s ease-in-out; 662 -moz-transition: all 0.3s ease-in-out; 663 -o-transition: all 0.3s ease-in-out; 664 transition: all 0.3s ease-in-out; 665 background-color: #bd5532; 666} 667 668 669input[type="text"], 670input[type="email"], 671input[type="url"], 672input[type="password"], 673input[type="search"] { 674 background: #efedea; 675 border: 1px solid #efedea; 676 border-radius: 2px; 677 -webkit-box-sizing: border-box; 678 -moz-box-sizing: border-box; 679 box-sizing: border-box; 680 max-width: 100%; 681 padding: 11px; 682} 683input[type="text"]:focus, 684input[type="email"]:focus, 685input[type="url"]:focus, 686input[type="password"]:focus, 687input[type="search"]:focus { 688 background: #f6f4f3; 689 border: 1px solid #e4e1dc; 690 outline: none; 691} 692 693 694textarea { 695 background: #efedea; 696 border: 1px solid #efedea; 697 border-radius: 2px; 698 -webkit-box-sizing: border-box; 699 -moz-box-sizing: border-box; 700 box-sizing: border-box; 701 max-width: 100%; 702 padding: 11px; 703} 704textarea:focus { 705 background: #f6f4f3; 706 border: 1px solid #e4e1dc; 707 outline: none; 708} 709 710 711address { 712 font-style: italic; 713 margin-bottom: 24px; 714} 715 716pre { 717 background: rgba(0, 0, 0, 0.03); 718 font-family: "Courier 10 Pitch", Courier, monospace; 719 font-size: 0.8125em; 720 line-height: 1.84615em; 721 margin-bottom: 24px; 722 padding: 24px; 723 overflow: auto; 724 max-width: 100%; 725} 726 727code, kbd, tt, var { 728 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 729 font-size: 0.8125em; 730 line-height: 1.84615em; 731} 732 733abbr, acronym { 734 border-bottom: 1px dotted #ada393; 735 cursor: help; 736 margin-bottom: 23px; 737} 738 739mark, ins { 740 background: fff9c0; 741 text-decoration: none; 742} 743 744sup, 745sub { 746 font-size: 0.8125em; 747 line-height: 1.84615em; 748 height: 0; 749 line-height: 0; 750 position: relative; 751 vertical-align: baseline; 752} 753 754sup { 755 bottom: 1ex; 756} 757 758sub { 759 top: 0.5ex; 760} 761 762small { 763 font-size: 0.8125em; 764 line-height: 1.84615em; 765} 766 767big { 768 font-size: 1.25em; 769 line-height: 1.2em; 770} 771 772figure { 773 margin: 0; 774} 775 776table { 777 margin-bottom: 24px; 778 width: 100%; 779} 780 781td, th { 782 border-bottom: 1px solid rgba(173, 163, 147, 0.25); 783 border-collapse: collapse; 784 padding: 6px 3px 5px; 785} 786 787th { 788 font-weight: 700; 789} 790 791img { 792 height: auto; 793 max-width: 100%; 794} 795 796/* Links */ 797a { 798 color: #bd5532; 799 text-decoration: none; 800 -webkit-transition: all 0.2s ease-in-out; 801 -moz-transition: all 0.2s ease-in-out; 802 -o-transition: all 0.2s ease-in-out; 803 transition: all 0.2s ease-in-out; 804} 805a:visited { 806 color: #bd5532; 807} 808a:hover, a:focus, a:active { 809 color: #6f9d9f; 810 -webkit-transition: all 0.2s ease-in-out; 811 -moz-transition: all 0.2s ease-in-out; 812 -o-transition: all 0.2s ease-in-out; 813 transition: all 0.2s ease-in-out; 814} 815 816/* Show or hide a11y text */ 817/* Clearing */ 818/* =Layout */ 819.site { 820 margin: 0 auto; 821 max-width: __site_width__; 822} 823 824 825.site-content { 826 float: right; 827 width: 66%; 828 margin: 72px auto 0; 829} 830 831 832.content-area { 833 float: left; 834 margin: 0 -30% 0 0; 835 width: 100%; 836} 837 838 839.site-main { 840 margin: 0; 841} 842 843.site-footer { 844 clear: both; 845 color: #ada393; 846 font-size: 0.8125em; 847 line-height: 1.84615em; 848 font-weight: bold; 849 letter-spacing: 1px; 850 text-transform: uppercase; 851 margin: 24px auto 0; 852 padding: 48px 0; 853 text-align: center; 854} 855.site-footer a { 856 color: #ada393; 857 text-decoration: none; 858} 859 860 861.site-info { 862 margin: 0 auto; 863} 864 865 866/* =Header */ 867.site-header { 868 float: left; 869 margin-top: 80px; 870 margin-bottom: 0; 871 position: relative; 872 width: __sidebar_width__; 873 z-index: 1; 874} 875.site-header a:hover .header-image { 876 opacity: 1; 877 -webkit-transition: all 0.3s ease-in-out; 878 -moz-transition: all 0.3s ease-in-out; 879 -o-transition: all 0.3s ease-in-out; 880 transition: all 0.3s ease-in-out; 881} 882.site-header .header-image { 883 -webkit-transition: all 0.3s ease-in-out; 884 -moz-transition: all 0.3s ease-in-out; 885 -o-transition: all 0.3s ease-in-out; 886 transition: all 0.3s ease-in-out; 887 display: block; 888 margin: -8px auto 7px; 889 opacity: 0.8; 890 position: relative; 891 z-index: -2; 892} 893 894 895.header-avatar { 896 display: block; 897 left: 50%; 898 margin-left: -35px; 899 position: absolute; 900 top: -46px; 901} 902.header-avatar img { 903 border-radius: 50%; 904 position: relative; 905 z-index: 2; 906} 907 908.site-branding { 909 background: white; 910 border-left: 1px solid #e4e1dc; 911 border-right: 1px solid #e4e1dc; 912 border-bottom: 1px solid #e4e1dc; 913 border-radius: 0 0 2px 2px; 914 margin: 0 auto 24px; 915 padding: 24px; 916 position: relative; 917} 918.site-branding:after { 919 border-top: 8px solid #bd5532; 920 content: ""; 921 position: absolute; 922 top: -8px; 923 left: -1px; 924 width: ~"-webkit-calc(100% + 2px)"; 925 width: ~"calc(100% + 2px)"; 926 z-index: -1; 927} 928 929.site-title { 930 font-size: 1.625em; 931 line-height: 1.84615em; 932 line-height: 1.38462em; 933 font-weight: 300; 934 margin: 6px 0 0; 935 text-align: center; 936} 937.site-title a { 938 color: #bd5532; 939 padding: 0; 940 text-decoration: none; 941} 942 943.site-description { 944 font-size: 0.8125em; 945 line-height: 1.84615em; 946 color: #ada393; 947 font-family: "Open Sans", Helvetica, Arial, sans-serif; 948 font-weight: 300; 949 margin: 0; 950 text-align: center; 951} 952 953/* =Menu */ 954.main-navigation { 955 font-size: 0.8125em; 956 line-height: 1.84615em; 957 clear: both; 958 display: block; 959 font-weight: bold; 960 letter-spacing: 1px; 961 margin: 0 auto 24px; 962 position: relative; 963 max-width: 60em; 964 letter-spacing: 1px; 965 text-transform: uppercase; 966 width: 100%; 967} 968.main-navigation ul { 969 list-style: none; 970 margin: 0; 971 padding-left: 0; 972 position: relative; 973} 974.main-navigation li { 975 display: block; 976 position: relative; 977} 978 979.inlinemenu li{ 980 display: inline-block; 981} 982 983.main-navigation li li a { 984 padding-left: 48px; 985} 986.main-navigation li li li a { 987 padding-left: 72px; 988} 989.main-navigation a { 990 border-bottom: 1px solid #e4e1dc; 991 color: #6f9d9f; 992 display: block; 993 margin-bottom: 6px; 994 padding: 12px 24px; 995 position: relative; 996 text-decoration: none; 997} 998.main-navigation a:hover { 999 color: #bd5532; 1000} 1001.main-navigation .current_page_item > a, 1002.main-navigation .current-menu-item > a { 1003 color: #bd5532; 1004} 1005 1006 1007/* Small menu */ 1008.menu-toggle { 1009 font-size: 1.625em; 1010 line-height: 1.84615em; 1011 background-color: #6f9d9f; 1012 clear: none; 1013 color: white; 1014 cursor: pointer; 1015 display: none; 1016 float: left; 1017 font-weight: bold; 1018 margin: 0; 1019 letter-spacing: 1px; 1020 padding: 3px 0; 1021 text-align: center; 1022 text-transform: uppercase; 1023 width: 50%; 1024} 1025.menu-toggle:before { 1026 font-size: 1em; 1027 line-height: 1.5em; 1028 content: "\f419"; 1029 display: inline-block; 1030 margin-right: 5px; 1031 vertical-align: middle; 1032} 1033 1034 1035.header-search { 1036 display: none; 1037 position: relative; 1038} 1039 1040.header-search label { 1041 width: 75%; 1042} 1043.header-search input, 1044.header-search input:focus { 1045 border: 0; 1046 -webkit-appearance: none; 1047 -webkit-border-radius: 0; 1048 -moz-border-radius: 0; 1049 -ms-border-radius: 0; 1050 -o-border-radius: 0; 1051 border-radius: 0; 1052} 1053.header-search input[type="search"] { 1054 background-color: white; 1055 height: 48px; 1056} 1057.header-search input[type="submit"] { 1058 background-color: #bd5532; 1059 display: block; 1060 margin: 0; 1061 position: absolute; 1062 top: 0; 1063 right: 0; 1064 width: 25%; 1065 height: 48px; 1066} 1067.header-search input[type="submit"]:hover { 1068 background-color: #a94c2d; 1069} 1070 1071#search-toggle:before { 1072 content: "\f400"; 1073} 1074 1075#widgets-toggle:before { 1076 content: "\f445"; 1077} 1078 1079 1080 1081.menu-toggles .menu-toggle:nth-child(1):nth-last-child(1) { 1082 width: 100%; 1083} 1084.menu-toggles .menu-toggle:nth-child(1):nth-last-child(2), .menu-toggles .menu-toggle:nth-child(2):nth-last-child(1) { 1085 width: 50%; 1086} 1087.menu-toggles .menu-toggle:nth-child(1):nth-last-child(3), .menu-toggles .menu-toggle:nth-child(2):nth-last-child(2), .menu-toggles .menu-toggle:nth-child(3):nth-last-child(1) { 1088 width: 33.33333%; 1089} 1090 1091/* =Content */ 1092.entry-format { 1093 background: transparent; 1094 color: transparent; 1095 z-index: 4; 1096} 1097 1098.hentry-wrapper { 1099 margin: 0 0 72px; 1100} 1101 1102.hentry { 1103 background-color: white; 1104 border: 1px solid #e4e1dc; 1105 border-radius: 2px; 1106 margin-top: 7px; 1107 padding: 24px 48px 19px; 1108 position: relative; 1109} 1110.hentry:after { 1111 border-top: 8px solid #bd5532; 1112 content: ""; 1113 position: absolute; 1114 top: -8px; 1115 left: -1px; 1116 width: ~"-webkit-calc(100% + 3px)"; 1117 width: ~"calc(100% + 3px)"; 1118} 1119 1120.hentry:before { 1121 content: "\f100"; 1122 z-index: 2; 1123} 1124.hentry.type-page:before { 1125 content: "\f443"; 1126} 1127.hentry.sticky:after, .hentry.format-image:after { 1128 border-top-color: #6f9d9f; 1129} 1130.hentry.sticky:before, .hentry.format-image:before { 1131 background: #6f9d9f; 1132 content: "\f308"; 1133} 1134.hentry.format-image:before { 1135 content: "\f102"; 1136} 1137.hentry.format-gallery:after, .hentry.format-aside:after { 1138 border-top-color: #d68265; 1139} 1140.hentry.format-gallery:before, .hentry.format-aside:before { 1141 background: #d68265; 1142 border-top-color: #d37859; 1143 content: "\f101"; 1144} 1145.hentry.format-link:after { 1146 border-top-color: #acc7c8; 1147} 1148.hentry.format-link:before { 1149 background: #acc7c8; 1150 content: "\f107"; 1151} 1152.hentry.format-link .entry-title a:after { 1153 content: "\f442"; 1154 display: inline-block; 1155 font-size: 48px; 1156 margin-left: 7px; 1157} 1158 1159.hentry.format-video:after, .hentry.format-audio:after { 1160 border-top-color: #ada393; 1161} 1162.hentry.format-video:before, .hentry.format-audio:before { 1163 background: #ada393; 1164 content: "\f104"; 1165} 1166.hentry.format-audio:before { 1167 content: "\f109"; 1168} 1169.hentry.format-status:after, .hentry.format-quote:after { 1170 border-top-color: #755c51; 1171} 1172.hentry.format-status:before, .hentry.format-quote:before { 1173 background: #755c51; 1174 content: "\f106"; 1175} 1176.hentry.format-status:before { 1177 content: "\f105"; 1178} 1179.hentry.format-gallery:before { 1180 content: "\f103"; 1181} 1182 1183 1184.no-results.hentry:before { 1185 display: none; 1186} 1187 1188.error404 .hentry:before { 1189 display: none; 1190} 1191 1192.byline { 1193 display: none; 1194} 1195 1196.single .byline, 1197.group-blog .byline { 1198 display: inline; 1199} 1200 1201.entry-content, 1202.entry-summary { 1203 margin-bottom: 24px; 1204 margin-top: 24px; 1205} 1206 1207.hentry-wrapper:hover .entry-thumbnail img { 1208 -webkit-transition: all 0.3s ease-in-out; 1209 -moz-transition: all 0.3s ease-in-out; 1210 -o-transition: all 0.3s ease-in-out; 1211 transition: all 0.3s ease-in-out; 1212 opacity: 1; 1213} 1214 1215.entry-thumbnail img { 1216 -webkit-transition: all 0.3s ease-in-out; 1217 -moz-transition: all 0.3s ease-in-out; 1218 -o-transition: all 0.3s ease-in-out; 1219 transition: all 0.3s ease-in-out; 1220 display: block; 1221 margin: 0 auto; 1222 opacity: 0.8; 1223} 1224 1225.entry-thumbnail:hover img { 1226 -webkit-transition: all 0.3s ease-in-out; 1227 -moz-transition: all 0.3s ease-in-out; 1228 -o-transition: all 0.3s ease-in-out; 1229 transition: all 0.3s ease-in-out; 1230 opacity: 1; 1231} 1232 1233.page-links { 1234 clear: both; 1235 color: #ada393; 1236 margin: 24px 0; 1237 word-spacing: 6px; 1238} 1239.page-links span.active-link { 1240 -webkit-transition: all 0.3s ease-in-out; 1241 -moz-transition: all 0.3s ease-in-out; 1242 -o-transition: all 0.3s ease-in-out; 1243 transition: all 0.3s ease-in-out; 1244 background-color: #bd5532; 1245 display: inline-block; 1246 border-radius: 50%; 1247 color: white; 1248 margin-bottom: 6px; 1249 width: 24px; 1250 height: 24px; 1251 text-align: center; 1252 text-decoration: none; 1253} 1254.page-links a span.active-link { 1255 -webkit-transition: all 0.3s ease-in-out; 1256 -moz-transition: all 0.3s ease-in-out; 1257 -o-transition: all 0.3s ease-in-out; 1258 transition: all 0.3s ease-in-out; 1259 background-color: #d68265; 1260 display: inline-block; 1261 border-radius: 50%; 1262 color: white; 1263 margin-bottom: 6px; 1264 width: 24px; 1265 height: 24px; 1266 text-align: center; 1267 text-decoration: none; 1268} 1269.page-links a:hover span.active-link { 1270 -webkit-transition: all 0.3s ease-in-out; 1271 -moz-transition: all 0.3s ease-in-out; 1272 -o-transition: all 0.3s ease-in-out; 1273 transition: all 0.3s ease-in-out; 1274 background-color: #bd5532; 1275} 1276 1277a.more-link { 1278 font-size: 0.8125em; 1279 line-height: 1.84615em; 1280 letter-spacing: 1px; 1281 font-weight: bold; 1282 text-transform: uppercase; 1283 color: #ada393; 1284 text-decoration: none; 1285} 1286 1287.entry-title { 1288 line-height: 1.25217em; 1289 color: #bd5532; 1290 margin: 12px 0; 1291 text-align: center; 1292} 1293.entry-title a { 1294 color: #bd5532; 1295 text-decoration: none; 1296} 1297 1298 1299.entry-meta, .entry-meta a, .pingback .edit-link, 1300.trackback .edit-link, #cancel-comment-reply-link, .reply { 1301 color: #ada393; 1302 font-size: 0.8125em; 1303 line-height: 1.84615em; 1304 letter-spacing: 1px; 1305 text-transform: uppercase; 1306} 1307.entry-meta a, .pingback .edit-link a, 1308.trackback .edit-link a, #cancel-comment-reply-link a, .reply a { 1309 font-size: inherit; 1310} 1311 1312header .entry-meta, header .entry-meta a, .entry-meta header a, header .pingback .edit-link, .pingback header .edit-link, 1313header .trackback .edit-link, 1314.trackback header .edit-link, header #cancel-comment-reply-link, header .reply { 1315 text-align: center; 1316} 1317header .entry-meta:hover, header .entry-meta a:hover, .entry-meta header a:hover, header .pingback .edit-link:hover, .pingback header .edit-link:hover, 1318header .trackback .edit-link:hover, 1319.trackback header .edit-link:hover, header #cancel-comment-reply-link:hover, header .reply:hover { 1320 color: #7c705e; 1321 -webkit-transition: all 0.3s ease-in-out; 1322 -moz-transition: all 0.3s ease-in-out; 1323 -o-transition: all 0.3s ease-in-out; 1324 transition: all 0.3s ease-in-out; 1325} 1326 1327 1328.comments-link, 1329.post-date, 1330.sticky .post-date, 1331.byline, 1332.edit-link, 1333a .post-date { 1334 display: inline-block; 1335 margin: 0 12px; 1336} 1337.comments-link a, 1338.post-date a, 1339.sticky .post-date a, 1340.byline a, 1341.edit-link a, 1342a .post-date a { 1343 text-decoration: none; 1344} 1345 1346 1347.page .entry-footer .edit-link { 1348 margin: 0; 1349} 1350 1351.comments-link a:before, 1352.post-date a:before, 1353.sticky .post-date a:before, 1354.byline a:before, 1355.edit-link a:before, 1356a .post-date:before:before { 1357 display: inline-block; 1358 margin-right: 2px; 1359} 1360 1361.comments-link a:before { 1362 content: "\f300"; 1363} 1364 1365.post-date a:before, 1366a .post-date:before { 1367 content: "\f307"; 1368} 1369 1370.sticky .post-date a:before { 1371 content: "\f308"; 1372} 1373 1374.byline a:before { 1375 content: "\f304"; 1376} 1377 1378.edit-link a:before { 1379 content: "\f411"; 1380} 1381 1382.tags-links { 1383 font-size: 0.8125em; 1384 line-height: 1.84615em; 1385 clear: both; 1386 display: block; 1387 font-weight: bold; 1388 margin: 12px 0 12px 11px; 1389} 1390.tags-links a { 1391 background-color: #6f9d9f; 1392 color: white; 1393 display: block; 1394 float: left; 1395 margin-right: 24px; 1396 margin-bottom: 6px; 1397 padding: 1px 6px 2px 6px; 1398 position: relative; 1399} 1400.tags-links a:hover { 1401 background-color: #bd5532; 1402 -webkit-transition: all 0.2s ease-in-out; 1403 -moz-transition: all 0.2s ease-in-out; 1404 -o-transition: all 0.2s ease-in-out; 1405 transition: all 0.2s ease-in-out; 1406} 1407.tags-links a:hover:after { 1408 background-color: #bd5532; 1409 -webkit-transition: all 0.2s ease-in-out; 1410 -moz-transition: all 0.2s ease-in-out; 1411 -o-transition: all 0.2s ease-in-out; 1412 transition: all 0.2s ease-in-out; 1413} 1414.tags-links a:after { 1415 background-color: #6f9d9f; 1416 -webkit-transition: all 0.2s ease-in-out; 1417 -moz-transition: all 0.2s ease-in-out; 1418 -o-transition: all 0.2s ease-in-out; 1419 transition: all 0.2s ease-in-out; 1420 border-radius: 22px 0 0 22px; 1421 content: ""; 1422 display: block; 1423 position: absolute; 1424 left: -11px; 1425 top: 0; 1426 width: 11px; 1427 height: 22px; 1428 z-index: 0; 1429} 1430.tags-links a:before { 1431 background: white; 1432 border-radius: 50%; 1433 content: ""; 1434 display: block; 1435 position: absolute; 1436 top: 9px; 1437 left: -4px; 1438 width: 4px; 1439 height: 4px; 1440 z-index: 1; 1441} 1442 1443.sep { 1444 margin: 0 6px; 1445} 1446 1447.page-title { 1448 color: #ada393; 1449 display: inline-block; 1450 font-size: 1.25em; 1451 line-height: 1.2em; 1452 margin: 0 0 72px; 1453} 1454 1455.page-title:before { 1456 font-size: 1.5em; 1457 line-height: 2em; 1458 line-height: 1em; 1459 margin-right: 7px; 1460} 1461 1462.archive.category .page-title:before { 1463 content: "\f301"; 1464} 1465 1466.archive.tag .page-title:before { 1467 content: "\f302"; 1468} 1469 1470.archive.author .page-title:before { 1471 content: "\f304"; 1472} 1473 1474.archive.date .page-title:before { 1475 content: "\f307"; 1476} 1477 1478.search.search-results .page-title:before { 1479 content: "\f400"; 1480} 1481 1482.archive.term-post-format-aside .page-title:before { 1483 content: "\f101"; 1484} 1485 1486.archive.term-post-format-image .page-title:before { 1487 content: "\f102"; 1488} 1489 1490.archive.term-post-format-gallery .page-title:before { 1491 content: "\f103"; 1492} 1493 1494.archive.term-post-format-video .page-title:before { 1495 content: "\f104"; 1496} 1497 1498.archive.term-post-format-status .page-title:before { 1499 content: "\f105"; 1500} 1501 1502.archive.term-post-format-quote .page-title:before { 1503 content: "\f106"; 1504} 1505 1506.archive.term-post-format-link .page-title:before { 1507 content: "\f107"; 1508} 1509 1510.archive.term-post-format-audio .page-title:before { 1511 content: "\f109"; 1512} 1513 1514.taxonomy-description { 1515 color: #ada393; 1516 font-style: italic; 1517 margin-top: 24px; 1518} 1519 1520.author-archives-header { 1521 background: white; 1522 border: 1px solid #e4e1dc; 1523 border-radius: 2px; 1524 margin: -48px 0 72px; 1525 padding: 24px 48px; 1526 position: relative; 1527 width: 100%; 1528} 1529 1530 1531.author-archives-name, 1532.author-archives-url, 1533.author-archives-bio { 1534 clear: both; 1535 display: block; 1536} 1537 1538/* Search */ 1539.search-results .page .sep:first-of-type { 1540 display: none; 1541} 1542 1543/* =Media */ 1544.entry-content img.wp-smiley, 1545.comment-content img.wp-smiley { 1546 border: none; 1547 margin-bottom: 0; 1548 margin-top: 0; 1549 padding: 0; 1550} 1551 1552.wp-caption { 1553 margin-bottom: 24px; 1554 max-width: 100%; 1555} 1556.wp-caption img[class*="wp-image-"] { 1557 display: block; 1558 margin: 0 auto; 1559 max-width: 100%; 1560} 1561 1562.wp-caption-text { 1563 color: #ada393; 1564 font-size: 0.8125em; 1565 line-height: 1.84615em; 1566 margin: 12px 0; 1567 padding: 0 1%; 1568 word-wrap: break-word; 1569} 1570 1571.size-thumbnail + .wp-caption-text, 1572.size-medium + .wp-caption-text { 1573 font-size: 0.8125em; 1574 line-height: 1.84615em; 1575 line-height: 1.84615em; 1576} 1577 1578.site-content .gallery { 1579 margin-bottom: 24px; 1580} 1581.site-content .gallery a img { 1582 height: auto; 1583 max-width: 90%; 1584} 1585.site-content .gallery dd { 1586 margin: 0; 1587} 1588 1589/* Gallery column widths */ 1590.gallery-columns-1 .gallery-item { 1591 width: 100%; 1592} 1593 1594.gallery-columns-2 .gallery-item { 1595 width: 50%; 1596} 1597 1598.gallery-columns-3 .gallery-item { 1599 width: 33.33%; 1600} 1601 1602.gallery-columns-4 .gallery-item { 1603 width: 25%; 1604} 1605 1606.gallery-columns-5 .gallery-item { 1607 width: 20%; 1608} 1609 1610.gallery-columns-6 .gallery-item { 1611 width: 16.667%; 1612} 1613 1614.gallery-columns-7 .gallery-item { 1615 width: 14%; 1616} 1617 1618.gallery-columns-8 .gallery-item { 1619 width: 12.5%; 1620} 1621 1622.gallery-columns-9 .gallery-item { 1623 width: 11.11%; 1624} 1625 1626.site-content .gallery-columns-1.gallery a img { 1627 max-width: 100%; 1628} 1629 1630.gallery-item { 1631 float: left; 1632 margin-bottom: 24px; 1633 text-align: center; 1634} 1635.gallery-item img { 1636 border: 1px solid #efedea; 1637 border-radius: 2px; 1638 padding: 3px; 1639} 1640 1641.gallery-caption { 1642 font-size: 0.8125em; 1643 line-height: 1.84615em; 1644 line-height: 1.84615em; 1645 margin: 0 auto; 1646 max-width: 90%; 1647} 1648 1649/* Make sure embeds and iframes fit their containers */ 1650embed, 1651iframe, 1652object { 1653 max-width: 100%; 1654} 1655 1656/* =Navigation */ 1657.site-content [class*="navigation"] { 1658 margin-bottom: 0; 1659 position: relative; 1660 width: 100%; 1661} 1662 1663.site-content [class*="paging-navigation"] a, 1664.site-content [class*="post-navigation"] a { 1665 color: white; 1666} 1667.site-content [class*="paging-navigation"] a:before, 1668.site-content [class*="post-navigation"] a:before { 1669 -webkit-transition: all 0.3s ease-in-out; 1670 -moz-transition: all 0.3s ease-in-out; 1671 -o-transition: all 0.3s ease-in-out; 1672 transition: all 0.3s ease-in-out; 1673 background: #ada393; 1674 border-radius: 50%; 1675 color: white; 1676 display: block; 1677 font-size: 49px; 1678 line-height: 90px; 1679 opacity: 0.25; 1680 position: fixed; 1681 top: 50%; 1682 text-decoration: none; 1683 width: 90px; 1684 height: 90px; 1685 content: "\f430"; 1686 z-index: 1; 1687} 1688 1689.site-content [class*="paging-navigation"] a:hover:before, 1690.site-content [class*="post-navigation"] a:hover:before { 1691 opacity: 1; 1692 -webkit-transition: all 0.3s ease-in-out; 1693 -moz-transition: all 0.3s ease-in-out; 1694 -o-transition: all 0.3s ease-in-out; 1695 transition: all 0.3s ease-in-out; 1696} 1697.site-content [class*="paging-navigation"] .nav-previous a:before, 1698.site-content [class*="post-navigation"] .nav-previous a:before { 1699 left: 0; 1700 margin-left: -48px; 1701 text-align: right; 1702} 1703 1704.site-content [class*="paging-navigation"] .nav-next a:before, 1705.site-content [class*="post-navigation"] .nav-next a:before { 1706 right: 0; 1707 margin-right: -48px; 1708 text-align: left; 1709 content: "\f429"; 1710} 1711 1712.comment-navigation:before, 1713.comment-navigation:after { 1714 content: ""; 1715 display: table; 1716} 1717 1718.comment-navigation:after { 1719 clear: both; 1720} 1721 1722.site-content .comment-navigation { 1723 margin-bottom: 24px; 1724} 1725 1726.site-content .comment-navigation .nav-previous { 1727 float: left; 1728 width: 50%; 1729} 1730.site-content .comment-navigation .nav-next { 1731 float: right; 1732 text-align: right; 1733 width: 50%; 1734} 1735 1736/* =Comments */ 1737div#respond { 1738 background: white; 1739 border: 1px solid #e4e1dc; 1740 border-radius: 2px; 1741 padding: 24px 48px; 1742 position: relative; 1743} 1744 1745 1746.comment-body { 1747 background: white; 1748 border: 1px solid #e4e1dc; 1749 border-radius: 2px; 1750 padding: 48px 48px 24px; 1751 position: relative; 1752} 1753 1754 1755.comment-content { 1756 margin-top: 24px; 1757} 1758 1759.comment-content a { 1760 word-wrap: break-word; 1761} 1762 1763.comment-list { 1764 list-style: none; 1765 margin-left: 0; 1766 margin-bottom: 24px; 1767 padding: 0; 1768} 1769.comment-list .children { 1770 list-style: none; 1771 padding-left: 6px; 1772} 1773.comment-list li.comment { 1774 margin-top: 48px; 1775} 1776 1777.pingback, 1778.trackback { 1779 margin: 12px 0; 1780} 1781.pingback a, 1782.trackback a { 1783 text-decoration: none; 1784} 1785.pingback .edit-link, 1786.trackback .edit-link { 1787 float: right; 1788 margin-left: 24px; 1789 margin-right: 0; 1790} 1791.pingback .edit-link a, 1792.trackback .edit-link a { 1793 color: #ada393; 1794} 1795 1796.pingback .comment-body, 1797.trackback .comment-body { 1798 padding: 24px 48px; 1799} 1800 1801.comment-author { 1802 font-size: 1.25em; 1803 line-height: 1.2em; 1804 color: #bd5532; 1805 font-family: "Bitter", Georgia, Times, serif; 1806 text-align: center; 1807} 1808.comment-author a { 1809 text-decoration: none; 1810} 1811.comment-author .avatar-wrapper { 1812 border-radius: 50%; 1813 display: block; 1814 float: left; 1815 margin: 0 12px 0 -35px; 1816 position: absolute; 1817 top: -36px; 1818 left: 50%; 1819 width: 70px; 1820 height: 70px; 1821 z-index: 3; 1822} 1823 1824.comment-author .avatar { 1825 border-radius: 50%; 1826} 1827.comment-author cite { 1828 font-style: normal; 1829} 1830 1831.bypostauthor > .comment-body { 1832 border-color: #d68265; 1833} 1834 1835.comment-metadata, .comment-metadata a { 1836 color: #ada393; 1837 font-size: 0.8125em; 1838 line-height: 1.84615em; 1839 letter-spacing: 1px; 1840 text-align: center; 1841 text-transform: uppercase; 1842} 1843 1844.comment-metadata a { 1845 font-size: inherit; 1846 text-decoration: none; 1847} 1848 1849#cancel-comment-reply-link { 1850 font-size: 0.8125em; 1851 line-height: 1.84615em; 1852 float: right; 1853 font-family: "Open Sans", Helvetica, Arial, sans-serif; 1854 display: inline-block; 1855 text-decoration: none; 1856} 1857#cancel-comment-reply-link:before { 1858 font-size: 1.625em; 1859 line-height: 1.84615em; 1860 content: "\f412"; 1861 content: "\f405"; 1862 margin-right: 3px; 1863 vertical-align: middle; 1864} 1865 1866.reply { 1867 display: inline-block; 1868 font-size: inherit; 1869 margin-right: 24px; 1870 text-decoration: none; 1871} 1872.reply:before { 1873 content: "\f412"; 1874 margin-right: 3px; 1875} 1876 1877.comment-respond { 1878 border-top: 8px solid #bd5532; 1879} 1880 1881.comment-reply-title { 1882 margin-top: 0; 1883} 1884 1885.comments-title { 1886 color: #ada393; 1887 font-size: 1.25em; 1888 line-height: 1.2em; 1889 margin-bottom: 48px; 1890} 1891 1892 1893.comment-form label { 1894 display: inline-block; 1895 width: 96px; 1896} 1897 1898.required { 1899 color: #bd5532; 1900} 1901 1902.comment-form-author, 1903.comment-form-email, 1904.comment-form-url, 1905.comment-form-comment { 1906 margin: 0 0 24px; 1907 position: relative; 1908 letter-spacing: 1px; 1909 text-transform: uppercase; 1910} 1911.comment-form-author label, 1912.comment-form-email label, 1913.comment-form-url label, 1914.comment-form-comment label { 1915 font-size: 0.8125em; 1916 line-height: 1.84615em; 1917 font-weight: bold; 1918 letter-spacing: 1px; 1919 padding: 6px 12px; 1920 position: absolute; 1921 left: 0; 1922 top: 6px; 1923} 1924.comment-form-author input, 1925.comment-form-email input, 1926.comment-form-url input, 1927.comment-form-comment input { 1928 display: block; 1929 margin: 0 0 24px; 1930 padding-left: 100px; 1931 width: 100%; 1932} 1933.comment-form-author textarea, 1934.comment-form-email textarea, 1935.comment-form-url textarea, 1936.comment-form-comment textarea { 1937 margin: 0 0 24px; 1938 padding: 48px 12px 6px; 1939 clear: both; 1940 width: 100%; 1941} 1942 1943.says { 1944 display: none; 1945} 1946 1947.form-allowed-tags, .form-allowed-tags code { 1948 color: #ada393; 1949 font-size: 0.8125em; 1950 line-height: 1.84615em; 1951} 1952.form-allowed-tags code { 1953 font-size: 0.8125em; 1954 line-height: 1.84615em; 1955} 1956 1957.no-comments { 1958 color: #ada393; 1959 font-style: italic; 1960 margin: 24px 0; 1961 text-align: center; 1962} 1963 1964/* =Widgets */ 1965.widget { 1966 font-size: 0.8125em; 1967 line-height: 1.84615em; 1968 margin: 24px 0; 1969 position: relative; 1970 overflow: hidden; 1971} 1972.widget select { 1973 max-width: ~"-webkit-calc(100% - 48px)"; 1974 max-width: ~"calc(100% - 48px)"; 1975 margin-left: 24px; 1976} 1977.widget a { 1978 text-decoration: none; 1979} 1980.widget ul { 1981 list-style: none; 1982 margin: 0; 1983} 1984.widget ul li { 1985 border-bottom: 1px solid #e4e1dc; 1986 list-style: none; 1987 margin: 0; 1988 padding: 12px 24px; 1989} 1990.widget ul li li { 1991 border-bottom: 0; 1992 padding: 6px 0 6px 12px; 1993} 1994.widget ul li li:last-child { 1995 padding-bottom: 0; 1996} 1997.widget ul li:last-child { 1998 border-bottom: 0; 1999} 2000 2001.widget > ul:first-of-type > li:first-child { 2002 padding-top: 0; 2003} 2004 2005.widget-title { 2006 font-size: 1.25em; 2007 line-height: 1.2em; 2008 border-bottom: 1px solid #e4e1dc; 2009 color: #6f9d9f; 2010 font-weight: bold; 2011 margin: 12px 0; 2012 padding: 12px 24px; 2013 letter-spacing: 1px; 2014 text-transform: uppercase; 2015} 2016.widget-title a { 2017 color: #6f9d9f; 2018} 2019 2020.widget input[type="text"] { 2021 background: white; 2022 padding: 11px !important; 2023} 2024 2025.widget_search input { 2026 background: white; 2027 margin-left: 24px; 2028 max-width: ~"-webkit-calc(100% - 48px)"; 2029 max-width: ~"calc(100% - 48px)"; 2030} 2031.widget_search input[type="submit"] { 2032 display: none; 2033} 2034 2035 2036.wp_widget_tag_cloud div, 2037.widget_tag_cloud .tagcloud { 2038 text-align: center; 2039} 2040.wp_widget_tag_cloud div a, 2041.widget_tag_cloud .tagcloud a { 2042 color: #bd5532; 2043 text-decoration: none; 2044} 2045 2046/* Calendar widget */ 2047#wp-calendar td, #wp-calendar th, 2048#wp-calendar th { 2049 text-align: center; 2050} 2051#wp-calendar caption { 2052 font-weight: 700; 2053 margin: 12px 0; 2054 text-align: center; 2055} 2056 2057/* =Jetpack */ 2058/* Globally hidden elements when Infinite Scroll is supported and in use. */ 2059.infinite-scroll .paging-navigation, 2060.infinite-scroll.neverending .site-footer { 2061 display: none; 2062} 2063 2064/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ 2065.infinity-end.neverending .site-footer { 2066 display: block; 2067} 2068 2069#infinite-footer { 2070 z-index: 999; 2071} 2072#infinite-footer .container { 2073 background: #efedea; 2074 border-top: 0; 2075 color: #ada393; 2076 font-size: 0.8125em; 2077 font-style: italic; 2078 position: relative; 2079} 2080#infinite-footer .container a { 2081 color: #ada393; 2082} 2083#infinite-footer .blog-info a, 2084#infinite-footer .blog-credits { 2085 font-size: 0.8125em; 2086 line-height: 1.84615em; 2087 font-style: normal; 2088 font-weight: normal; 2089 letter-spacing: 1px; 2090 text-transform: uppercase; 2091} 2092 2093.infinite-loader { 2094 margin: 0 auto 48px; 2095 width: 28px; 2096} 2097 2098#infinite-handle span { 2099 font-size: 0.8125em; 2100 line-height: 1.84615em; 2101 -webkit-transition: all 0.3s ease-in-out; 2102 -moz-transition: all 0.3s ease-in-out; 2103 -o-transition: all 0.3s ease-in-out; 2104 transition: all 0.3s ease-in-out; 2105 background: #6f9d9f; 2106 border-radius: 2px; 2107 color: white; 2108 display: block; 2109 float: none; 2110 font-weight: bold; 2111 margin: -24px auto 48px; 2112 text-align: center; 2113 letter-spacing: 1px; 2114 text-transform: uppercase; 2115 width: 140px; 2116} 2117#infinite-handle span:hover { 2118 background: #bd5532; 2119 -webkit-transition: all 0.3s ease-in-out; 2120 -moz-transition: all 0.3s ease-in-out; 2121 -o-transition: all 0.3s ease-in-out; 2122 transition: all 0.3s ease-in-out; 2123} 2124 2125 2126div.sharedaddy div.sd-block { 2127 padding: 11px 0 12px !important; 2128} 2129 2130/* =Social Links */ 2131.social-links { 2132 margin: 0 auto; 2133 padding: 12px 0 0; 2134 text-align: center; 2135} 2136.social-links ul { 2137 list-style: none; 2138 margin: 0; 2139 padding: 0; 2140} 2141.social-links ul li { 2142 display: inline-block; 2143 list-style: none; 2144 margin: 0; 2145} 2146.social-links ul a { 2147 display: inline-block; 2148 margin: 0 3px; 2149 text-decoration: none; 2150} 2151.social-links ul a:before { 2152 background: #6f9d9f; 2153 border-radius: 50%; 2154 color: white; 2155 content: "\f415"; 2156 display: block; 2157 font-size: 24px; 2158 line-height: 1; 2159 position: relative; 2160 transition: top 0.3s ease-in-out; 2161 margin-top: 6px; 2162 margin-bottom: 6px; 2163 padding: 6px; 2164 text-align: center; 2165 -webkit-transition: all 0.1s ease-in-out; 2166 -moz-transition: all 0.1s ease-in-out; 2167 -o-transition: all 0.1s ease-in-out; 2168 transition: all 0.1s ease-in-out; 2169} 2170.social-links ul a:hover { 2171 text-decoration: none; 2172} 2173.social-links ul a:hover:before { 2174 background: #bd5532; 2175 text-decoration: none; 2176 -webkit-transition: all 0.1s ease-in-out; 2177 -moz-transition: all 0.1s ease-in-out; 2178 -o-transition: all 0.1s ease-in-out; 2179 transition: all 0.1s ease-in-out; 2180} 2181.social-links ul:last-of-type { 2182 margin-right: 0; 2183} 2184.social-links ul a[href*="wordpress.org"]:before, 2185.social-links ul a[href*="wordpress.com"]:before { 2186 content: "\f205"; 2187} 2188.social-links ul a[href*="facebook.com"]:before { 2189 content: "\f204"; 2190} 2191.social-links ul a[href*="twitter.com"]:before { 2192 content: "\f202"; 2193} 2194.social-links ul a[href*="dribbble.com"]:before { 2195 content: "\f201"; 2196} 2197.social-links ul a[href*="plus.google.com"]:before { 2198 content: "\f206"; 2199} 2200.social-links ul a[href*="pinterest.com"]:before { 2201 content: "\f209"; 2202} 2203.social-links ul a[href*="github.com"]:before { 2204 content: "\f200"; 2205} 2206.social-links ul a[href*="tumblr.com"]:before { 2207 content: "\f214"; 2208} 2209.social-links ul a[href*="youtube.com"]:before { 2210 content: "\f213"; 2211} 2212.social-links ul a[href*="flickr.com"]:before { 2213 content: "\f211"; 2214} 2215.social-links ul a[href*="vimeo.com"]:before { 2216 content: "\f212"; 2217} 2218.social-links ul a[href*="instagram.com"]:before { 2219 content: "\f215"; 2220} 2221.social-links ul a[href*="codepen.io"]:before { 2222 content: "\f216"; 2223} 2224.social-links ul a[href*="linkedin.com"]:before { 2225 content: "\f207"; 2226} 2227.social-links ul a[href*="/feed"]:before { 2228 content: "\f413"; 2229} 2230 2231/* =Eventbrite */ 2232.eventbrite-event .entry-meta span:before { 2233 -webkit-font-smoothing: antialiased; 2234 font-family: "Genericons"; 2235 font-size: 24px; 2236 font-style: normal; 2237 font-weight: normal; 2238 line-height: 1; 2239 text-decoration: none; 2240 vertical-align: text-bottom; 2241} 2242.hentry.eventbrite-event:before { 2243 content: "\f305"; 2244} 2245.eventbrite-event .entry-meta > span { 2246 display: inline-block; 2247 margin: 0 8px; 2248 width: auto; 2249} 2250.eventbrite-event .event-time:before { 2251 content: "\f307"; 2252} 2253.eventbrite-event .event-venue-text:before { 2254 content: "\f417"; 2255} 2256.eventbrite-event .event-organizer-text:before { 2257 content: "\f304"; 2258} 2259.eventbrite-event .event-details-text:before { 2260 content: "\f455"; 2261}