1@-webkit-keyframes constantrotation { 2 0% { 3 transform: rotate(0deg); 4 -webkit-transform: rotate(0deg); 5 -moz-transform: rotate(0deg); 6 -ms-transform: rotate(0deg); 7 -o-transform: rotate(0deg); 8 background: red 9 } 10 11 to { 12 transform: rotate(36deg); 13 -webkit-transform: rotate(36deg); 14 -moz-transform: rotate(36deg); 15 -ms-transform: rotate(36deg); 16 -o-transform: rotate(36deg); 17 background: blue 18 } 19} 20 21@keyframes constantrotation { 22 0% { 23 transform: rotate(0deg); 24 -webkit-transform: rotate(0deg); 25 -moz-transform: rotate(0deg); 26 -ms-transform: rotate(0deg); 27 -o-transform: rotate(0deg); 28 background: red 29 } 30 31 to { 32 transform: rotate(36deg); 33 -webkit-transform: rotate(36deg); 34 -moz-transform: rotate(36deg); 35 -ms-transform: rotate(36deg); 36 -o-transform: rotate(36deg); 37 background: blue 38 } 39} 40 41body { 42 font-family: "Source Sans Pro"; 43 font-size: 14px; 44 font-weight: 300 45} 46 47body:not(.blog) #search-top { 48 display: none 49} 50 51.container { 52 width: 100% 53} 54 55a,a:active,a:hover,a:visited { 56 color: #666; 57 text-decoration: none; 58 -webkit-transition: ease all .1s; 59 -o-transition: ease all .1s; 60 transition: ease all .1s 61} 62 63#main { 64 margin-right: 20px 65} 66 67#content { 68 padding: 0px 69} 70 71#primary-home { 72 position: relative; 73 left: 25% 74} 75 76#primary-home #page-title { 77 font-family: "Source Sans Pro", Sans-Serif; 78 font-size: 22px; 79 text-transform: uppercase; 80 font-variant: small-caps!important; 81 font-weight: 700; 82 padding: 10px 0; 83 text-align: center; 84 margin-top: 10px; 85 width: 100%; 86 color: black 87} 88 89#primary-home .site-main { 90 padding: 0px 91} 92 93.header-top { 94 position: absolute 95} 96 97#header-wrapper { 98 position: relative 99} 100 101.site-header { 102 overflow: hidden 103} 104 105.site-header .site-branding { 106 z-index: 2; 107 position: absolute; 108 text-align: center; 109 top: 15% 110} 111 112.site-header .site-branding #logo { 113 max-width: 300px; 114 margin: auto 115} 116 117.site-header .site-branding #logo img { 118 width: 200px; 119 height: auto 120} 121 122.site-header .site-branding .site-title { 123 padding: 10px 20px; 124 font-weight: 700 125} 126 127.site-header .site-branding .site-description { 128 font-size: 16px; 129 padding: 10px 20px; 130 margin: 0px 131} 132 133.header-image { 134 height: 100vh; 135 border-top: solid 1px #999; 136 border-bottom: solid 1px #999; 137 top: 0px; 138 left: 0px; 139 right: 0px; 140 z-index: 1 141} 142 143body:not(.blog) .site-branding { 144 width: 25%; 145 position: fixed; 146 top: 20% 147} 148 149#search-top { 150 position: absolute; 151 display: block; 152 width: 100%; 153 text-align: center; 154 top: 60%; 155 z-index: 9; 156 margin-left: auto; 157 margin-right: auto 158} 159 160#search-top input[type=text] { 161 border: solid 1px rgba(0, 0, 0, 0.5); 162 outline: 0px; 163 border-radius: 13px; 164 background: rgba(255, 255, 255, 0.5); 165 width: 250px 166} 167 168#search-top button[type=submit] { 169 position: relative; 170 padding: 0px; 171 -webkit-box-shadow: none; 172 box-shadow: none; 173 background: transparent; 174 border: 0px; 175 right: 27px 176} 177 178#search-top button[type=submit] img { 179 height: 15px; 180 width: auto 181} 182 183#page { 184 z-index: 2; 185 position: relative; 186 top: 100%; 187 padding: 0px 188} 189 190#page a { 191 color: #555 192} 193 194#page a:hover { 195 color: #999 196} 197 198#scroll-arrow { 199 position: absolute; 200 right: 5%; 201 z-index: 999; 202 bottom: 20px; 203 color: white; 204 cursor: pointer; 205 padding: 20px; 206 background: rgba(0, 0, 0, 0.5); 207 border-radius: 10px 208} 209 210body:not(.blog) .site-branding { 211 width: 25%; 212 position: fixed; 213 top: 20% 214} 215 216body:not(.blog) .site-branding h2.site-description { 217 margin: 0px 218} 219 220.main-navigation { 221 z-index: 3; 222 position: absolute; 223 font-size: 14px; 224 background: rgba(0, 0, 0, 0.4); 225 font-weight: 300 226} 227 228.main-navigation a { 229 color: #eee 230} 231 232.main-navigation ul { 233 -webkit-transition: opacity ease-in-out 0.2s; 234 -o-transition: opacity ease-in-out 0.2s; 235 transition: opacity ease-in-out 0.2s 236} 237 238.main-navigation ul li { 239 margin: 0px 15px; 240 padding: 15px 0px; 241 display: inline-block; 242 float: none 243} 244 245.main-navigation ul li ul { 246 background: transparent; 247 -webkit-box-shadow: none; 248 box-shadow: none; 249 margin-top: 29px; 250 border-top: solid 1px transparent; 251 opacity: 0 252} 253 254.main-navigation ul li ul li.page_item_has_children>a:after { 255 content: "\f105"; 256 font-family: "FontAwesome"; 257 margin-left: 10px; 258 color: rgba(255, 255, 255, 0.7) 259} 260 261.main-navigation ul li ul a { 262 width: auto 263} 264 265.main-navigation ul li ul li { 266 width: 150px; 267 margin: 0px; 268 padding: 8px 10px; 269 text-align: left; 270 background: rgba(0, 0, 0, 0.4) 271} 272 273.main-navigation ul li ul li ul { 274 margin-top: -1px; 275 margin-left: 1px 276} 277 278.main-navigation ul>li.page_item_has_children>a:after { 279 content: "\f107"; 280 font-family: FontAwesome; 281 margin-left: 10px 282} 283 284.main-navigation li:hover>ul { 285 opacity: 1 286} 287 288.main-navigation ul.nav-menu { 289 text-align: center 290} 291 292.main-navigation ul>li { 293 float: none; 294 display: inline-block 295} 296 297.slicknav_menu { 298 position: absolute; 299 z-index: 999; 300 background: rgba(0, 0, 0, 0.5); 301 width: 100%; 302 padding: 10px 303} 304 305.slicknav_menu a { 306 color: white 307} 308 309.slicknav_menu a.slicknav_btn { 310 font-size: 16px; 311 display: inline-block; 312 text-align: right 313} 314 315.slicknav_menu a .slicknav_menutxt { 316 background: #000; 317 color: white; 318 font-weight: 400; 319 padding: 10px 10px 320} 321 322.slicknav_menu ul { 323 width: 80% 324} 325 326.slicknav_menu li { 327 list-style: none; 328 padding: 10px 329} 330#social-icons { 331 position: absolute; 332 bottom: 10%; 333 z-index: 9; 334 text-align: center; 335 display: block; 336 width: 100% 337} 338 339#social-icons span { 340 font-size: 30px 341} 342 343#social-icons span i.fa-circle { 344 color: #000 345} 346 347body:not(.blog) #social-icons { 348 width: 25%; 349 position: fixed; 350 padding: 0px 15px 351} 352 353body:not(.blog) #social-icons i { 354 margin: 10px 355} 356 357.page .header-image,.single .header-image { 358 display: none 359} 360 361.page .main-navigation,.single .main-navigation { 362 position: fixed 363} 364 365.page #page,.single #page { 366 margin-top: 60px; 367 width: 75%; 368 position: relative; 369 float: right 370} 371 372.page #page .entry-header,.single #page .entry-header { 373 padding: 10px 0px 374} 375 376.page #page .entry-header h1.entry-title,.single #page .entry-header h1.entry-title { 377 padding: 4px 0px; 378 margin: 0px; 379 font-size: 30px 380} 381 382.page #page .entry-header .entry-meta,.single #page .entry-header .entry-meta { 383 background: #000; 384 padding: 10px 20px; 385 text-align: right 386} 387 388.page #page .entry-header .entry-meta a,.single #page .entry-header .entry-meta a { 389 color: #eee; 390 text-transform: uppercase; 391 font-weight: 700; 392 font-size: 13px 393} 394 395.page #page .entry-header .entry-meta .byline,.page #page .entry-header .entry-meta .posted-on,.single #page .entry-header .entry-meta .byline,.single #page .entry-header .entry-meta .posted-on { 396 display: inline-block; 397 text-align: right 398} 399 400.page #page .entry-content,.single #page .entry-content { 401 margin-bottom: 10px; 402 margin-top: 10px 403} 404 405.page #page .entry-content p,.single #page .entry-content p { 406 font-size: 15px; 407 line-height: 2em; 408 letter-spacing: 0.05em 409} 410 411.page #page .entry-content img,.single #page .entry-content img { 412 max-width: 80%; 413 display: block; 414 margin: auto 415} 416 417.page #page .entry-footer,.single #page .entry-footer { 418 display: inline-block; 419 width: 100%; 420 text-transform: uppercase; 421 border-top: solid 1px #ddd 422} 423 424.page #page .entry-footer a,.single #page .entry-footer a { 425 display: inline-block 426} 427 428.page #page .entry-footer .cat-links,.single #page .entry-footer .cat-links { 429 text-align: center; 430 font-size: 12px 431} 432 433.page #page .entry-footer .tags-links,.single #page .entry-footer .tags-links { 434 text-align: center; 435 font-size: 12px 436} 437 438.page #page .entry-footer .comments-link,.single #page .entry-footer .comments-link { 439 text-align: center; 440 font-size: 12px 441} 442 443.page #page .entry-footer .edit-link,.single #page .entry-footer .edit-link { 444 display: inline-block; 445 width: 100%; 446 text-align: left 447} 448 449.page #page .entry-footer .text,.single #page .entry-footer .text { 450 color: black; 451 margin-bottom: 10px; 452 margin-top: 10px; 453 padding-top: 5px; 454 font-weight: 700; 455 font-size: 16px; 456 width: 100%; 457 display: block 458} 459 460.page #page .post-navigation,.single #page .post-navigation { 461 display: block; 462 width: 100%; 463 background: #000; 464 padding: 10px 20px; 465 margin-top: 15px 466} 467 468.page #page .post-navigation a,.single #page .post-navigation a { 469 color: white; 470 font-size: 14px; 471 font-weight: 700 472} 473 474.single-format-video .fa-video-camera { 475 position: absolute; 476 z-index: -1; 477 font-size: 100px; 478 color: #ddd; 479 top: -18px; 480 left: -10px 481} 482 483.single-format-audio .fa-headphones { 484 position: absolute; 485 z-index: -1; 486 font-size: 100px; 487 color: #ddd; 488 top: -18px; 489 left: -10px 490} 491 492.single-format-image .fa-file-image-o { 493 position: absolute; 494 z-index: -1; 495 font-size: 100px; 496 color: #ddd; 497 top: -18px; 498 left: -10px 499} 500 501.single-thumb { 502 margin: 15px auto; 503 width: 100%; 504 text-align: center 505} 506 507.single-thumb img { 508 width: 70%; 509 display: block; 510 margin: auto 511} 512 513.single-format-gallery #primary .entry-content .gallery-icon img { 514 margin: 0px; 515 max-width: 100%; 516 width: 100% 517} 518 519.single-format-gallery #primary .entry-content figcaption { 520 margin: 5px 521} 522 523.left-sidebar { 524 position: relative; 525 right: 50%; 526 background: none!important 527} 528 529.right-sidebar { 530 position: relative; 531 background: none!important; 532 float: right 533} 534 535#secondary { 536 padding-left: 30px; 537 padding-right: 30px; 538 background: #eee 539} 540 541#secondary .widget h1.widget-title { 542 padding: 10px; 543 margin-top: 25px; 544 font-size: 22px; 545 color: #000; 546 font-weight: 400; 547 font-variant: small-caps; 548 margin-bottom: 0px 549} 550 551#secondary .widget>ul { 552 border: solid 1px #ddd 553} 554 555#secondary .widget ul { 556 margin-left: 0px; 557 background: #f5f5f5; 558 padding: 10px 30px; 559 list-style: none; 560 border: solid 1px #ddd 561} 562 563#secondary .widget ul ul { 564 border: none 565} 566 567#secondary .widget li { 568 line-height: 2em 569} 570 571#secondary .widget a:hover { 572 color: #000 573} 574 575#secondary .widget_search { 576 margin-top: 20px; 577 margin-bottom: 10px; 578 margin-left: auto; 579 margin-right: auto 580} 581 582#secondary .widget_search form { 583 display: inline-block; 584 width: 100%; 585 margin: auto 586} 587 588#secondary .widget_search form label { 589 width: 100% 590} 591 592#secondary .widget_search form label input[type=search] { 593 width: 100%; 594 outline: none; 595 border-radius: 0px; 596 font-family: "Source Sans Pro", "Sans Serif"; 597 font-weight: 300 598} 599 600#secondary .widget_text .textwidget { 601 padding: 10px 30px; 602 background: #f5f5f5; 603 border: solid 1px #ddd 604} 605 606#secondary .widget_text .textwidget p { 607 margin: 0; 608 color: #555 609} 610 611#secondary .widget_nav_menu ul ul.sub-menu { 612 padding: 5px 10px 613} 614 615.pagination { 616 display: block; 617 clear: both; 618 text-align: center; 619 margin: 0px; 620 padding: 30px 0 621} 622 623.pagination li { 624 list-style: none; 625 float: left; 626 color: #000; 627 margin: 0px 7px 628} 629 630.pagination li span { 631 background: none; 632 padding: 10px; 633 margin-right: 1px 634} 635 636.pagination li .page_count:after { 637 color: #b93d3d 638} 639 640.pagination li .page_count:before { 641 color: #b93d3d 642} 643 644.pagination ul { 645 float: none; 646 display: inline-block 647} 648 649.pagination a { 650 color: #000; 651 background: white; 652 padding: 10px 16px; 653 margin-left: 1px; 654 border: solid 1px #000; 655 border-radius: 50%; 656 text-decoration: none; 657 -webkit-transition: background ease-in-out 0.2s, color ease-in 0.2s; 658 -o-transition: background ease-in-out 0.2s, color ease-in 0.2s; 659 transition: background ease-in-out 0.2s, color ease-in 0.2s 660} 661 662.pagination .next,.pagination .prev { 663 padding: 0px; 664 border: 0px; 665 background: none 666} 667 668.pagination .dots { 669 background: none; 670 border: none 671} 672 673.pagination .current { 674 background: #000; 675 color: white; 676 border-right: none; 677 padding: 10px 16px; 678 border-radius: 50%; 679 margin: 0; 680 margin-left: 1px 681} 682 683.pagination a:hover:not(.next):not(.prev) { 684 background: #000; 685 color: white 686} 687 688#comments .form-allowed-tags { 689 display: none 690} 691 692#comments ul { 693 list-style: none 694} 695 696#comments ul li { 697 border-left: solid 1px #ccc; 698 border-top: solid 1px #ccc; 699 border-bottom: solid 1px #ccc; 700 border-right: solid 1px #ccc; 701 margin-bottom: 10px; 702 margin-right: -1px; 703 background: #f5f5f5 704} 705 706#comments ul li:nth-child(3n) { 707 background: #ddd 708} 709 710#comments ul li:nth-child(3n+1) { 711 background: #eee 712} 713 714#comments ul li:nth-child(3n+2) { 715 background: #f5f5f5 716} 717 718#comments ul li .children { 719 margin-left: 10px 720} 721 722#comments ul .comment-body { 723 list-style: none; 724 margin: 20px 0px 20px 10px 725} 726 727#comments ul .comment-body .comment-meta .vcard { 728 display: inline-block; 729 width: 100% 730} 731 732#comments ul .comment-body .comment-meta .vcard span { 733 display: none 734} 735 736#comments ul .comment-body .comment-meta .vcard img { 737 min-height: 50px; 738 width: auto; 739 display: inline-block; 740 border: solid 1px #ccc 741} 742 743#comments ul .comment-body .comment-meta .vcard b { 744 display: block; 745 font-weight: 300; 746 padding: 4px 0px 747} 748 749#comments ul .comment-body .comment-meta .comment-metadata { 750 display: inline-block; 751 float: none; 752 padding: 10px 0px 753} 754 755#comments ul .comment-body .comment-meta .comment-metadata time { 756 display: inline-block; 757 float: left; 758 background: black; 759 color: white; 760 padding: 5px 8px 761} 762 763#comments ul .comment-body .comment-meta .comment-metadata .edit-link { 764 margin-left: 10px; 765 font-weight: 400 766} 767 768#comments ul .comment-body .comment-content { 769 padding: 10px 20px; 770 margin-bottom: 10px; 771 margin-right: 10px; 772 border: solid 1px #ccc; 773 background: white; 774 border-radius: 3px 775} 776 777#comments ul .comment-body .comment-content ol li,#comments ul .comment-body .comment-content ul li { 778 border: 0px; 779 background: transparent 780} 781 782#comments ul .comment-body .reply { 783 display: inline-block; 784 background: #000; 785 padding: 5px 10px 786} 787 788#comments ul .comment-body .reply a { 789 color: white 790} 791 792#comments #respond { 793 text-align: center 794} 795 796#comments #respond .comment-form-comment label { 797 text-transform: uppercase 798} 799 800#comments #respond .comment-form-comment textarea { 801 border-radius: 0px!important; 802 outline: none 803} 804 805#comments #respond .form-submit input { 806 -webkit-box-shadow: none!important; 807 box-shadow: none!important; 808 border-radius: 0px; 809 text-shadow: none!important; 810 padding: 13px 20px; 811 text-transform: uppercase; 812 font-weight: 400 813} 814 815#comments .comment-form-author,#comments .comment-form-email,#comments .comment-form-url { 816 display: inline-block; 817 margin-right: 46px; 818 padding: 10px 0px 819} 820 821#footer-sidebar .widget h1.widget-title { 822 padding: 10px 0 10px 10px; 823 background: #000; 824 color: #eee; 825 font-size: 20px; 826 font-weight: 300; 827 text-transform: uppercase; 828 border-bottom: dotted 2px #999999 829} 830 831#footer-sidebar .widget h1.widget-title:before { 832 content: "\25A0"; 833 color: white; 834 margin-right: 12px; 835 top: 3px 836} 837 838#footer-sidebar .widget ul { 839 margin-left: 30px; 840 list-style: none 841} 842 843#footer-sidebar .widget li { 844 line-height: 2em 845} 846 847.front-page .site-info,.home .site-info { 848 background: #eee; 849 padding: 20px 10px; 850 border-top: solid 2px #000; 851 font-weight: 400 852} 853 854.front-page .footer-text,.home .footer-text { 855 display: inline-block 856} 857 858.front-page .powered-by,.home .powered-by { 859 display: inline-block; 860 float: right 861} 862 863body:not(.home):not(.front-page) .site-info { 864 padding: 20px 10px; 865 font-weight: 400; 866 text-align: right 867} 868 869body.archive #page #primary header.page-header .page-title { 870 font-weight: 700 871} 872 873body.archive #page #primary .grid3 { 874 padding: 0px 875} 876 877body.archive #page #primary .grid3 article { 878 margin-bottom: 0px 879} 880 881body.archive #page #primary .grid3 article .featured-wrapper .featured-image { 882 margin: auto 883} 884 885body.archive #page #primary .grid3 article .entry-title:before { 886 display: none 887} 888 889.archive .search-entry,.search .search-entry { 890 margin-bottom: 80px!important 891} 892 893.archive .page-header,.search .page-header { 894 border-bottom: 0px 895} 896 897.archive .header-image,.search .header-image { 898 display: none 899} 900 901.archive .site-branding,.search .site-branding { 902 width: 25%; 903 position: fixed 904} 905 906.archive .main-navigation,.search .main-navigation { 907 position: fixed 908} 909 910.archive #page,.search #page { 911 margin-top: 60px; 912 width: 75%; 913 position: relative; 914 float: right 915} 916 917.archive #page .entry-header,.search #page .entry-header { 918 display: inline-block; 919 padding: 0px; 920 width: 100% 921} 922 923.archive #page .entry-header h1.entry-title,.search #page .entry-header h1.entry-title { 924 display: inline-block; 925 width: 75%; 926 padding: 13px 0px; 927 margin: 0px; 928 font-size: 30px; 929 font-weight: 300 930} 931 932.archive #page .entry-header h1.entry-title:before,.search #page .entry-header h1.entry-title:before { 933 content: "\25A0"; 934 color: #999; 935 margin-right: 12px; 936 top: 3px 937} 938 939.archive #page .entry-header h1.entry-title a,.search #page .entry-header h1.entry-title a { 940 color: black 941} 942 943.archive #page .entry-header .entry-meta,.search #page .entry-header .entry-meta { 944 width: 25%; 945 float: right; 946 display: inline-block; 947 background: #000; 948 padding: 10px 10px 10px 0px 949} 950 951.archive #page .entry-header .entry-meta a,.search #page .entry-header .entry-meta a { 952 color: #eee; 953 text-transform: uppercase; 954 font-weight: 700; 955 font-size: 13px 956} 957 958.archive #page .entry-header .entry-meta .posted-on,.search #page .entry-header .entry-meta .posted-on { 959 display: block; 960 text-align: right 961} 962 963.archive #page .entry-header .entry-meta .byline,.search #page .entry-header .entry-meta .byline { 964 display: block; 965 text-align: right 966} 967 968.archive #page .entry-summary,.search #page .entry-summary { 969 margin: 20px 30px 970} 971 972.archive #page .entry-footer,.search #page .entry-footer { 973 display: inline-block; 974 width: 100%; 975 text-transform: uppercase; 976 border-top: solid 1px #ddd 977} 978 979.archive #page .entry-footer a,.search #page .entry-footer a { 980 display: inline-block 981} 982 983.archive #page .entry-footer .cat-links,.search #page .entry-footer .cat-links { 984 text-align: center; 985 font-size: 12px 986} 987 988.archive #page .entry-footer .tags-links,.search #page .entry-footer .tags-links { 989 text-align: center; 990 font-size: 12px 991} 992 993.archive #page .entry-footer .comments-link,.search #page .entry-footer .comments-link { 994 text-align: center; 995 font-size: 12px 996} 997 998.archive #page .entry-footer .text,.search #page .entry-footer .text { 999 color: black; 1000 margin-bottom: 10px; 1001 margin-top: 10px; 1002 font-weight: 700; 1003 font-size: 16px; 1004 width: 100%; 1005 display: block 1006} 1007 1008.archive #page .post-navigation,.search #page .post-navigation { 1009 display: block; 1010 width: 100%; 1011 background: #000; 1012 padding: 20px 10px; 1013 margin-top: 15px 1014} 1015 1016.archive #page .post-navigation a,.search #page .post-navigation a { 1017 color: white; 1018 font-size: 14px; 1019 font-weight: 700 1020} 1021 1022.error404 .header-image { 1023 display: none 1024} 1025 1026.error404 #page { 1027 width: 75%; 1028 float: right; 1029 margin-top: 40px 1030} 1031 1032.error404 #page .page-content { 1033 background: none 1034} 1035 1036.error404 #page .page-content input[type=submit] { 1037 -webkit-box-shadow: none; 1038 box-shadow: none; 1039 border-radius: 0px; 1040 text-shadow: none 1041} 1042 1043.error404 #page .page-content input[type=search] { 1044 border-radius: 0px 1045} 1046 1047.error404 #page #content .page-header { 1048 margin-top: 0px 1049} 1050 1051.klean { 1052 margin: 0px; 1053 padding: 0 1054} 1055 1056.klean .featured-wrapper { 1057 overflow: hidden 1058} 1059 1060.klean .featured-wrapper .featured-image { 1061 opacity: 1; 1062 -webkit-transition: opacity ease-in-out 0.5s; 1063 -o-transition: opacity ease-in-out 0.5s; 1064 transition: opacity ease-in-out 0.5s; 1065 margin: 0 auto; 1066 overflow: hidden; 1067 z-index: 3; 1068 position: relative; 1069 background-color: #000; 1070 background-size: cover 1071} 1072 1073.klean .featured-wrapper .featured-image img { 1074 overflow: hidden; 1075 -webkit-transition: opacity 0.2s ease-out; 1076 -o-transition: opacity 0.2s ease-out; 1077 transition: opacity 0.2s ease-out; 1078 width: 100%; 1079 opacity: 1; 1080 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1081 transition: opacity 0.35s, -webkit-transform 0.35s; 1082 -o-transition: opacity 0.35s, transform 0.35s; 1083 transition: opacity 0.35s, transform 0.35s; 1084 transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; 1085 -webkit-transform: scale(1.15); 1086 -ms-transform: scale(1.15); 1087 transform: scale(1.15); 1088 bottom: 0px 1089} 1090 1091.klean .featured-wrapper .entry-header { 1092 position: absolute; 1093 overflow: hidden; 1094 top: 25%; 1095 left: 0px; 1096 right: 0px; 1097 z-index: 444; 1098 width: 60%; 1099 margin: auto; 1100 opacity: 0; 1101 margin-right: -10px; 1102 padding-right: 20px; 1103 -webkit-transition: opacity 0.3s ease-in-out 0.5s, margin-right 0.3s ease-in-out 0.5s; 1104 -o-transition: opacity 0.3s ease-in-out 0.5s, margin-right 0.3s ease-in-out 0.5s; 1105 transition: opacity 0.3s ease-in-out 0.5s, margin-right 0.3s ease-in-out 0.5s 1106} 1107 1108.klean .featured-wrapper .entry-header .entry-title { 1109 position: relative; 1110 text-align: right; 1111 font-size: 22px!important; 1112 padding: 0px 20%; 1113 overflow: hidden; 1114 font-weight: 200!important; 1115 margin: 0px 1116} 1117 1118.klean .featured-wrapper .entry-header .entry-title a { 1119 text-decoration: none; 1120 margin: 0px!important; 1121 color: white!important; 1122 opacity: 1; 1123 font-family: "Source Sans Pro", Helvetica 1124} 1125 1126.klean .featured-wrapper .featured-bar { 1127 content: ""; 1128 position: absolute; 1129 width: 70%; 1130 left: 0px; 1131 right: 0px; 1132 margin: auto; 1133 height: 2px; 1134 background: white; 1135 z-index: 5; 1136 bottom: 10%; 1137 -webkit-transition: all .5s; 1138 -o-transition: all .5s; 1139 transition: all .5s 1140} 1141 1142.klean .featured-wrapper:hover .featured-image img { 1143 opacity: .8 1144} 1145 1146.klean .featured-wrapper:hover .entry-header { 1147 margin-right: 0; 1148 opacity: 1 1149} 1150 1151.klean .featured-wrapper:hover .featured-bar { 1152 content: ""; 1153 position: absolute; 1154 width: 70%; 1155 left: 55%; 1156 right: 0px; 1157 margin: auto; 1158 height: 2px; 1159 background: white; 1160 z-index: 5; 1161 bottom: 50%; 1162 -webkit-transform: rotate(-90deg); 1163 -ms-transform: rotate(-90deg); 1164 transform: rotate(-90deg) 1165} 1166 1167.grid-row { 1168 margin: 0; 1169 padding: 0; 1170 margin-left: -8px 1171} 1172 1173.grid { 1174 margin: 10px 0; 1175 padding-left: 0; 1176 padding-bottom: 17px; 1177 border-bottom: solid 1px #f0f0f0 1178} 1179 1180.grid:nth-last-child(2) { 1181 border: none 1182} 1183 1184.grid .featured-thumb { 1185 border-top: #000 solid 3px; 1186 overflow: hidden; 1187 transition: 0.3s all ease; 1188 -webkit-transition: 0.3s all ease; 1189 -moz-transition: 0.3s all ease; 1190 -ms-transition: 0.3s all ease; 1191 -o-transition: 0.3s all ease; 1192 padding: 0 1193} 1194 1195.grid .featured-thumb img { 1196 transition: 0.4s all ease; 1197 -webkit-transition: 0.4s all ease; 1198 -moz-transition: 0.4s all ease; 1199 -ms-transition: 0.4s all ease; 1200 -o-transition: 0.4s all ease 1201} 1202 1203.grid .featured-thumb:hover img { 1204 transition: 0.4s all ease; 1205 -webkit-transition: 0.4s all ease; 1206 -moz-transition: 0.4s all ease; 1207 -ms-transition: 0.4s all ease; 1208 -o-transition: 0.4s all ease; 1209 -moz-filter: brightness(0.9); 1210 -webkit-filter: brightness(0.9); 1211 filter: brightness(0.9) 1212} 1213 1214.grid .out-thumb h1 { 1215 margin: 5px 0; 1216 margin-top: 1px; 1217 font-weight: normal; 1218 font-size: 19px 1219} 1220 1221.grid .out-thumb h1 a { 1222 color: #040404; 1223 padding-bottom: 2px 1224} 1225 1226.grid .out-thumb h1 a:before { 1227 height: 1px; 1228 background: #040404; 1229 width: 98%; 1230 left: 1% 1231} 1232 1233.grid .out-thumb .postedon { 1234 font-size: 12px; 1235 color: #5e5e5e; 1236 font-weight: 300; 1237 margin-bottom: 5px 1238} 1239 1240.grid .out-thumb .postedon a { 1241 color: #999; 1242 text-decoration: underline 1243} 1244 1245.grid .out-thumb .postedon a:hover { 1246 color: #000 1247} 1248 1249.grid .out-thumb .entry-excerpt { 1250 color: #444; 1251 line-height: 1.6em; 1252 font-weight: 400 1253} 1254 1255.grid .readmore { 1256 display: block; 1257 clear: both 1258} 1259 1260.grid .readmore a { 1261 color: black 1262} 1263 1264.grid .hvr-underline-from-center:before { 1265 height: 1px; 1266 background: #000 1267} 1268 1269.grid_2_column { 1270 padding: 0; 1271 border-bottom: none 1272} 1273 1274.grid_2_column .out-thumb { 1275 padding: 12px 0 1276} 1277