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