1/* 2Theme Name: Parabola 3Theme URI: https://www.cryoutcreations.eu/wordpress-themes/parabola 4Description:Welcome to a world of endless possibilities! Parabola awaits you with a huge assortment of theme settings that enable you to take a fully responsive, clean and elegant design to even newer heights. You can edit everything: all text and background colors, font families and sizes, site widths and layouts. You also have the power to show or hide various elements of the design and choose from over 30 social media icons. Harnessing the power of HTML5 and CSS3 you will enjoy a great design, subtle animations, a great front page fully equipped with a slider, columns, textareas and shortcode support. Among other editable goodies you'll find featured images, post excerpts, post formats, Google fonts, magazine and blog layouts, 8 widget areas, translation support and much more. * THEME DEMO: http://demos.cryoutcreations.eu/wordpress/parabola/ * 5Author: Cryout Creations 6Author URI: https://www.cryoutcreations.eu 7Version: 2.3.2.2 8License: GNU General Public License v3.0 9License URI: http://www.gnu.org/licenses/gpl-3.0.html 10Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, footer-widgets, grid-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, news, portfolio 11Text Domain: parabola 12 13Parabola WordPress Theme 14Copyright 2013-18 Cryout Creations 15https://www.cryoutcreations.eu 16This theme, like WordPress, is licensed under the GPL. 17*/ 18 19/* 20IMPORTANT! 21 22Any changes made to this or any other of the theme's files will be lost at the next update. 23 24To safely make customizations to the theme, for CSS-only consider using the theme's dedicated 25"Custom CSS" field found under the Miscellaneous section of the theme settings page; 26for advanced CSS and other customizations, consider using a child theme. 27*/ 28 29/* Reset default browser CSS */ 30/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/ 31html, body, div, span, applet, object, iframe, 32h1, h2, h3, h4, h5, h6, p, blockquote, pre, 33a, abbr, acronym, address, big, cite, code, 34del, dfn, em, img, ins, kbd, q, s, samp, 35small, strike, strong, sub, sup, tt, var, 36b, u, i, center, 37dl, dt, dd, ol, ul, li, 38fieldset, form, label, legend, 39table, caption, tbody, tfoot, thead, tr, th, td, 40article, aside, canvas, details, embed, 41figure, figcaption, footer, header, hgroup, 42menu, nav, output, ruby, section, summary, 43time, mark, audio, video { 44 margin: 0; 45 padding: 0; 46 border: 0; 47 font-size: 100%; 48} 49 50*, *:before, *:after { 51 box-sizing: border-box; 52} 53 54/* HTML5 display-role reset for older browsers */ 55article, aside, details, figcaption, figure, 56footer, header, hgroup, menu, nav, section { 57 display: block; 58} 59 60ol, ul { 61 list-style: none; 62} 63 64blockquote, q { 65 quotes: none; 66} 67 68blockquote:before, 69blockquote:after, 70q:before, 71q:after { 72 content: ''; 73 content: none; 74} 75 76table { 77 border-collapse: collapse; 78 border-spacing: 0; 79} 80 81h1, h2, h3, h4, h5, h6 { 82 clear: both; 83 font-weight: normal; 84} 85 86#content h1, 87#content h2, 88#content h3, 89#content h4, 90#content h5, 91#content h6 { 92 clear: none; 93} 94 95ol, ul { 96 list-style: none; 97} 98 99.entry-content blockquote { 100 padding: 15px; 101 display: block; 102 font-style: italic; 103 margin: 0 auto 1em; 104/* clear: both; 105 float: none; */ 106 width: 80%; 107} 108 109#content blockquote p { 110 margin-bottom: 0; 111} 112 113del { 114 text-decoration: line-through; 115} 116 117/* tables still need 'cellspacing="0"' in the markup */ 118table { 119 border-collapse: collapse; 120 border-spacing: 0; 121} 122 123a img { 124 border: none; 125} 126 127/* = Gutenberg 128-------------------------------------------------------------- */ 129 130.entry-content .wp-block-archives, 131.entry-content .wp-block-categories, 132.entry-content .wp-block-latest-posts { 133 padding: 0; 134 list-style: none; 135} 136 137.wp-block-quote.is-large, .wp-block-quote.is-style-large { 138 padding: 2em; 139 font-size: 1.2em; 140 margin-left: auto; 141 margin-right: auto; 142} 143 144.aligncenter[class^='wp-block']:not([class^='wp-block-cover']) { 145 display: table; 146} 147 148.wp-block-separator { 149 max-width: 25%; 150} 151.wp-block-separator.is-style-wide { 152 max-width: 100%; 153} 154.wp-block-separator.is-style-dots::before { 155 color: inherit; 156} 157 158.wp-block-button { 159 transition: .2s opacity; 160} 161 162.wp-block-button:hover { 163 opacity: 0.85; 164} 165 166.wp-block-pullquote { 167 text-align: inherit; 168} 169 170/* =Layout 171-------------------------------------------------------------- */ 172 173#container { 174 float: none; 175 margin: 0; 176 width: 100%; 177 margin-top: 20px; 178} 179 180#content { 181 margin-bottom: 0; 182} 183 184.sidey { 185 display: block; 186 float: left; 187} 188 189#footer { 190 clear: both; 191 width: 100%; 192} 193 194/* =Fonts 195-------------------------------------------------------------- */ 196pre { 197 font-family: "Courier 10 Pitch", Courier, monospace; 198} 199 200code { 201 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important; 202} 203 204.entry-content pre { 205 border: 5px dashed transparent; 206} 207 208.entry-content code { 209 border: 1px solid transparent; 210 background: url(images/code.png) repeat; 211 clear: both; 212 display: block; 213 float: none; 214 margin: 0 auto; 215 overflow: auto; 216 padding: 10px !important; 217 text-indent: 0; 218 white-space: nowrap; 219} 220 221/* =Structure 222-------------------------------------------------------------- */ 223 224/* The main theme structure */ 225div.menu, 226#colophon, 227#branding, 228#main, 229#header { 230 margin: 0 auto; 231} 232 233#branding { 234 display: block; 235 float: left; 236 clear: both; 237 height: 75px; 238 padding: 0; 239 position: relative; 240 overflow: hidden; 241 width: 100%; 242} 243 244a#logo { 245 display: inline; 246 height: 100%; 247} 248 249#linky { 250 background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); 251 display: block; 252 width: 100%; 253 height: 100%; 254} 255 256#forbottom { 257 min-height: 200px; 258} 259 260/* Structure the footer area */ 261#footer-widget-area { 262 overflow: hidden; 263} 264 265.footerfour .widget-area { 266 float: left; 267 margin-right: 2%; 268 width: 23.5%; 269} 270.footerthree .widget-area { 271 float: left; 272 margin-right: 2%; 273 width: 32%; 274} 275 276.footertwo .widget-area { 277 float: left; 278 margin-right: 2%; 279 width: 49%; 280} 281 282.footerone .widget-area { 283 float: left; 284 width: 100%; 285} 286 287.footertwo .widget-area:nth-child(2n), 288.footerthree .widget-area:nth-child(3n), 289.footerfour .widget-area:nth-child(4n) { 290 margin-right: 0; 291} 292 293#footer-widget-area #fourth { 294 margin-right: 0; 295} 296 297#site-generator { 298 float: right; 299 width: 220px; 300} 301 302 303/* =Global Elements 304-------------------------------------------------------------- */ 305 306/* Main global 'theme' and typographic styles */ 307html { 308 font-size: 16px; 309 line-height: 1.7; 310} 311hr { 312 border: 1px solid transparent; 313 clear: both; 314 height: 1px; 315} 316 317/* Text elements */ 318 319.entry-content ul { 320 margin-left: 1.5em; 321 list-style-type: square; 322} 323.entry-content ul[class^='wp-block'], 324.entry-content [class^='wp-block'] ul { 325 margin-left: 0; 326} 327 328.entry-content ul li, 329.entry-content ol li { 330 padding: 2px 0; 331} 332 333.entry-content ol > li { 334 text-indent: 0px; 335} 336 337.entry-content li li { 338 margin-left: 1em; 339} 340 341ol { 342 list-style-type: decimal; 343 margin-left: 1.5em; 344 345} 346ol ol { 347 list-style-type: upper-alpha; 348} 349ol ol ol { 350 list-style-type: lower-roman; 351} 352ol ol ol ol { 353 list-style-type: lower-alpha; 354} 355ul ul, 356ol ol, 357ul ol, 358ol ul { 359 margin-bottom: 0; 360} 361dl { 362 margin: 0 0 24px 0; 363} 364dt { 365 font-weight: bold; 366} 367 368strong { 369 font-weight: bold; 370} 371cite, 372em, 373i { 374 font-style: italic; 375} 376big { 377 font-size: 131.25%; 378} 379ins { 380 text-decoration: none; 381} 382pre { 383 line-height: 18px; 384 padding: 1.5em; 385 border: 1px dashed transparent; 386} 387abbr, 388acronym { 389 border-bottom: 1px dotted transparent; 390 cursor: help; 391} 392sup, 393sub { 394 height: 0; 395 line-height: 1; 396 position: relative; 397 vertical-align: baseline; 398} 399sup { 400 bottom: 1ex; 401} 402sub { 403 top: .5ex; 404} 405 406input:focus, 407textarea:focus { 408 outline: none; 409} 410 411input[type="text"], 412input[type="password"], 413input[type="email"], 414input[type="color"], 415input[type="date"], 416input[type="datetime"], 417input[type="datetime-local"], 418input[type="month"], 419input[type="number"], 420input[type="range"], 421input[type="search"], 422input[type="tel"], 423input[type="time"], 424input[type="url"], 425input[type="week"], 426textarea, 427select { 428 border: 1px solid transparent; 429 padding: 10px; 430 -webkit-transition: background-color .2s; 431 transition: background-color .2s; 432} 433 434input[type="submit"], 435input[type="reset"] { 436 padding: .5em 1em; 437} 438 439a:link, 440a:visited { 441 text-decoration:none; 442 -webkit-transition: color .3s ease-in-out; 443 transition: color .3s ease-in-out; 444} 445 446/* Text meant only for screen readers */ 447.screen-reader-text { 448 position: absolute; 449 left: -9000px; 450} 451 452 453/* =Header 454-------------------------------------------------------------- */ 455 456#header { 457 background: none; 458} 459 460#site-title { 461 float: left; 462 font-size: 32px; 463 line-height: 32px; 464} 465 466#site-title a { 467 font-weight: bold; 468 text-decoration: none; 469 display: block; 470 text-transform: uppercase; 471} 472 473#site-description { 474 display: inline; 475 float: left; 476 margin-top: 5px; 477 clear: both; 478 text-transform: uppercase; 479} 480 481#header-container { 482 display: block; 483 float: none; 484 position: relative; 485 top: 0; 486 width: 100%; 487 height: 100%; 488} 489 490#branding #bg_image + #header-container { 491 position: absolute; 492} 493 494#header-container > div { 495 margin-top: 20px; 496} 497 498/* Header widget area 499-------------------------------------------------------------- */ 500 501#header-widget-area { 502 display: block; 503 right: 0; 504 top:5px; 505 height: 100%; 506 overflow: hidden; 507 position: absolute; 508 width: 33%; 509 z-index: 251; 510} 511 512body #header-widget-area ul.yoyo > li { 513 border: none; 514 background: none; 515} 516 517/* =Menu -PRIMARY 518-------------------------------------------------------------- */ 519 520#nav-toggle { display: none; } 521 522#access { 523 display: block; 524 float: left; 525 clear: both; 526 width: 100%; 527 margin: 10px auto 0; 528} 529 530#access ul { 531} 532 533#access ul li.current_page_item, 534#access ul li.current-menu-item { 535} 536 537#access a { 538 display: block; 539 text-decoration: none; 540 font-size: 13px; 541 text-transform: uppercase; 542 -webkit-transition: all .3s ease-in-out; 543 transition: all .3s ease-in-out; 544} 545 546#access a > span { 547 display: block; 548 padding: .5em 1em; 549} 550 551#access ul li { 552 position: relative; 553 display: block; 554 float: left; 555 margin-right: 8px; 556 white-space: nowrap; 557 margin-bottom: 10px; 558} 559 560#access > .menu > ul > li a:not(:only-child) > span:after { 561 font-family: "Elusive"; 562 content: '\e80a'; 563 margin-left: 5px; 564 z-index: 251; 565 position: relative; 566 display: inline-block; 567 line-height: 1; 568 -webkit-transition: all .2s ease-in-out; 569 transition: all .2s ease-in-out; 570} 571 572#access > .menu > ul ul > li a > span { 573 margin-right: 10px; 574} 575 576#access > .menu > ul ul > li a:not(:only-child) > span:after { 577 -webkit-transform: rotate(270deg); 578 -ms-transform: rotate(270deg); 579 transform: rotate(270deg); 580 position: absolute; 581 right: 10px; 582 top: 15px; 583} 584 585#access > .menu > ul > li:hover > a:not(:only-child) > span:after { 586 opacity: 0; 587 filter: alpha(opacity=0); 588} 589 590#access > .menu > ul > li > a:after, 591#access > .menu > ul ul:after { 592 position: absolute; 593 content: ""; 594 width: 0; 595 height: 0; 596 right: 0; 597 bottom: 0; 598 border-bottom: 8px solid transparent; 599 border-left: 12px solid transparent; 600 -webkit-transition: border-color .25s linear; 601 transition: border-color .25s linear; 602} 603 604 605#access ul ul { 606 display: none; 607 position: absolute; 608 clear:both; 609 z-index: 250; 610 margin-left: 0; 611} 612 613#access ul ul li { /* level 2 */ 614 display: table; 615 position: relative; 616 float: left; 617 clear: both; 618 width: 100%; /* submenu width fix */ 619 margin: 0; 620} 621 622#access ul ul ul { 623 position: absolute; 624 left: 100%; 625 top: 0; 626 margin: 0; 627} 628 629#access ul ul ul li { /* level 3 */ 630 width: 100%; 631 display: block; 632 float: none; 633} 634 635#access ul ul a, #access ul ul ul a { 636 display: table; 637 float: none; 638 min-width: 150px; 639 width: 100%; 640} 641 642#access ul ul li:hover, 643#access ul ul ul li:hover {} 644 645#access li:hover > a {} 646 647#access ul ul :hover > a {} 648 649#access ul li:hover > ul { 650 display: block; 651} 652#access ul li.current_page_item > a, 653#access ul li.current-menu-item > a{} 654 655#access ul ul li.current_page_item , 656#access ul ul li.current-menu-ancestor, 657#access ul ul li.current-menu-item , 658#access ul ul li.current-menu-parent { } 659 660#access ul li.current_page_item a, 661#access ul li.current-menu-ancestor a, 662#access ul li.current-menu-item a, 663#access ul li.current-menu-parent a, 664#access ul li a:hover { } 665 666.parabola-menu-center #access > .menu { text-align: center; } 667.parabola-menu-center #access > .menu > ul { display: table; margin: 0 auto; } 668.parabola-menu-center #access > .menu > ul > li > a > span { text-align: center; } 669.parabola-menu-center #access > .menu > ul > li { display: inline-block; float: none; vertical-align: middle; } 670.parabola-menu-center #access > .menu > ul > * { text-align: initial; } 671 672.parabola-menu-right #access > .menu { float: right; } 673.parabola-menu-right #nav-toggle { text-align: right; } 674.parabola-menu-right #access > .menu > ul > li > ul.sub-menu { right: 0; } 675 676.parabola-menu-rightmulti #access ul li { float: right; } 677.parabola-menu-rightmulti #nav-toggle { text-align: right; } 678.parabola-menu-rightmulti #access > .menu > ul > li > ul.sub-menu { right: 0; } 679 680.parabola-menu-left #nav-toggle { text-align: left; } 681 682/* =Menu -SECONDARY 683-------------------------------------------------------------- */ 684 685.topmenu { 686 overflow: hidden; 687 margin: 0 auto; 688} 689 690.topmenu ul{ 691 margin: 0; 692 padding: 0; 693 float: right; 694} 695 696.topmenu ul li{ 697 display: block; 698 float: left; 699 margin: 0 3px; 700} 701 702.topmenu ul li a { 703 display: block; 704 text-transform: uppercase; 705 padding: 3px 5px; 706 font-size: .9em; 707 -webkit-transition: all .3s ease-in-out; 708 transition: all .3s ease-in-out; 709} 710 711.topmenu ul li a:hover { 712 text-decoration: underline; 713} 714 715.topmenu ul li a:before { 716 position: relative; 717 top: 6px; 718 left: 100%; 719 content: ""; 720 width: 0; 721 height: 0; 722 border-left: 6px solid transparent; 723 border-top: 6px solid transparent; 724 -webkit-transition: all .3s ease-in-out; 725 transition: all .3s ease-in-out; 726} 727 728.footermenu { 729 display: table; 730 float: none; 731 overflow: visible; 732 margin: 1em auto 0; 733 text-align: center; 734} 735 736.footermenu ul li{ 737 display: block; 738 float: left; 739 margin: 0 8px; 740 text-align: center; 741 white-space: nowrap; 742} 743 744.footermenu ul li a:after { 745 position: relative; 746 bottom: 6px; 747 right: -1px; 748 content: ""; 749 width: 0; 750 height: 0; 751 border-left: 6px solid transparent; 752 border-bottom: 6px solid transparent; 753} 754 755.footermenu a { 756 font-size: .9em; 757 text-transform: uppercase; 758} 759 760 761/* =Content 762-------------------------------------------------------------- */ 763 764#main { 765 clear: both; 766 padding: 0; 767} 768 769#content ul ul, 770#content ol ol, 771#content ul ol, 772#content ol ul { 773 margin-bottom: 0; 774} 775 776#content pre, 777#content kbd, 778#content tt, 779#content var { 780 font-size: 15px; 781 line-height: 21px; 782 overflow: auto; 783 font-family: "Courier New",Courier,monospace !important; 784} 785 786#content code { 787 font-size: 13px; 788} 789 790#content dt, 791#content th { 792} 793 794.entry-content h1, 795.entry-content h2, 796.entry-content h3, 797.entry-content h4, 798.entry-content h5, 799.entry-content h6 { 800 line-height: 1.5em; 801 margin: 20px 0 0; 802} 803 804.entry-content h5, 805.entry-content h6 { 806 text-transform: uppercase; 807} 808 809#content table { 810 border: 0; 811 margin: 0 0px 24px 0; 812 text-align: left; 813 width: 100%; 814 vertical-align: top; 815} 816#content tr { 817 vertical-align: top; 818} 819 820#content .alternate { 821} 822 823#content tr th, 824#content thead th { 825 font-size: 14px; 826 padding: 9px 24px; 827} 828#content tr td { 829 border-top: 1px solid transparent; 830 padding: 6px 24px; 831 vertical-align: top; 832} 833#content tr.odd td { 834} 835 836/*input, textarea, #content p, #content ul, #content ol, .widget-area, .widget-area a { 837 font-size: 1em; 838 line-height: inherit; 839}*/ 840 841.page-header { 842 display: table; 843 float: none; 844 border-bottom: 2px solid transparent; 845 margin-bottom: 1em; 846 padding: 1.25em 2em; 847} 848 849body.search .page-title { 850 padding: 0.7em 2em 0.5em; 851} 852 853.attachment-page-title.page-title { 854 padding: 1em 2em; 855} 856 857#content .page-title { 858 display: inline-block; 859 font-size: 1em; 860 font-weight: normal; 861 text-transform: uppercase; 862 letter-spacing: 1px; 863} 864 865.page-title span { 866 font-style: italic; 867 font-weight: normal; 868} 869 870.page-title a:link, 871.page-title a:visited { 872 text-decoration: none; 873} 874 875.page-title a:active, 876.page-title a:hover { 877} 878 879:not(#author-description) > .taxonomy-description { 880 margin-top: .5em; 881} 882 883#content .taxonomy-description p:last-child { 884 margin-bottom: 0; 885} 886 887#content .entry-title { 888 font-size: 2em; 889 font-weight: normal; 890 line-height: 1.3em; 891 padding: 0; 892 margin: 0; 893 word-wrap: break-word; 894} 895 896#content.page .entry-title { 897 margin-bottom: .5em; 898} 899 900.entry-title a:link, 901.entry-title a:visited { 902 color: inherit; 903 text-decoration: none; 904} 905.entry-title a:active, 906.entry-title a:hover { 907} 908 909#content > h1.entry-title { 910 margin-bottom: 10px; 911} 912 913.entry-meta { 914 display: block; 915 font-size: 0.85em; 916 clear: both; 917 margin-bottom: 1em; 918} 919 920.entry-meta:hover { 921 opacity: 1; 922 filter: alpha(opacity=100); 923} 924 925.entry-meta span, 926.entry-utility span { 927 display: block; 928 float: left; 929 border: 1px solid transparent; 930 margin-right: -1px; 931 padding: 0 10px; 932 text-transform: uppercase; 933 line-height: 2; 934 letter-spacing: 0.5px; 935 -webkit-transition: background .5s ease-in-out; 936 transition: background .5s ease-in-out; 937} 938 939time.updated { 940 display: none; 941} 942 943.entry-meta span.bl_categ { 944 max-width: 97%; 945} 946 947body.attachment .entry-meta span.bl_categ { 948 display: none; 949} 950 951.entry-utility { 952 clear: both; 953 font-size: 0.85em; 954} 955 956.footer-tags { 957 display: inline; 958 line-height: 2; 959} 960 961.entry-utility span.bl_bookmark { 962 display: inline; 963 float: none; 964 padding: 0; 965} 966 967.comments-link { 968 position: absolute; 969 right: 0; 970 top: 0; 971 height: 30px; 972 line-height: 30px; 973 min-width: 110px; 974 padding: 0 15px 0 5px; 975 text-align: center; 976 -webkit-transition: all 0.3s; 977 transition: all 0.3s; 978} 979 980.comments-link:hover { 981 opacity: 1; 982} 983 984.comments-link * { 985 font-size: 0.7em; 986 text-transform: uppercase; 987 letter-spacing: 1px; 988 vertical-align: top; 989} 990 991.comments-link:before { 992 position: absolute; 993 content: ""; 994 width: 0; 995 height:0; 996 left: -30px; 997 top: 0; 998 border-top: 30px solid transparent; 999 border-left: 30px solid transparent; 1000} 1001 1002#content h3.entry-format { 1003 display: inline; 1004 float: left; 1005 text-transform: uppercase; 1006 border: 1px solid transparent; 1007 padding: 0 10px; 1008 font-size: inherit; 1009 line-height: 2; 1010 letter-spacing: 3px; 1011} 1012 1013.entry-meta abbr, 1014.entry-utility abbr { 1015 border: none; 1016} 1017.entry-meta abbr:hover, 1018.entry-utility abbr:hover { 1019 border-bottom: 1px dotted transparent; 1020} 1021.entry-content, 1022.entry-summary { 1023 clear: both; 1024 padding-top: 8px; 1025 word-wrap: break-word; 1026} 1027#content .entry-summary p:last-child { 1028 margin-bottom: 12px; 1029} 1030.entry-content fieldset { 1031 border: 1px solid transparent; 1032 margin: 0 0 24px 0; 1033 padding: 24px; 1034} 1035.entry-content fieldset legend { 1036 font-weight: bold; 1037 padding: 0 24px; 1038} 1039 1040.entry-content sup, 1041.entry-content sub { 1042 font-size: 0.625em; 1043} 1044 1045.entry-content blockquote.left { 1046 float: left; 1047 margin-left: 0; 1048 margin-right: 24px; 1049 text-align: right; 1050 width: 33%; 1051} 1052blockquote:not(.alignright), 1053blockquote.alignleft { 1054 border-left: 5px solid transparent; 1055} 1056 1057.entry-content blockquote.right { 1058 float: right; 1059 margin-left: 24px; 1060 margin-right: 0; 1061 text-align: left; 1062 width: 33%; 1063} 1064blockquote.alignright { 1065 border-right: 5px solid transparent; 1066} 1067 1068.tag-links { 1069 margin-left: 30px; 1070} 1071 1072.page-link { 1073 margin: 20px 0; 1074 clear: both; 1075 text-transform: uppercase; 1076} 1077 1078 .page-link a, 1079 .page-link span, 1080 .page-link em { 1081 display: inline-block; 1082 font-weight: normal; 1083 text-decoration: none; 1084} 1085 1086.page-link em { 1087 font-style: normal; 1088 padding: 0 1em; 1089} 1090 1091span.edit-link { 1092 border: 1px solid transparent; 1093 text-transform: uppercase; 1094 clear: both; 1095 float: right !important; 1096 display: block; 1097 background: none; 1098 margin: 0; 1099 padding: 0; 1100 font-size: 0.9em; 1101 letter-spacing: 1px; 1102} 1103 1104span.edit-link a { 1105 display: block; 1106 padding: 3px 16px; 1107} 1108 1109#author-info { 1110 border-top: 1px solid transparent; 1111 clear: both; 1112 margin: -1.1em 0 24px 0; 1113 overflow: hidden; 1114 padding: 1.5em; 1115} 1116 1117#author-info #author-avatar { 1118 border: 7px solid transparent; 1119 float: left; 1120 line-height: 0; 1121 margin: 0 -104px 0 0; 1122} 1123 1124#author-info #author-description { 1125 float: left; 1126 margin: 0 0 0 94px; 1127} 1128 1129#entry-author-info { 1130 display: inline-block; 1131 clear: both; 1132 overflow: hidden; 1133 margin: 1.5em 0; 1134 padding: 2em 0; 1135 border-top: 1px solid transparent; 1136} 1137 1138#entry-author-info #author-avatar { 1139 float: left; 1140 margin: 0 -104px 0 0; 1141 border: 7px solid transparent; 1142 line-height: 0; 1143} 1144 1145#entry-author-info #author-description { 1146 float: left; 1147 margin: 0 0 0 94px; 1148} 1149 1150#author-link { 1151 margin-top: 1em; 1152} 1153 1154#content .video-player { 1155 padding: 0; 1156} 1157 1158/* POST FORMATS */ 1159 1160/* =Asides 1161-------------------------------------------------------------- */ 1162 1163.home #content .format-aside p, 1164.home #content .category-asides p { 1165 line-height: 20px; 1166 margin-bottom: 10px; 1167 margin-top: 0; 1168} 1169 1170.home #content .format-aside .entry-content, 1171.home #content .category-asides .entry-content { 1172 padding-top: 0; 1173} 1174 1175#content .format-aside .entry-title { 1176 display: none; 1177} 1178 1179#content .format-aside .author , 1180#content .format-aside .bl_categ, 1181#content .format-aside .bl_sep { 1182 display: none; 1183} 1184 1185 1186/** 1187 * 5.4 Galleries 1188 * ---------------------------------------------------------------------------- 1189 */ 1190 1191.gallery { 1192 margin-bottom: 20px; 1193 margin-left: -4px; 1194} 1195 1196.gallery-item { 1197 float: left; 1198 margin: 0 4px 4px 0; 1199 overflow: hidden; 1200 position: relative; 1201} 1202 1203.gallery-columns-1.gallery-size-medium, 1204.gallery-columns-1.gallery-size-thumbnail, 1205.gallery-columns-2.gallery-size-thumbnail, 1206.gallery-columns-3.gallery-size-thumbnail { 1207 display: table; 1208 margin: 0 auto 20px; 1209} 1210 1211.gallery-columns-1 .gallery-item, 1212.gallery-columns-2 .gallery-item, 1213.gallery-columns-3 .gallery-item { 1214 text-align: center; 1215} 1216 1217.gallery-columns-4 .gallery-item { 1218 max-width: 23%; 1219 max-width: ~"calc(25%-4px)"; 1220} 1221 1222.gallery-columns-5 .gallery-item { 1223 max-width: 19%; 1224 max-width: ~"calc(20% - 4px)"; 1225} 1226 1227.gallery-columns-6 .gallery-item { 1228 max-width: 15%; 1229 max-width: ~"calc(16.7% - 4px)"; 1230} 1231 1232.gallery-columns-7 .gallery-item { 1233 max-width: 13%; 1234 max-width: ~"calc(14.28% - 4px)"; 1235} 1236 1237.gallery-columns-8 .gallery-item { 1238 max-width: 11%; 1239 max-width: ~"calc(12.5% - 4px)"; 1240} 1241 1242.gallery-columns-9 .gallery-item { 1243 max-width: 9%; 1244 max-width: ~"calc(11.1% - 4px)"; 1245} 1246 1247.gallery-columns-1 .gallery-item:nth-of-type(1n), 1248.gallery-columns-2 .gallery-item:nth-of-type(2n), 1249.gallery-columns-3 .gallery-item:nth-of-type(3n), 1250.gallery-columns-4 .gallery-item:nth-of-type(4n), 1251.gallery-columns-5 .gallery-item:nth-of-type(5n), 1252.gallery-columns-6 .gallery-item:nth-of-type(6n), 1253.gallery-columns-7 .gallery-item:nth-of-type(7n), 1254.gallery-columns-8 .gallery-item:nth-of-type(8n), 1255.gallery-columns-9 .gallery-item:nth-of-type(9n) { 1256 margin-right: 0; 1257} 1258 1259.gallery-caption { 1260 position: absolute; 1261 bottom: 0; 1262 left: 0; 1263 width: 100%; 1264 max-height: 50%; 1265 margin: 0; 1266 padding: 2px 8px; 1267 font-size: 0.9em; 1268 text-align: left; 1269 line-height: 1.3; 1270 opacity: 0; 1271 filter: alpha(opacity=0); 1272 cursor: default; 1273 background-color: rgba(0, 0, 0, 0.7); 1274 color: #fff; 1275 -webkit-transition: opacity 400ms ease; 1276 transition: opacity 400ms ease; 1277} 1278 1279.gallery-item:hover .gallery-caption { 1280 opacity: 1; 1281 filter: alpha(opacity=100); 1282} 1283 1284.gallery-columns-7 .gallery-caption, 1285.gallery-columns-8 .gallery-caption, 1286.gallery-columns-9 .gallery-caption { 1287 display: none; 1288} 1289 1290 1291 1292/* =Chat 1293-------------------------------------------------------------- */ 1294.format-chat p { 1295 font-family: Monaco, "Courier New", monospace !important; 1296} 1297 1298/* =Quote 1299-------------------------------------------------------------- */ 1300.format-quote blockquote, 1301.format-quote blockquote p{ 1302 font-family: Georgia,"Bitstream Charter",serif !important; 1303 font-size: 1.1em !important; 1304} 1305 1306 1307/* =Status 1308-------------------------------------------------------------- */ 1309 1310.format-status .entry-title { 1311 display: none; 1312} 1313 1314.status_content { 1315} 1316 1317.format-status .avatar { 1318 display: block; 1319 width: auto; 1320 float: left; 1321 margin: 0 10px 10px 0; 1322} 1323 1324/* =Attachment pages 1325-------------------------------------------------------------- */ 1326 1327.attachment .entry-content .entry-caption { 1328 font-size: 140%; 1329 margin-top: 24px; 1330} 1331/*.attachment .entry-content .nav-previous a:before { 1332 content: '\2190\00a0'; 1333} 1334.attachment .entry-content .nav-next a:after { 1335 content: '\00a0\2192'; 1336}*/ 1337 1338 1339/* =Images 1340-------------------------------------------------------------- */ 1341 1342.entry-content img, 1343.entry-summary img { 1344 max-width: 100%; 1345 height: auto; 1346} 1347 1348.sidey select { 1349 max-width: 100%; 1350} 1351 1352.sidey img { 1353 max-width: 100%; 1354 height: auto; 1355} 1356 1357.entry-content table img { 1358 max-width: inherit; } 1359 1360.entry-content img:hover { } 1361 1362.alignleft, 1363img.alignleft, 1364.alignleft img { 1365 float: left; 1366 margin-right: 24px; 1367 margin-top: 4px; 1368} 1369 1370.alignright, 1371img.alignright, 1372.alignright img { 1373 float: right; 1374 margin-left: 24px; 1375 margin-top: 4px; 1376} 1377 1378.aligncenter, 1379img.aligncenter, 1380.aligncenter img { 1381 clear: both; 1382 margin-left: auto; 1383 margin-right: auto; 1384} 1385img.aligncenter { 1386 display: block; 1387} 1388 1389img.alignleft, 1390img.alignright, 1391img.aligncenter { 1392 margin-bottom: 12px; 1393} 1394 1395img.alignleft, 1396img.alignright, 1397img.aligncenter, 1398img.alignnone, 1399.wp-caption img { 1400 opacity: 0.99; 1401 filter: alpha(opacity=99); 1402 -webkit-transition: all .3s ease-in-out; 1403 transition: all .3s ease-in-out; 1404} 1405 1406img.alignleft:hover, 1407img.alignright:hover, 1408img.aligncenter:hover, 1409img.alignnone:hover, 1410.wp-caption img:hover { 1411 opacity: 0.8; 1412 filter: alpha(opacity=80); 1413} 1414 1415.wp-caption { 1416 line-height: 18px; 1417 margin-bottom: 20px; 1418 text-align: center; 1419 max-width: 100%; 1420} 1421 1422.wp-caption img { 1423 border: none; 1424 padding: 0px; 1425 width: 100%; 1426 box-shadow: none; 1427} 1428 1429.wp-caption p.wp-caption-text { 1430 margin: 0; 1431 padding: .5em 1em .8em; 1432 text-align: center; 1433 text-indent: 0; 1434 line-height: 1.5; 1435} 1436 1437.wp-smiley { 1438 margin: 0; 1439 border: 0 !important; 1440 background: none !important; 1441 vertical-align: middle; 1442 box-shadow: none !important; 1443} 1444 1445.attachment img { /* single attachment images should be centered */ 1446 display: block; 1447 margin: 0 auto; 1448 max-width: 96%; 1449} 1450 1451/* =Navigation 1452-------------------------------------------------------------- */ 1453 1454.navigation { 1455 overflow: hidden; 1456} 1457 1458.navigation a:link, 1459.navigation a:visited { 1460 text-decoration: none; 1461} 1462 1463.navigation a { 1464 -webkit-transition: all .5s ease-in-out; 1465 transition: all .5s ease-in-out; 1466} 1467 1468#nav-below .nav-previous a { 1469 float: left; 1470 width: 50%; 1471 padding: 1em 1em 1em 3em; 1472 border-right: 1px solid rgba(0, 0, 0, .08); 1473} 1474 1475#nav-below .nav-next a { 1476 float: right; 1477 text-align: right; 1478 width: 50%; 1479 padding: 1em 3em 1em 1em; 1480} 1481 1482.single #nav-above { 1483 display: block; 1484} 1485 1486#nav-below { 1487 margin-bottom: 6px; 1488 margin-top: 5px; 1489 display: block; 1490 float: none; 1491 clear: both; 1492 border: 1px solid transparent; 1493} 1494 1495/* =Comments 1496-------------------------------------------------------------- */ 1497#comments { 1498 border: 1px solid transparent; 1499 margin-top: -1px; 1500 padding: 2em 3em; 1501 clear: both; 1502} 1503 1504#comments .navigation { 1505 padding: 0 0 18px 0; 1506} 1507 1508h3#comments-title, 1509h3#reply-title { 1510 margin-bottom: 0; 1511 font-size: 2.5em; 1512 line-height: 1; 1513} 1514 1515h3#comments-title { 1516 margin-bottom: 1em; 1517} 1518 1519.commentlist { 1520 list-style: none; 1521 margin: 0; 1522} 1523 1524.commentlist li.comment { 1525 margin: 0; 1526 list-style: none; 1527} 1528 1529.commentlist .bypostauthor { 1530} 1531 1532.commentlist li.comment:hover {} 1533 1534.commentlist .comment-body { 1535 position: relative; 1536 overflow: hidden; 1537 clear: both; 1538 margin-bottom: 2em; 1539 padding: 1em; 1540 border: 1px solid transparent; 1541} 1542 1543.commentlist li:last-child {} 1544 1545#comments .comment-body ul, 1546#comments .comment-body ol { 1547} 1548 1549#comments .comment-body p:last-child { 1550 margin-bottom: 6px; 1551} 1552 1553#comments .comment-body blockquote p:last-child { 1554 margin-bottom: 24px; 1555} 1556 1557.commentlist ol { 1558 list-style: decimal; 1559} 1560 1561.commentlist .avatar { 1562 float: left; 1563} 1564 1565.comment-author { 1566 display: table; 1567 line-height: 24px; 1568 -webkit-transition: background-color .5s; 1569 transition: background-color .5s; 1570} 1571 1572.comment-details { 1573 position: relative; 1574 float: left; 1575 padding: 5px 15px; 1576} 1577 1578.comment-details:after { 1579 position: absolute; 1580 top: 0; 1581 right: -20px; 1582 content: ""; 1583 width: 0px; 1584 height: 0px; 1585 border-left: 20px solid transparent; 1586 border-top: 60px solid transparent; 1587 -webkit-transition: border-left-color .5s; 1588 transition: border-left-color .5s; 1589} 1590 1591.comment-author cite { 1592 font-style: normal; 1593 font-size: 1em; 1594} 1595 1596.comment-meta.commentmetadata { 1597 font-size: 0.85em; 1598 text-transform: uppercase; 1599 letter-spacing: 1px; 1600} 1601 1602.comment-meta a:link, 1603.comment-meta a:visited { 1604 text-decoration: none; 1605} 1606 1607.commentlist .comment-await { 1608 padding: 5px 0; 1609 display: block; 1610 clear: both; 1611} 1612 1613.comment .reply a { 1614 position: absolute; 1615 right: -1px; 1616 bottom: -1px; 1617 display: block; 1618 padding: .2em 1em; 1619 border: 1px solid transparent; 1620 font-size: 0.8em; 1621 letter-spacing: 1px; 1622 text-transform: uppercase; 1623 -webkit-transition: background .3s ease-in-out; 1624 transition: background .3s ease-in-out; 1625} 1626 1627.commentlist .children { 1628 background-image: none; 1629 list-style: none; 1630 margin: 0; 1631 margin-left: 20px; 1632} 1633 1634.commentlist .children li { 1635 border: none; 1636 background-image: none !important; 1637 margin: 0; 1638 text-indent: 0 !important; 1639} 1640 1641#content .nocomments, 1642#content .nocomments2 { 1643 margin-bottom: 0; 1644} 1645 1646.hideme { 1647 display: none; 1648} 1649 1650#comments .pingback { 1651 border-bottom: 1px solid transparent; 1652 margin-bottom: 18px; 1653 padding-bottom: 18px; 1654} 1655 1656.commentlist li.comment + li.pingback { 1657 margin-top: -6px; 1658} 1659 1660#comments .pingback p { 1661 display: block; 1662 margin: 0; 1663} 1664 1665#comments .pingback .url { 1666 font-style: italic; 1667} 1668 1669/* Comments form */ 1670 1671#respond { 1672 margin: 0; 1673 overflow: hidden; 1674 position: relative; 1675} 1676 1677#respond p { 1678 margin: 0; 1679} 1680 1681#respond .comment-notes { 1682 margin-bottom: 1em; 1683 font-size: 0.85em; 1684} 1685 1686.form-allowed-tags { 1687 line-height: 1em; 1688} 1689 1690.children #respond { 1691 margin: 0 48px 0 0; 1692 min-width: 400px; 1693} 1694 1695h3#reply-title { 1696 margin: 0; 1697 padding: 5px 0; 1698} 1699 1700#comments-list #respond { 1701 margin: 0 0 18px 0; 1702} 1703 1704#comments-list ul #respond { 1705 margin: 0; 1706} 1707 1708#cancel-comment-reply-link { 1709 font-size: 0.85em; 1710 font-weight: normal; 1711} 1712 1713#respond .required {} 1714 1715#commentform { 1716 max-width: 550px; 1717 display: block; 1718} 1719 1720#respond label {} 1721 1722#respond input { 1723 margin: 0 0 9px; 1724} 1725#respond input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { 1726 width: 100%; 1727} 1728#respond input + label { 1729 margin-left: .5em; 1730 margin-right: .5em; 1731} 1732 1733.comment-form-comment textarea { 1734 display: block; 1735 float: none; 1736 height: 150px; 1737 width: 100% 1738} 1739 1740.comment-form-author label, 1741.comment-form-email label, 1742.comment-form-email label, 1743.comment-form-url label, 1744.comment-form-comment label { 1745 display: block; 1746 float: none; 1747} 1748 1749.comment-form-author input, 1750.comment-form-email input, 1751.comment-form-email input, 1752.comment-form-url input, 1753.comment-form-comment input { 1754 display: block; 1755 float: none; 1756} 1757 1758#respond input:hover, 1759#respond textarea:hover { 1760} 1761 1762#respond .form-allowed-tags { 1763 font-size: 0.9em; 1764 width: 100%; 1765 clear: both; 1766 display: block; 1767 float: none; 1768} 1769 1770#respond .form-allowed-tags code { 1771 font-size: 0.9em; 1772} 1773 1774#respond .form-submit { 1775 margin: 12px 0; 1776 text-align: right; 1777 clear: both; 1778} 1779 1780#respond .form-submit input { 1781 width: auto; 1782 margin-top: 1em; 1783} 1784 1785#respond .form-submit input#submit { 1786 border: 1px solid transparent; 1787 text-transform: uppercase; 1788 letter-spacing: 1px; 1789 -webkit-transition: border-color .2s; 1790 transition: border-color .2s; 1791} 1792 1793#respond .form-submit input#submit:hover { 1794 cursor: pointer; 1795} 1796 1797.button { 1798 border: 1px solid transparent; 1799 padding: 5px 10px; 1800 -webkit-transition: border-color .2s; 1801 transition: border-color .2s; 1802} 1803 1804.button:hover { 1805 cursor: pointer; 1806} 1807 1808/* =Widget Areas 1809-------------------------------------------------------------- */ 1810 1811.widget-area ul, 1812.widget-area ul ul { 1813 list-style: none; 1814 list-style-image: none; 1815} 1816 1817.widget-container { 1818 padding: 1.3em; 1819 margin: 0 0 1.2em 0; 1820 border: 1px solid transparent; 1821} 1822 1823.widget-container > * { 1824 max-width: 100%; 1825} 1826 1827.widget-container ul li { 1828 display: block; 1829 float: none; 1830 margin-bottom: 5px; 1831} 1832 1833.widget-title { 1834 position: relative; 1835 margin-bottom: 1em; 1836 padding: .6em; 1837 font-size: 1em; 1838 text-align: left; 1839 letter-spacing: 1px; 1840 text-transform: uppercase; 1841} 1842 1843.widget-title:after { 1844 position: absolute; 1845 right: 0; 1846 bottom: 0; 1847 content: ""; 1848 width: 0; 1849 height: 0; 1850 border-bottom: 8px solid transparent; 1851 border-left: 12px solid transparent; 1852} 1853 1854#footer-widget-area a:hover { 1855 text-decoration: underline; 1856} 1857 1858.widget-area a:link, 1859.widget-area a:visited { 1860 text-decoration: none; 1861 word-wrap: break-word; 1862} 1863.widget-area a:active, 1864.widget-area a:hover { 1865} 1866 1867.widget-area .entry-meta { 1868 font-size: 0.9em; 1869} 1870 1871/* Search buttons */ 1872.searchform { 1873 display: block; 1874 height: auto; 1875 overflow: hidden; 1876} 1877 1878.contentsearch { 1879 display: block; 1880 float: none; 1881 overflow: hidden; 1882 margin-bottom: 20px; 1883 padding: 2em; 1884} 1885 1886.error404 .contentsearch, 1887.no-results .contentsearch { 1888 padding: 0; 1889} 1890 1891.searchform input[type="search"] {/* This keeps the search inputs in line This is the Sidebar Search*/ 1892 display: block; 1893 float: left; 1894 width: 100%; 1895 padding: 0 50px 0 10px; 1896 height: 3em; 1897 font-size: 0.9em; 1898 letter-spacing: 1px; 1899 line-height: 1; 1900 vertical-align: middle; 1901} 1902 1903input[type="search"] { 1904 -webkit-appearance: textfield; 1905} 1906 1907input[type="search"]::-webkit-search-decoration { 1908 -webkit-appearance: none; 1909} 1910 1911.contentsearch .searchform input[type="search"] { 1912 width: 100%; 1913 margin-left: 0; 1914} 1915 1916.searchsubmit { 1917 display: block; 1918 float: left; 1919 width: 20px; 1920 height: 20px; 1921 margin-top: 14px; 1922 margin-left: -35px; 1923 padding: 0; 1924 border: none; 1925 cursor: pointer; 1926 text-indent: -9999px; 1927 box-shadow: none; 1928 background: url(images/search.png) no-repeat transparent; 1929 -webkit-transition: all .5s ease-in-out; 1930 transition: all .5s ease-in-out; 1931} 1932 1933.searchform:hover .searchsubmit { 1934 -webkit-transform: rotate(719deg); 1935 transform: rotate(719deg); 1936} 1937 1938/* Callendar */ 1939#wp-calendar { 1940 width: 100%; 1941} 1942 1943#wp-calendar caption { 1944 font-size: 0.9em; 1945 font-weight: bold; 1946 padding-bottom: 4px; 1947 margin-left: 10px; 1948} 1949 1950#wp-calendar thead { 1951 font-size: 0.9em; 1952} 1953 1954#wp-calendar tbody td { 1955 padding: 3px 0 2px; 1956 text-align: center; 1957 border: 1px solid transparent; 1958} 1959 1960#wp-calendar tbody td:hover { 1961 opacity:0.8; 1962 filter: alpha(opacity=80); 1963} 1964 1965#wp-calendar tbody td a{ 1966 border:none; 1967 background:none; 1968 padding:0; 1969 margin:0; 1970} 1971 1972#wp-calendar tbody .pad { 1973 background: none; 1974} 1975 1976#wp-calendar tfoot #next { 1977 text-align: right; 1978} 1979 1980.widget_rss a.rsswidget {} 1981.widget_rss a.rsswidget:hover {} 1982 1983.widget_rss .widget-title img { 1984 width: 11px; 1985 height: 11px; 1986} 1987 1988/* Main sidebars */ 1989#main .widget-area ul { 1990 margin-left: 0; 1991 padding: 0; 1992} 1993#main .widget-area ul ul { 1994 border: none; 1995 margin-left: 3px; 1996 padding: 0; 1997} 1998/* Before and after content widgets */ 1999 2000.yoyo .widget-title { 2001 background: none; 2002 padding: 0; 2003 margin: 0; 2004} 2005 2006/* Footer widget areas */ 2007#footer-widget-area { 2008 margin: 20px 0 10px 0; 2009} 2010 2011#footer-widget-area a{} 2012 2013 2014/* =Footer 2015-------------------------------------------------------------- */ 2016 2017#footer { 2018 margin-top: 20px; 2019 margin-bottom: 0; 2020 border-top: 1px solid transparent; 2021} 2022 2023#footer a{ 2024 -webkit-transition: color .2s; 2025 transition: color .2s; 2026} 2027 2028#footer2 { 2029 display: block; 2030 border-top: 1px solid transparent; 2031 padding: 10px; 2032 overflow: visible; 2033} 2034 2035#footer2-inner { 2036 margin: 0 auto; 2037} 2038 2039#colophon { 2040 margin-top: 0; 2041 overflow: hidden; 2042} 2043 2044#site-copyright { 2045 display: block; 2046 float: none; 2047 padding-top: 5px; 2048 font-style: italic; 2049 clear: both; 2050 margin: 1em auto 0; 2051 text-align: center; 2052} 2053 2054#footer2 a{ 2055 text-decoration: none; 2056} 2057 2058#footer2 a:hover{ 2059 text-decoration: underline; 2060} 2061 2062img#wpstats { 2063 display: block; 2064 margin: 0 auto 10px; 2065} 2066 2067/* Extras */ 2068 2069#forbottom { 2070 clear: both; 2071 width: 100%; 2072} 2073 2074/* SOCIALS */ 2075 2076.socials { 2077 float: right; 2078 position: relative; 2079 margin-right: 10px; 2080 overflow: hidden; 2081} 2082 2083.socials a { 2084 position: relative; 2085 display: block; 2086 float: left; 2087 padding: 4px; 2088 overflow: hidden; 2089 line-height: 0; 2090} 2091 2092.socials img { 2093 position: relative; 2094 width: 26px; 2095 height: 26px; 2096 z-index: 99; 2097} 2098 2099/* The animated square */ 2100.socials .socials-hover { 2101 position: absolute; 2102 left: 0; 2103 display: block; 2104 width: 100%; 2105 height: 100%; 2106 bottom: -100%; 2107} 2108 2109#header-container > div#sheader { 2110 position: absolute; 2111 margin: 0; 2112 top: 0; 2113 right: 5px; 2114 z-index: 270; 2115} 2116 2117#smenul, 2118#smenur { 2119 float: none; 2120 margin: 0 auto; 2121 position: inherit; 2122 display: table; 2123} 2124 2125#smenul a, 2126#smenur a { 2127 margin: 3px; 2128} 2129 2130#sfooter { 2131 display: table; 2132 float: none; 2133 clear: both; 2134 margin: 1em auto 0; 2135 text-align: center; 2136} 2137 2138#sheader a + a, 2139#sfooter a + a { 2140 margin-left: 5px; 2141} 2142 2143#srights, 2144#slefts { 2145 position: fixed; 2146 top: 40%; 2147 right: 0; 2148 z-index: 99; 2149 display:block; 2150 height: auto; 2151 margin: 0; 2152 padding: 5px; 2153 border: 1px solid transparent; 2154 opacity: 0.5; 2155 filter: alpha(opacity=50); 2156 -webkit-transition: opacity .5s ease-in-out; 2157 transition: opacity .5s ease-in-out; 2158} 2159 2160#srights:hover, 2161#slefts:hover { 2162 opacity: 1; 2163 filter: alpha(opacity=100); 2164} 2165 2166#srights a, 2167#slefts a { 2168 display: block; 2169 float: none; 2170 clear: both; 2171} 2172 2173#srights a + a, 2174#slefts a + a { 2175 margin-top: 5px; 2176} 2177 2178#srights { 2179 border-right: 0; 2180} 2181 2182#slefts { 2183 border-left: 0; 2184 right: auto; 2185 left: 0; 2186} 2187 2188.socials a:last-child { 2189 margin-bottom: 0; 2190} 2191 2192/* ARTICLES */ 2193 2194article.post, 2195article.page, 2196article.hentry { 2197 position: relative; 2198 display: block; 2199 overflow: hidden; 2200 margin: 0 0 1.5em 0; 2201 border: 1px solid transparent; 2202 padding: 2em; 2203} 2204 2205/*div.hentry,*/ 2206div.post, 2207div.page, 2208.yoyo > li { 2209 display: block; 2210 overflow: hidden; 2211 padding: 3em; 2212 border: 1px solid transparent; 2213} 2214 2215article.sticky { 2216 border: 5px solid rgba(0, 0, 0, .07); 2217 -webkit-transition: .5s border ease-in-out; 2218 transition: .5s border ease-in-out; 2219} 2220 2221#toTop { 2222 width: 22px; 2223 height: 14px; 2224 bottom: 20px; 2225 right: 20px; 2226 position: fixed; 2227 cursor: pointer; 2228 display: none; 2229 z-index: 999; 2230 background: url(images/back.png); 2231 -webkit-transition: all .3s ease-in-out; 2232 transition: all .3s ease-in-out; 2233} 2234 2235#toTop:hover { 2236 background-position: 0px -15px; 2237} 2238 2239/* CUSTOM IMAGE BORDER */ 2240 2241.parabola-image-none .entry-content img[class*='align'], 2242.parabola-image-none .entry-content [class*='wp-block'][class*='align'] img, 2243.parabola-image-none .entry-summary img[class*='align'], 2244.parabola-image-none .entry-summary [class*='wp-block'][class*='align'] img {} 2245 2246.parabola-image-one .entry-content img[class*='align'], 2247.parabola-image-one .entry-content [class*='wp-block'][class*='align'] img, 2248.parabola-image-one .entry-summary img[class*='align'], 2249.parabola-image-one .entry-summary [class*='wp-block'][class*='align'] img { 2250 border: 1px solid #CCC; 2251 padding: 10px; 2252} 2253 2254.parabola-image-two .entry-content img[class*='align'], 2255.parabola-image-two .entry-content [class*='wp-block'][class*='align'] img, 2256.parabola-image-two .entry-summary img[class*='align'], 2257.parabola-image-two .entry-summary [class*='wp-block'][class*='align'] img { 2258 border: 10px solid #333; 2259 box-shadow: 0 0 3px #111; 2260} 2261 2262.parabola-image-three .entry-content img[class*='align'], 2263.parabola-image-three .entry-content [class*='wp-block'][class*='align'] img, 2264.parabola-image-three .entry-summary img[class*='align'], 2265.parabola-image-three .entry-summary [class*='wp-block'][class*='align'] img { 2266 border: 1px solid #eee; 2267 padding: 15px; 2268 box-shadow: 0 0 5px #e7e7e7; 2269} 2270 2271.parabola-image-four .entry-content img[class*='align'], 2272.parabola-image-four .entry-content [class*='wp-block'][class*='align'] img, 2273.parabola-image-four .entry-summary img[class*='align'], 2274.parabola-image-four .entry-summary [class*='wp-block'][class*='align'] img { 2275 border: 15px solid #f2f2f2; 2276 box-shadow: 0 0 1px #CCC; 2277} 2278 2279.parabola-image-five .entry-content img[class*='align'], 2280.parabola-image-five .entry-content [class*='wp-block'][class*='align'] img, 2281.parabola-image-five .entry-summary img[class*='align'], 2282.parabola-image-five .entry-summary [class*='wp-block'][class*='align'] img { 2283 padding: 15px; 2284 background: url(images/border.png) repeat; 2285} 2286 2287.parabola-image-one .entry-content img[class*='align']:hover, 2288.parabola-image-one .entry-content [class*='wp-block'][class*='align'] img:hover, 2289.parabola-image-one .entry-summary img[class*='align']:hover, 2290.parabola-image-one .entry-summary [class*='wp-block'][class*='align'] img:hover { 2291 background-color :#eee; 2292} 2293.parabola-image-two .entry-content img[class*='align']:hover, 2294.parabola-image-two .entry-content [class*='wp-block'][class*='align'] img:hover, 2295.parabola-image-two .entry-summary img[class*='align']:hover, 2296.parabola-image-two .entry-summary [class*='wp-block'][class*='align'] img:hover { 2297 box-shadow: none; 2298} 2299 2300.parabola-image-three .entry-content img[class*='align']:hover, 2301.parabola-image-three .entry-content [class*='wp-block'][class*='align'] img:hover, 2302.parabola-image-three .entry-summary img[class*='align']:hover, 2303.parabola-image-three .entry-summary [class*='wp-block'][class*='align'] img:hover { 2304 box-shadow: none; 2305} 2306 2307/* CUSTOM CAPTION LOOK */ 2308 2309.caption-clear .wp-caption {} 2310 2311.caption-light .wp-caption { 2312 background: #eee; 2313 color: #333; 2314} 2315 2316.caption-accented .wp-caption {} 2317 2318.caption-dark .wp-caption { 2319 background: #4a4a4a; 2320 color: #EEE; 2321} 2322 2323/* CUSTOM META AREA LOOK */ 2324 2325.meta-clear .entry-meta span:first-child { 2326 padding-left: 0; 2327} 2328 2329.meta-border .entry-meta span, 2330.meta-border .entry-utility span.bl_posted { 2331 border: 1px solid transparent; 2332} 2333 2334.meta-accented .entry-meta span, 2335.meta-accented .entry-utility span.bl_posted { 2336 border: 1px solid transparent; 2337} 2338 2339.meta-light .entry-meta span, 2340.meta-light .entry-utility span.bl_posted { 2341 border: 1px solid #eee; 2342 background: #fafaf7; 2343} 2344 2345.meta-dark .entry-meta span, 2346.meta-dark .entry-utility span.bl_posted { 2347 border: 1px solid #444; 2348 background: #333; 2349 color: #999; 2350} 2351 2352/* BREADCRUMBS */ 2353 2354.breadcrumbs { 2355 display: inline-block; 2356 position: relative; 2357 /*top: 10px;*/ 2358 /* desbest edit */ 2359 height: 30px; 2360 padding-left: 20px; 2361 font-size: .9em; 2362 line-height: 29px; 2363} 2364 2365.breadcrumbs:before { 2366 position: absolute; 2367 top: 10px; 2368 left: 10px; 2369 content: ""; 2370 height: 0; 2371 width: 0; 2372 border-bottom: 5px solid transparent; 2373 border-left: 5px solid transparent; 2374 border-top: 5px solid transparent; 2375} 2376 2377.breadcrumbs a { 2378 margin: 0 .5em; 2379} 2380 2381 2382 2383/* PAGINATION */ 2384 2385.pagination { 2386 display: table; 2387 float: none; 2388 margin: 20px auto; 2389 text-align: center; 2390 clear: both; 2391} 2392 2393.pagination span, 2394.pagination a { 2395 position: relative; 2396 display: block; 2397 float: left; 2398 margin-right: 1px; 2399 padding: .5em 2em; 2400 text-align: center; 2401 text-decoration: none; 2402 -webkit-transition: background .3s ease-in-out; 2403 transition: background .3s ease-in-out; 2404} 2405 2406.pagination a:hover{} 2407 2408.pagination .current{} 2409 2410/* CUSTOM FRONT PAGE */ 2411 2412/* The Nivo Slider styles */ 2413.nivoSlider { 2414 position: relative; 2415 width: 100%; 2416 height: auto; 2417 overflow: hidden; 2418} 2419 2420.nivoSlider img { 2421 position: absolute; 2422 top: 0; 2423 left: 0; 2424} 2425 2426.nivo-main-image { 2427 display: block !important; 2428 position: relative !important; 2429 width: 100% !important; 2430} 2431 2432/* If an image is wrapped in a link */ 2433.nivoSlider a.nivo-imageLink { 2434 position:absolute; 2435 z-index: 6; 2436 top: 0; 2437 left: 0; 2438 width: 100%; 2439 height: 100%; 2440 margin: 0; 2441 padding :0; 2442 border: 0; 2443 display: none; 2444} 2445/* The slices and boxes in the Slider */ 2446.nivo-slice { 2447 display: block; 2448 position: absolute; 2449 z-index: 5; 2450 height: 100%; 2451 top: 0; 2452} 2453 2454.nivo-box { 2455 display: block; 2456 position: absolute; 2457 z-index: 5; 2458 overflow: hidden; 2459} 2460 2461.nivo-box img { 2462 display: block; 2463} 2464 2465/* Caption styles */ 2466.nivo-caption { 2467 display: none; 2468 overflow: hidden; 2469 position: absolute; 2470 left: 0; 2471 bottom: 0; 2472 width: 100%; 2473 padding: 2em 3em; 2474 z-index: 8; 2475 pointer-events: none; 2476} 2477 2478.nivo-caption h3 { 2479 position: relative; 2480 margin-bottom: .5em; 2481 -webkit-animation: myfirst .75s ease-out forwards; 2482 animation: myfirst .75s ease-out forwards; 2483} 2484 2485@-webkit-keyframes myfirst { 2486 0% { 2487 bottom: -100px; 2488 opacity: 0; 2489 display: none; 2490 } 2491 75% { 2492 bottom: 10px; 2493 opacity: .75; 2494 display: block; 2495 } 2496 100% { 2497 bottom: 0; 2498 opacity: 1; 2499 display: block; 2500 } 2501} 2502 2503@keyframes myfirst { 2504 0% { 2505 bottom: -100px; 2506 opacity: 0; 2507 display: none; 2508 } 2509 75% { 2510 bottom: 10px; 2511 opacity: .75; 2512 display: block; 2513 } 2514 100% { 2515 bottom: 0; 2516 opacity: 1; 2517 display: block; 2518 } 2519} 2520 2521.slide-text { 2522 position: relative; 2523 opacity: 0; 2524 bottom: -100px; 2525 -webkit-animation: mysecond .75s .25s ease-in forwards; 2526 animation: mysecond .75s .25s ease-in forwards; 2527} 2528 2529@-webkit-keyframes mysecond { 2530 0% { 2531 bottom: -100px; 2532 opacity: 0; 2533 display: none; 2534 } 2535 75% { 2536 bottom: 10px; 2537 opacity: .75; 2538 display: block; 2539 } 2540 100% { 2541 bottom: 0; 2542 opacity: 1; 2543 display: block; 2544 } 2545} 2546 2547@keyframes mysecond { 2548 0% { 2549 bottom: -100px; 2550 opacity: 0; 2551 display: none; 2552 } 2553 75% { 2554 bottom: 10px; 2555 opacity: .75; 2556 display: block; 2557 } 2558 100% { 2559 bottom: 0; 2560 opacity: 1; 2561 display: block; 2562 } 2563} 2564 2565.nivo-caption a { 2566 display: inline !important; 2567} 2568 2569.nivo-html-caption { 2570 display: none; 2571} 2572 2573/* Direction nav styles (e.g. Next & Prev) */ 2574.nivo-directionNav a { 2575 position: absolute; 2576 top: 45%; 2577 z-index: 9; 2578 cursor: pointer; 2579} 2580 2581.nivo-prevNav { 2582 left: 0; 2583} 2584 2585.nivo-nextNav { 2586 right: 0; 2587} 2588 2589/* Control nav styles (e.g. 1,2,3...) */ 2590.nivo-controlNav a { 2591 cursor:pointer; 2592} 2593 2594.nivo-controlNav a.active { 2595 font-weight:bold; 2596} 2597 2598/* 2599Skin Name: Nivo Slider Default Theme 2600*/ 2601.theme-default .nivoSlider { 2602 position: relative; 2603 margin-bottom: 50px; 2604 background: url(images/nivoslider/loading.gif) no-repeat 50% 50%; 2605} 2606 2607.theme-default .nivoSlider img { 2608 display: none; 2609 position: absolute; 2610 top: 0; 2611 left: 0; 2612} 2613 2614.theme-default .nivoSlider a { 2615 display: block; 2616 border: 0; 2617} 2618 2619.theme-default .nivo-controlNav:before { 2620 position: absolute; 2621 content: ""; 2622 top: 0; 2623 left: -46px; 2624 width: 0; 2625 height: 0; 2626 border-top: 38px solid transparent; 2627 border-left: 46px solid transparent; 2628} 2629 2630.theme-default .nivo-controlNav:after { 2631 position: absolute; 2632 content: ""; 2633 top: 0; 2634 right: -46px; 2635 width: 0; 2636 height: 0; 2637 border-top: 38px solid transparent; 2638 border-right: 46px solid transparent; 2639} 2640 2641.theme-default .nivo-controlNav { 2642 display: table; 2643 width: auto; 2644 margin:0 auto; 2645 padding: 0 10px 0; 2646 text-align: center; 2647 min-width: 150px; 2648 position: relative; 2649 height: 38px; 2650} 2651 2652.theme-default .nivo-controlNav a {} 2653 2654.slider-bullets .nivo-controlNav a { 2655 display: inline-block; 2656 width: 12px; 2657 height: 12px; 2658 margin-right: 10px; 2659 text-indent: -9999px; 2660 line-height: 0; 2661 -webkit-transition: background-color .3s; 2662 transition: background-color .3s; 2663} 2664 2665.slider-bullets .nivo-controlNav a:hover {} 2666.slider-bullets .nivo-controlNav a.active {} 2667 2668.slider-numbers .nivo-controlNav a { 2669 display: inline-block; 2670 padding: 1px 6px; 2671 margin: 4px 5px 0; 2672 font-size: 12px; 2673 font-family: "Open Sans"; 2674 box-shadow: 0 0 2px #DDD inset; 2675 -webkit-transition: all .3s; 2676 transition: all .3s; 2677} 2678 2679.slider-none .nivo-controlNav { 2680 display: none; 2681} 2682 2683.theme-default .nivo-directionNav a { 2684 display :block; 2685 width: 30px; 2686 height: 30px; 2687 background: url(images/nivoslider/arrows.png) no-repeat; 2688 text-indent: -9999px; 2689 border: 0; 2690} 2691 2692.theme-default a.nivo-nextNav { 2693 background-position: -30px 0; 2694 right: 5em; 2695} 2696 2697.theme-default a.nivo-prevNav { 2698 left: 5em; 2699} 2700 2701.slider-navhover .nivo-directionNav a { 2702 display: block; 2703 opacity: 0; 2704 -webkit-transition: .5s all ease-in-out; 2705 transition: .5s all ease-in-out; 2706} 2707.slider-navhover:hover .nivo-directionNav a { 2708 opacity: 1; 2709 right: 3em; 2710} 2711 2712.slider-navhover:hover .nivo-directionNav a.nivo-prevNav { 2713 left: 3em; 2714} 2715 2716.theme-default .nivo-caption a { 2717 border-bottom: 1px dotted transparent; 2718} 2719 2720.theme-default .nivo-controlNav.nivo-thumbs-enabled { 2721 width: 100%; 2722} 2723.theme-default .nivo-controlNav.nivo-thumbs-enabled a { 2724 width: auto; 2725 height: auto; 2726 background: none; 2727 margin-bottom: 5px; 2728} 2729.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 2730 display: block; 2731 width: 120px; 2732 height: auto; 2733} 2734 2735/* IE link fix */ 2736a.nivo-imageLink { 2737 background-color: #fff; 2738 opacity: 0; 2739 filter: alpha(opacity=0); 2740} 2741 2742/* PRESENTATION PAGE CSS */ 2743.slider-wrapper { 2744 display: block; 2745 float: none; 2746 margin: 30px auto; 2747} 2748 2749#slider { 2750 display: block; 2751 float: none; 2752 margin: 0 auto; 2753} 2754 2755#front-text1, 2756#front-text2 { 2757 display: block; 2758 float: none; 2759 margin: 35px auto; 2760 clear: both; 2761 text-align: center; 2762 font-weight: bold; 2763} 2764 2765#front-text1 { 2766 margin-bottom: 0; 2767} 2768 2769#front-text2 { 2770 margin-top: 0px; 2771 margin-bottom: 25px; 2772} 2773 2774#front-text3, 2775#front-text4 { 2776 width: 100%; 2777 margin-bottom: 2em; 2778 padding: 2em; 2779 border : 1px solid transparent; 2780} 2781 2782#front-columns > div { 2783 display: block; 2784 float: left; 2785 height: auto; 2786 margin-right: 2%; 2787 margin-bottom: 2%; 2788} 2789 2790.nivo-caption a { 2791 text-decoration: underline; 2792} 2793 2794/* fix interference from slider plugins */ 2795#frontpage #slider a#slider-stopper { 2796 display: none; 2797} 2798 2799/* Continue Reading Links */ 2800 2801a.continue-reading-link { 2802 display: table; 2803 width: auto; 2804 float: none; 2805 padding: .75em 1.5em; 2806 border: 1px solid transparent; 2807 margin-top: 1em; 2808 font-size: .8em; 2809 text-transform: uppercase; 2810 font-style: normal; 2811 letter-spacing: 1px; 2812 -webkit-transition: background .3s; 2813 transition: background .3s; 2814} 2815 2816/* Front page columns */ 2817#front-columns { 2818 display: block; 2819 width: auto; 2820 float: none; 2821 overflow: hidden; 2822 margin-bottom: 30px; 2823} 2824 2825.ppcolumn > a .column-image img { 2826 -webkit-transition: .3s opacity ease-in-out; 2827 transition: .3s opacity ease-in-out; 2828} 2829 2830.ppcolumn > a .column-image h3 { 2831 -webkit-transition: .3s .3s all ease-in-out; 2832 transition: .3s .3s all ease-in-out; 2833} 2834 2835.ppcolumn > a:hover .column-image img { 2836 opacity: .7; 2837} 2838 2839.ppcolumn > a:hover .column-image h3 { 2840 left: 0; 2841} 2842 2843.column-image { 2844 position: relative; 2845 display: block; 2846 overflow: hidden; 2847 width: 100%; 2848 line-height: 0; 2849} 2850 2851.column-text { 2852 position: relative; 2853 overflow: hidden; 2854 width: 100%; 2855 min-height: 20px; 2856 padding: 1em 1.5em 2.5em; 2857 text-align: justify; 2858} 2859 2860.column-image img { 2861 width: 100%; 2862} 2863 2864.column-image h3, 2865#front-columns h3.column-header-noimage { 2866 position: absolute; 2867 bottom: 0; 2868 left: -100%; 2869 display: block; 2870 width: 100%; 2871 margin: 0; 2872 padding: .5em .5em .5em 1em; 2873 line-height: 1.3; 2874 border-bottom: 1px solid rgba(0, 0, 0, .1); 2875} 2876 2877#front-columns h3.column-header-noimage { 2878 position: relative; 2879 left: 0; 2880} 2881 2882.columnmore { 2883 position: absolute; 2884 right: 0; 2885 bottom: 0; 2886 display: block; 2887 width: auto; 2888 line-height: 30px; 2889 text-align: right; 2890 padding-right: 10px; 2891 padding-left: 5px; 2892 letter-spacing: .5px; 2893} 2894 2895.columnmore a { 2896 -webkit-transition: color .3s ease-in-out; 2897 transition: color .3s ease-in-out; 2898} 2899 2900.columnmore:before { 2901 position: absolute; 2902 left: -30px; 2903 top: 0; 2904 width: 0; 2905 height: 0; 2906 content: ""; 2907 border-left: 30px solid transparent; 2908 border-bottom: 30px solid transparent; 2909} 2910 2911/* Style HTML5 tags for IE8 and lower */ 2912header, 2913nav, 2914section, 2915article, 2916aside, 2917footer, 2918hgroup { 2919 display: block; 2920} 2921 2922.tinynav { 2923 display: block; 2924 float: none; 2925 margin: 0 auto; 2926 display: none; 2927 min-width: 200px; 2928 width: 100%; 2929 padding: 10px; 2930 margin-bottom: 8px; 2931 text-transform: uppercase; 2932} 2933 2934.tinynav option {} 2935 2936/* Magazine layout */ 2937.magazine-layout #content article.post, 2938.magazine-layout.search #content article { 2939 float: left; 2940 width: 48%; 2941 /*padding: 1.5em;*/ 2942} 2943 2944.magazine-layout #content article:nth-of-type(2n+1) { 2945 clear: both; 2946 margin-right: 2%; 2947} 2948 2949.magazine-layout span.edit-link { 2950 clear: none; 2951} 2952 2953.magazine-layout .entry-header { 2954 clear: both; 2955} 2956 2957.magazine-layout .content-masonry { 2958 margin-right: -2%; 2959} 2960 2961/* shareaddy compat */ 2962.sharedaddy ul > li { 2963 background: none !important; 2964 text-indent: 0 !important; 2965} 2966 2967/* video fix */ 2968#content embed, 2969#content iframe { 2970 max-width: 100%; 2971} 2972 2973/*woocommerce compat */ 2974.woocommerce .quantity .qty { padding: 6px 3px; } 2975.woocommerce #mainwoo { padding: 10px; } 2976.woocommerce .product .entry-summary {clear:none;} 2977.woocommerce #forbottom { padding-top: 20px; } 2978.woocommerce .page-title { } 2979.woocommerce-page .entry-content .checkout ul > li { list-style: none outside none; } 2980.woocommerce div.product { padding: 10px; } 2981.woocommerce #content tr th, 2982body.woocommerce #content thead th { 2983 font-size: 0.875em; 2984 padding: 3px 5px; 2985 vertical-align: middle; 2986} 2987.woocommerce #content .page-title { 2988 font-size: 2em; 2989 font-weight: normal; 2990 line-height: 1.3em; 2991 word-wrap: break-word; 2992 display: inherit; 2993 margin-bottom: 20px; 2994 padding: 10px 10px 10px 0; 2995} 2996.woocommerce .cart-collaterals .cart_totals { width: 100% } 2997 2998/* FIN! */ 2999