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