1/*.entry { margin-top: 1.85em; }*/ 2.page li { display: block; } 3button, input, select, #qsearch__in::placeholder { color: #666666; } 4#writtensidebar { line-height: 1em; } 5.dokuwikierrorsandnotices { margin: 1em 0px; } 6.searchcontainer { clear: both; margin: 1em 0px; } 7#qsearch__in { width: 56%; } 8#mediamanager__page .file { width: 70%; clear: both; } 9.excerpt-meta { right: 82% !important; } 10.entry { padding-top: 64px !important; } 11.excerpt-meta { top: 100px !important; } 12.newmetamenu li { display: block; margin-bottom: 0.35em;} 13.page li, .page dd { display: block; margin: 0.35em 0px; } 14.site-info { margin-bottom: 1.35em; } 15 16#config__manager fieldset { clear: both; } 17#config__manager table { border-collapse: revert; border-spacing: 0px 1.85em; } 18#config__manager tr { padding: 1em 0px; } 19#config__manager td.label span.outkey { font-size: 1.15em !important; } 20 21/* defined in /lib/plugin/config.style.css */ 22#config__manager td input.edit { 23 width: 20em; 24} 25#config__manager td .input { 26 width: 20.8em; 27} 28#config__manager td select.edit { } 29#config__manager td textarea.edit { 30 width: 17.5em; 31 height: 4em; 32} 33 34 35/* 36Theme Name: Drop 37Theme URI: https://www.competethemes.com/drop/ 38Author: Compete Themes 39Author URI: https://www.competethemes.com/ 40Description: A Bold, Responsive Blog Theme 41Tags: gray, green, tan, white, light, white, one-column, responsive-layout, accessibility-ready, custom-menu, featured-images, microformats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready 42Version: 1.21 43License: GNU General Public License v2 or later 44License URI: http://www.gnu.org/licenses/gpl-2.0.html 45Text Domain: drop 46 47Drop WordPress Theme, Copyright 2015 Compete Themes 48Drop is distributed under the terms of the GNU GPL 49*/ 50/*===== Variables =====*/ 51/* Theme Colors */ 52/* Typography Variables */ 53/* Used in compass */ 54/* Social Media Brand Colors */ 55/*===== Mixins =====*/ 56/*===== Basic Styles =====*/ 57/* apply a natural box layout model to all elements */ 58*, *:before, *:after { 59 -moz-box-sizing: border-box; 60 -webkit-box-sizing: border-box; 61 box-sizing: border-box; 62} 63 64body { 65 font-size: 16px; 66 line-height: 24px; 67 font-family: "montserrat", "open sans", "sans-serif"; 68 font-weight: 400; 69 color: #666666; 70 background: #333333; 71 margin: 0; 72 padding: 0; 73 word-wrap: break-word; 74 -ms-word-wrap: break-word; 75 text-align: left; 76 direction: ltr; 77 unicode-bidi: embed; 78} 79 80.overflow-container { 81 overflow: hidden; 82} 83 84.main { 85 margin: 0 auto; 86 background: white; 87 position: relative; 88 left: 0; 89 overflow: hidden; 90 z-index: 0; 91 -webkit-transition: all 0.3s ease-in-out; 92 transition: all 0.3s ease-in-out; 93 -webkit-transform: translateZ(0); 94 transform: translateZ(0); 95} 96 97h1, h2, h3, h4, h5, h6 { 98 margin: 0; 99 padding: 0; 100 font-weight: 700; 101} 102 103h1 { 104 font-size: 2.625em; 105 /* 42px */ 106 line-height: 1.143; 107} 108 109h2 { 110 font-size: 2.25em; 111 /* 36px */ 112 line-height: 1.33; 113} 114 115h3 { 116 font-size: 1.625em; 117 /* 26px */ 118 line-height: 1.08; 119} 120 121h4 { 122 font-size: 1.3125em; 123 /* 21px */ 124 line-height: 1.14; 125} 126 127h5 { 128 font-size: 1.3125em; 129 /* 21px */ 130 line-height: 1.14; 131} 132 133h6 { 134 font-size: 1em; 135 line-height: 1.5; 136} 137 138/* Markup styles */ 139p { 140 font-family: "open sans", "sans-serif"; 141 margin: 24px 0; 142 -webkit-hyphens: auto; 143 -moz-hyphens: auto; 144 -ms-hyphens: auto; 145 hyphens: auto; 146} 147 148a, 149a:link { 150 color: #28805d; 151 text-decoration: none; 152 -webkit-transition: all 0.15s ease; 153 transition: all 0.15s ease; 154} 155 156a:visited { 157 color: #20664a; 158} 159 160a:hover, 161a:active, 162a:focus { 163 color: #2f996f; 164} 165 166article a { 167 text-decoration: underline; 168} 169 170ul, 171ol { 172 font-size: 1em; 173 padding: 0; 174 margin: 24px 5.55%; 175} 176ul ul, 177ul ol, 178ol ul, 179ol ol { 180 margin: 0 5.55%; 181} 182 183ul ul, 184ol ol, 185ul ol, 186ol ul, 187li li { 188 font-size: 1em; 189} 190 191article { 192 font-family: "open sans", "sans-serif"; 193} 194 195article hr { 196 border: none; 197 text-align: center; 198 font-size: 3em; 199 line-height: 0; 200 margin-bottom: 1em; 201 color: #cccccc; 202} 203 204article hr:after { 205 content: ". . ."; 206} 207 208pre { 209 background: whitesmoke; 210 padding: 0.75em; 211 border-top: solid 0.063em #e6e6e6; 212 border-left: solid 0.063em #e6e6e6; 213 word-wrap: break-word; 214 -ms-word-wrap: break-word; 215} 216 217code { 218 background: whitesmoke; 219} 220 221blockquote { 222 margin: 0 12.499%; 223 quotes: "\201C" "\201D"; 224 position: relative; 225} 226blockquote cite { 227 display: block; 228 margin-top: 24px; 229 font-style: italic; 230 text-align: right; 231} 232 233blockquote:before { 234 content: open-quote; 235 top: 0.083em; 236 left: -0.5em; 237 color: #e6e6e6; 238 position: absolute; 239 font-size: 6em; 240 z-index: 0; 241 /* make sure doesn't go behind a background */ 242} 243 244/* Table styles */ 245table { 246 border-spacing: 0; 247 border-collapse: collapse; 248 margin: 24px 0; 249} 250 251td { 252 padding: 0.25em 0.5em; 253 /* 8px / 16px */ 254 border: solid 0.063em #666666; 255} 256 257th { 258 padding: 0.25em 0.5em; 259 /* 8px / 16px */ 260 border: solid 0.063em #666666; 261} 262 263/* Image styles*/ 264.alignleft { 265 float: left; 266 margin: 0 1em 24px 0; 267} 268 269.alignright { 270 float: right; 271 margin: 0 0 24px 1em; 272} 273 274.aligncenter { 275 text-align: center; 276 margin: 24px auto; 277 display: block; 278} 279 280.alignnone { 281 margin: 24px; 282} 283 284img, 285.alignright, 286.alignleft, 287.aligncenter, 288.alignnone, 289.size-auto, 290.size-full, 291.size-large, 292.size-medium, 293.size-thumbnail { 294 max-width: 100%; 295 height: auto; 296} 297 298.wp-caption { 299 line-height: 0; 300} 301 302.wp-caption-text { 303 margin: 0; 304 display: inline-block; 305 border-bottom: solid 0.077em #e6e6e6; 306 font-size: 0.813em; 307 line-height: 1.85; 308} 309 310/* Form styles */ 311input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="image"]):not([type="search"]), 312textarea { 313 color: #666666; 314 background: whitesmoke; 315 font-family: "montserrat", "open sans", "sans-serif"; 316 padding: 1.6em; 317 width: 100%; 318 border: none; 319 margin: 0; 320 -webkit-appearance: none; 321 border-radius: 0; 322} 323 324input { 325 max-width: 30em; 326} 327 328textarea { 329 max-width: 40em; 330} 331 332input[type="submit"] { 333 padding: 1.6em; 334 border: none; 335 margin: 0; 336 width: 100%; 337 max-width: 20em; 338 -webkit-appearance: none; 339 border-radius: 0; 340 background: #28805d; 341 font-family: "montserrat", "open sans", "sans-serif"; 342 color: white; 343 text-transform: uppercase; 344 -webkit-transition: all 0.25s ease; 345 transition: all 0.25s ease; 346} 347 348input[type="submit"]:hover, 349input[type="submit"]:focus { 350 cursor: pointer; 351 background: #2f996f; 352} 353 354.post-password-form input[type="password"] { 355 display: block; 356 margin: 12px 0 !important; 357} 358 359/* placeholders */ 360::-webkit-input-placeholder { 361 color: #cccccc; 362 font-family: "montserrat", "open sans", "sans-serif"; 363} 364 365:-moz-placeholder { 366 color: #cccccc; 367 font-family: "montserrat", "open sans", "sans-serif"; 368} 369 370::-moz-placeholder { 371 color: #cccccc; 372 font-family: "montserrat", "open sans", "sans-serif"; 373} 374 375:-ms-input-placeholder { 376 color: #cccccc; 377 font-family: "montserrat", "open sans", "sans-serif"; 378} 379 380/* screen reader styling */ 381.screen-reader-text { 382 position: absolute; 383 clip: rect(1px 1px 1px 1px); 384 /* IE6, IE7 */ 385 clip: rect(1px, 1px, 1px, 1px); 386 overflow: hidden; 387 height: 1px; 388 width: 1px; 389} 390 391/* skip content link */ 392.skip-content { 393 position: absolute; 394 top: -9em; 395 width: 100%; 396 left: 0; 397 display: block; 398 text-align: center; 399 color: white !important; 400 z-index: 99; 401 padding: 0.75em; 402 background: #333333; 403} 404.skip-content:focus { 405 top: 3em; 406} 407 408/*----- Menu Styles -----*/ 409button.toggle-button { 410 color: #e6e6e6; 411 text-shadow: -0.077em 0.077em #242424; 412 font-size: 1.625em; 413 line-height: 1.5; 414 background: none; 415 position: relative; 416 border: none; 417 font-size: 1.625em; 418 /* 26px */ 419 line-height: 1.08; 420 -webkit-transition: all 0.15s ease-in-out; 421 transition: all 0.15s ease-in-out; 422} 423button.toggle-button:hover, button.toggle-button:active { 424 cursor: pointer; 425 outline: none; 426} 427button.toggle-button:focus { 428 background: #242424; 429} 430 431.site-header { 432 line-height: 0; 433 position: relative; 434 z-index: 0; 435 background: #333333; 436 padding: 0 5.55%; 437 height: 3em; 438} 439 440.title-info { 441 position: absolute; 442 top: 0; 443 right: 5.55%; 444} 445.title-info:after { 446 content: "."; 447 display: block; 448 clear: both; 449 visibility: hidden; 450 line-height: 0; 451 height: 0; 452} 453 454.site-title { 455 font-size: 1.625em; 456 /* 26px */ 457 line-height: 48px; 458 text-transform: uppercase; 459 text-shadow: -0.077em 0.077em #242424; 460} 461.site-title a, 462.site-title a:link, 463.site-title a:visited { 464 color: #e6e6e6; 465} 466.site-title a:hover, 467.site-title a:active, 468.site-title a:focus { 469 color: #37b382; 470} 471.site-title a:focus { 472 background: whitesmoke; 473} 474.site-title img { 475 max-width: 6em; 476 max-height: 1.25em; 477 display: inline-block; 478 vertical-align: middle; 479} 480 481.menu-slider { 482 position: absolute; 483 left: 0; 484 top: 3em; 485 z-index: -1; 486 width: 88.89%; 487 height: 75em; 488 padding: 1.5em 11.11%; 489 background: #333333; 490 color: #e6e6e6; 491 text-align: center; 492 -webkit-transition: all 0.25s ease-in-out; 493 transition: all 0.25s ease-in-out; 494} 495 496.site-info img { 497 border-radius: 50%; 498 width: 4.5em; 499 height: auto; 500 margin: 0 auto; 501 border-left: solid 0.125em #242424; 502 border-bottom: solid 0.125em #242424; 503} 504.site-info p { 505 line-height: 24px; 506 font-family: "montserrat", "open sans", "sans-serif"; 507} 508.site-info hr { 509 margin: 0 auto 24px; 510 width: 42.85%; 511} 512 513.menu-primary-items, 514.menu-unset > ul { 515 text-transform: uppercase; 516 list-style: none; 517} 518.menu-primary-items ul, 519.menu-unset > ul ul { 520 list-style: none; 521 position: relative; 522 top: 100%; 523 width: 100%; 524 margin: 0 auto; 525 background: rgba(36, 36, 36, 0.4); 526 overflow: hidden; 527} 528.menu-primary-items ul a, 529.menu-unset > ul ul a { 530 padding: 12px; 531 margin: 0; 532} 533.menu-primary-items ul li, 534.menu-unset > ul ul li { 535 padding: 0; 536} 537.menu-primary-items li, 538.menu-unset > ul li { 539 position: relative; 540 overflow: hidden; 541 -webkit-transition: all 0.3s ease-in-out; 542 transition: all 0.3s ease-in-out; 543} 544.menu-primary-items li a, 545.menu-unset > ul li a { 546 display: block; 547 line-height: 24px; 548 color: #e6e6e6; 549 padding: 12px 0; 550} 551.menu-primary-items li a:link, .menu-primary-items li a:visited, 552.menu-unset > ul li a:link, 553.menu-unset > ul li a:visited { 554 color: #e6e6e6; 555} 556.menu-primary-items li a:hover, .menu-primary-items li a:active, .menu-primary-items li a:focus, 557.menu-unset > ul li a:hover, 558.menu-unset > ul li a:active, 559.menu-unset > ul li a:focus { 560 color: #37b382; 561 cursor: pointer; 562 /* for unlinked parents */ 563} 564.menu-primary-items .current-menu-item > a:after, 565.menu-primary-items .current-menu-parent > a:after, 566.menu-primary-items .current-menu-ancestor > a:after, 567.menu-primary-items .current_page_item > a:after, 568.menu-primary-items .current_page_parent > a:after, 569.menu-primary-items .current_page_ancestor > a:after, 570.menu-unset > ul .current-menu-item > a:after, 571.menu-unset > ul .current-menu-parent > a:after, 572.menu-unset > ul .current-menu-ancestor > a:after, 573.menu-unset > ul .current_page_item > a:after, 574.menu-unset > ul .current_page_parent > a:after, 575.menu-unset > ul .current_page_ancestor > a:after { 576 content: ''; 577 position: absolute; 578 bottom: 0.5em; 579 width: 25%; 580 left: 37.5%; 581 background: #28805d; 582 height: 0.125em; 583 z-index: 1; 584} 585.menu-primary-items .menu-item-has-children, 586.menu-primary-items .page_item_has_children, 587.menu-unset > ul .menu-item-has-children, 588.menu-unset > ul .page_item_has_children { 589 position: relative; 590} 591.menu-primary-items .menu-item-has-children > a, 592.menu-primary-items .page_item_has_children > a, 593.menu-unset > ul .menu-item-has-children > a, 594.menu-unset > ul .page_item_has_children > a { 595 margin-left: -21px; 596} 597.menu-primary-items .menu-item-has-children > a:before, 598.menu-primary-items .page_item_has_children > a:before, 599.menu-unset > ul .menu-item-has-children > a:before, 600.menu-unset > ul .page_item_has_children > a:before { 601 content: '+ '; 602 font-size: 24px; 603 line-height: 0; 604 color: #28805d; 605} 606 607.social-media-icons { 608 list-style: none; 609} 610.social-media-icons li { 611 display: inline-block; 612 margin: 0 0.125em; 613 font-size: 1.625em; 614 /* 26px */ 615 line-height: 1.08; 616} 617.social-media-icons li a, 618.social-media-icons li a:link, 619.social-media-icons li a:visited { 620 color: #e6e6e6; 621} 622.social-media-icons li a:hover, 623.social-media-icons li a:active, 624.social-media-icons li a:focus { 625 color: #37b382; 626} 627 628/* Blog */ 629.page-header { 630 position: relative; 631 background: #28805d; 632 padding: 1.5em 5.55%; 633 text-transform: uppercase; 634 color: #333333; 635 -webkit-transition: margin 0.3s ease-in-out; 636 transition: margin 0.3s ease-in-out; 637 -webkit-backface-visibility: hidden; 638 backface-visibility: hidden; 639} 640.page-header h1, 641.page-header h2 { 642 text-shadow: -0.063em 0.063em #20664a; 643 color: #242424; 644} 645.page-header p { 646 margin: 0; 647} 648.page-header > div { 649 display: none; 650} 651 652.excerpts-container { 653 position: relative; 654 z-index: 10; 655 /* so page header doesn't cover sticky outline */ 656 -webkit-backface-visibility: hidden; 657 backface-visibility: hidden; 658} 659 660.excerpt { 661 margin: 1.5em 5.55% 4.5em; 662 border-bottom: solid 1px #e6e6e6; 663} 664 665.sticky { 666 margin: 0; 667 padding: 1.5em 5.55% 4.5em; 668 outline: solid 0.25em #666666; 669 background: #b0e1ce; 670} 671.sticky .excerpt-meta, 672.sticky .excerpt-content { 673 color: #333333; 674} 675.sticky .excerpt-title a { 676 color: #333333; 677} 678.sticky .excerpt-title a:link, .sticky .excerpt-title a:visited, .sticky .excerpt-title a:hover, .sticky .excerpt-title a:active, .sticky .excerpt-title a:focus { 679 color: #333333; 680} 681.sticky a { 682 color: #20664a; 683} 684.sticky a:link, .sticky a:visited { 685 color: #20664a; 686} 687.sticky a:hover, .sticky a:active { 688 color: #333333; 689} 690 691.featured-image { 692 position: relative; 693 height: 216px; 694 -webkit-background-size: cover; 695 background-size: cover; 696 background-position: 50%; 697 margin-bottom: 24px; 698} 699.featured-image a { 700 position: absolute; 701 top: 0; 702 right: 0; 703 bottom: 0; 704 left: 0; 705 opacity: 0; 706} 707.featured-image:after { 708 content: ''; 709 position: absolute; 710 top: 0.25em; 711 width: 100%; 712 left: -0.25em; 713 bottom: -0.25em; 714 background: #b3b3b3; 715 z-index: -1; 716} 717 718.excerpt-date, 719.excerpt-author, 720.excerpt-category { 721 display: inline-block; 722} 723 724.excerpt-date:after, 725.excerpt-author:after { 726 content: ' / '; 727} 728 729.excerpt-author span, 730.excerpt-category span { 731 display: none; 732 /* also affects archive */ 733} 734.excerpt-author a, 735.excerpt-author a:link, 736.excerpt-category a, 737.excerpt-category a:link { 738 text-decoration: underline; 739 /* why is this being printed twice? */ 740} 741 742.excerpt-title { 743 text-transform: uppercase; 744} 745.excerpt-title a { 746 color: #666666; 747} 748.excerpt-title a:hover, 749.excerpt-title a:active, 750.excerpt-title a:focus { 751 text-decoration: underline; 752} 753 754.more-link { 755 text-decoration: underline; 756 clear: both; 757} 758.more-link:link { 759 text-decoration: underline; 760} 761 762.loop-pagination { 763 margin: 1.5em 5.55%; 764 text-align: center; 765 position: relative; 766} 767.loop-pagination a, 768.loop-pagination span { 769 margin: 0 0.25em; 770} 771.loop-pagination a:link, 772.loop-pagination a:visited { 773 color: #28805d; 774} 775.loop-pagination a:hover, 776.loop-pagination a:active, 777.loop-pagination a:focus { 778 color: #2f996f; 779} 780.loop-pagination .prev, 781.loop-pagination .next { 782 position: absolute; 783 text-transform: uppercase; 784 text-decoration: underline; 785} 786.loop-pagination .prev:link, 787.loop-pagination .next:link { 788 text-decoration: underline; 789} 790.loop-pagination .prev { 791 left: 0; 792} 793.loop-pagination .next { 794 right: 0; 795} 796 797/* Post */ 798.entry-meta-top, 799.entry-header, 800.entry-meta-bottom { 801 margin: 0 5.55%; 802} 803 804.entry { 805 padding-top: 24px; 806 padding-bottom: 48px; 807} 808.entry .featured-image:after { 809 left: 0; 810} 811 812.entry.has-post-thumbnail { 813 padding-top: 0; 814} 815 816.entry-meta-top p { 817 font-family: "montserrat", "open sans", "sans-serif"; 818 margin-bottom: 0; 819} 820.entry-meta-top a, 821.entry-meta-top a:link { 822 text-decoration: underline; 823} 824 825.entry-title { 826 text-transform: uppercase; 827} 828 829.entry-content { 830 margin: 1.5em 5.55%; 831} 832.entry-content iframe { 833 -webkit-transform: translateZ(0); 834 transform: translateZ(0); 835} 836 837.entry-meta-bottom { 838 margin-top: 48px; 839} 840 841.further-reading { 842 clear: both; 843 margin-top: 48px; 844 margin-bottom: 24px; 845} 846.further-reading p { 847 font-family: "montserrat", "open sans", "sans-serif"; 848} 849.further-reading span { 850 text-transform: uppercase; 851 display: block; 852} 853.further-reading a, 854.further-reading a:link { 855 text-decoration: underline; 856 font-size: 0.813em; 857 line-height: 1.85; 858} 859 860.entry-categories p, 861.entry-tags p { 862 font-family: "montserrat", "open sans", "sans-serif"; 863} 864.entry-categories span, 865.entry-tags span { 866 text-transform: uppercase; 867 display: block; 868} 869.entry-categories a, 870.entry-tags a { 871 margin: 0 1em 0 0; 872 text-transform: uppercase; 873 font-size: 0.813em; 874 line-height: 1.85; 875} 876 877.singular-pagination { 878 font-family: "montserrat", "open sans", "sans-serif"; 879 text-transform: uppercase; 880} 881.singular-pagination a { 882 margin: 0 0.5em; 883} 884 885/* Comments */ 886.comments { 887 margin: 0 5.55%; 888 padding: 48px 0 24px; 889 border-top: solid 0.125em #cccccc; 890} 891.comments ul, 892.comments ol { 893 list-style: none; 894} 895 896.comments-number { 897 text-transform: uppercase; 898} 899.comments-number h3 { 900 font-size: 2.25em; 901 /* 36px */ 902 line-height: 1.33; 903 font-weight: 400; 904} 905 906.comment-list { 907 padding: 0; 908 margin: 48px 0; 909} 910.comment-list ul { 911 margin: 24px 0 24px 24px; 912} 913.comment-list ul li:first-child:before { 914 content: "\2192"; 915 position: absolute; 916 top: 0.75em; 917 left: -1.6em; 918} 919 920li.comment, 921li.pingback { 922 margin-bottom: 48px; 923 position: relative; 924} 925li.comment .avatar, 926li.comment .author-profile-avatar, 927li.pingback .avatar, 928li.pingback .author-profile-avatar { 929 width: 48px; 930 height: auto; 931 border-radius: 50%; 932 float: left; 933 margin-right: 1em; 934 margin-bottom: 12px; 935} 936li.comment .avatar img, 937li.comment .author-profile-avatar img, 938li.pingback .avatar img, 939li.pingback .author-profile-avatar img { 940 border-radius: 50%; 941} 942li.comment .author-name a, 943li.comment .author-name a:link, 944li.pingback .author-name a, 945li.pingback .author-name a:link { 946 text-decoration: underline; 947 text-transform: uppercase; 948} 949li.comment .comment-content, 950li.pingback .comment-content { 951 clear: both; 952 margin: -12px 0; 953} 954li.comment .comment-footer, 955li.pingback .comment-footer { 956 font-size: 0.813em; 957 line-height: 1.85; 958} 959li.comment .comment-footer div, 960li.pingback .comment-footer div { 961 display: inline-block; 962} 963li.comment .comment-reply-link, 964li.pingback .comment-reply-link { 965 text-transform: uppercase; 966} 967li.comment .comment-reply-link:after, 968li.pingback .comment-reply-link:after { 969 content: ' | '; 970 text-decoration: none; 971 color: #666666; 972} 973li.comment .comment-edit-link:before, 974li.pingback .comment-edit-link:before { 975 content: ' | '; 976 color: #666666; 977} 978 979.bypostauthor img { 980 border: solid 0.125em #28805d; 981} 982 983.comment-pagination p { 984 font-family: "montserrat", "open sans", "sans-serif"; 985 text-transform: uppercase; 986 text-align: center; 987} 988 989.comments-closed { 990 font-family: "montserrat", "open sans", "sans-serif"; 991 text-transform: uppercase; 992} 993 994/* Comment form */ 995.comment-reply-title { 996 text-transform: uppercase; 997 font-weight: 400; 998} 999 1000.comment-respond { 1001 margin-bottom: 48px; 1002} 1003 1004/* Footer */ 1005.site-footer { 1006 background: #333333; 1007 padding: 1.5em 5.55% 0; 1008 position: relative; 1009 color: #b3b3b3; 1010 -webkit-transition: all 0.3s ease-in-out; 1011 transition: all 0.3s ease-in-out; 1012 -webkit-transform: translateZ(0); 1013 transform: translateZ(0); 1014} 1015.site-footer a { 1016 color: white; 1017} 1018.site-footer a:link, .site-footer a:visited { 1019 color: white; 1020} 1021.site-footer a:hover, .site-footer a:active, .site-footer a:focus { 1022 color: #2f996f; 1023} 1024.site-footer .widget-title { 1025 text-transform: uppercase; 1026 font-weight: 400; 1027} 1028.site-footer .widget ul, 1029.site-footer .widget ol { 1030 list-style: none; 1031 margin-right: 0; 1032} 1033.site-footer .copyright { 1034 background: #242424; 1035} 1036 1037.sidebar-subsidiary { 1038 padding-bottom: 24px; 1039} 1040 1041.copyright { 1042 position: relative; 1043 background: #333333; 1044 color: #b3b3b3; 1045 text-transform: uppercase; 1046 width: 113%; 1047 left: -6.5%; 1048 padding: 24px 5.55%; 1049 text-align: center; 1050} 1051.copyright p { 1052 font-family: "montserrat", "open sans", "sans-serif"; 1053 font-size: 0.813em; 1054 line-height: 1.85; 1055 margin: 0; 1056} 1057.copyright a, 1058.copyright a:link, 1059.copyright a:visited { 1060 color: #b3b3b3; 1061 text-decoration: underline; 1062} 1063.copyright a:hover, 1064.copyright a:active, 1065.copyright a:focus { 1066 color: #28805d; 1067} 1068 1069/* Attachment styles */ 1070.singular-attachment .further-reading a { 1071 font-size: 1em; 1072 line-height: 1.5; 1073 color: #666666; 1074} 1075.singular-attachment .further-reading a:link, .singular-attachment .further-reading a:visited { 1076 color: #666666; 1077} 1078.singular-attachment .further-reading a:hover, .singular-attachment .further-reading a:active, .singular-attachment .further-reading a:focus { 1079 color: #28805d; 1080} 1081.singular-attachment .further-reading p { 1082 width: 49.5%; 1083} 1084 1085/* Search Form */ 1086.search-form-container { 1087 position: absolute; 1088 width: 100%; 1089 height: 100%; 1090 top: 0; 1091 right: 0; 1092} 1093.search-form-container input { 1094 border: none; 1095} 1096.search-form-container form { 1097 position: absolute; 1098 height: 100%; 1099 width: 100%; 1100} 1101.search-form-container .search-field { 1102 position: absolute; 1103 top: 0; 1104 right: 0; 1105 width: 100%; 1106 max-width: none; 1107 height: 72px; 1108 z-index: -1; 1109 padding: 0.75em 11.11%; 1110 font-family: "montserrat", "open sans", "sans-serif"; 1111 font-size: 1em; 1112 line-height: 1.5; 1113 color: #666666; 1114 background: #e6e6e6; 1115 -webkit-transition: top 0.3s ease-in-out; 1116 transition: top 0.3s ease-in-out; 1117 -webkit-backface-visibility: hidden; 1118 backface-visibility: hidden; 1119} 1120.search-form-container .search-field::-webkit-input-placeholder { 1121 color: #666666; 1122} 1123.search-form-container .search-field:-moz-placeholder { 1124 color: #666666; 1125} 1126.search-form-container .search-field::-moz-placeholder { 1127 color: #666666; 1128} 1129.search-form-container .search-field:-ms-input-placeholder { 1130 color: #666666; 1131} 1132.search-form-container input[type="search"].search-field { 1133 -webkit-appearance: none; 1134 -webkit-border-radius: 0px; 1135} 1136.search-form-container .search-submit { 1137 background: none; 1138 font-size: 16px; 1139 z-index: 0; 1140 /* so 'sticky' post outline doesn't get cut off */ 1141 -webkit-transition: all 0.3s ease-in-out; 1142 transition: all 0.3s ease-in-out; 1143} 1144.search-form-container span { 1145 color: white; 1146 background: #28805d; 1147 z-index: 5; 1148 -webkit-backface-visibility: hidden; 1149 backface-visibility: hidden; 1150} 1151.search-form-container span i { 1152 font-size: 1.625em; 1153 /* 26px */ 1154 line-height: 1.08; 1155 position: absolute; 1156 top: 28%; 1157 left: 35%; 1158 left: calc(50% - 12px); 1159} 1160.search-form-container .search-submit, 1161.search-form-container span { 1162 position: absolute; 1163 right: 0; 1164 top: 0; 1165 width: 22.22%; 1166 height: 100%; 1167 display: block; 1168 padding: 0; 1169 margin: 0; 1170 cursor: pointer; 1171} 1172 1173input[type="search"]::-webkit-search-decoration, 1174input[type="search"]::-webkit-search-cancel-span, 1175input[type="search"]::-webkit-search-results-span, 1176input[type="search"]::-webkit-search-results-decoration { 1177 display: none; 1178} 1179 1180.search-form-container.open .search-field { 1181 top: 100%; 1182} 1183.search-form-container.open .search-submit { 1184 top: 100%; 1185 height: 4.5em; 1186 color: #666666; 1187} 1188.search-form-container.open .search-submit:hover, .search-form-container.open .search-submit:focus { 1189 background-color: #b3b3b3; 1190} 1191.search-form-container.open span { 1192 background: #20664a; 1193} 1194 1195/* content attachment */ 1196.attachment .entry { 1197 margin-top: 48px; 1198} 1199 1200.singular-page .entry { 1201 padding-top: 0; 1202} 1203 1204/* 404 */ 1205.error-404 .entry, 1206.search .entry { 1207 padding-top: 0; 1208} 1209.error-404 .search-form-container, 1210.search .search-form-container { 1211 position: relative; 1212 height: 4.5em; 1213 margin-bottom: 48px; 1214} 1215.error-404 .search-form-container form, 1216.search .search-form-container form { 1217 top: -100%; 1218} 1219.error-404 .search-form-container .search-field, 1220.error-404 .search-form-container .search-submit, 1221.search .search-form-container .search-field, 1222.search .search-form-container .search-submit { 1223 top: 100%; 1224 z-index: 2; 1225} 1226.error-404 .search-form-container .search-submit, 1227.search .search-form-container .search-submit { 1228 background: #20664a; 1229} 1230.error-404 .search-form-container .search-submit:hover, .error-404 .search-form-container .search-submit:active, .error-404 .search-form-container .search-submit:focus, 1231.search .search-form-container .search-submit:hover, 1232.search .search-form-container .search-submit:active, 1233.search .search-form-container .search-submit:focus { 1234 background: #2f996f; 1235} 1236.error-404 .search-form-container span, 1237.search .search-form-container span { 1238 top: 100%; 1239 z-index: 1; 1240} 1241.error-404 .search-form-container span i, 1242.search .search-form-container span i { 1243 top: 15%; 1244} 1245 1246.search .search-bottom { 1247 margin: 1.5em 5.55%; 1248 border-top: solid 0.125em #cccccc; 1249} 1250