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