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