1/* desbest edit */ 2#cc_spacer{ height: 100px; clear: both; } 3aside li { display: block; } 4.page li { display: block; } 5.label, .badge { color: black; } 6 7#writtensidebar h1 /*h3.widget-title*/ { 8 margin-top: 5px; 9 margin-bottom: 6px; 10 border-bottom: 5px solid #eee; 11 color: #888; 12 text-transform: uppercase; 13 letter-spacing: 1px; 14 font-weight: normal; 15 font-size: 1.1em; 16 line-height: 1em; 17 line-height: 1.3em; 18} 19 20html { margin-top: 0px !important; } 21#single_page { margin-top: 64px !important; } 22 23#qsearch__in { 24 border: 1px solid #ac1516 !important; 25 border-radius: 15px; 26 padding: 1em 1em; 27 box-sizing: border-box; 28} 29#qsearch__in:focus{ 30 box-shadow: 0 0 5px rgb(172, 21, 22); 31} 32#dw__search button[type="submit"]{ 33 display: none; 34} 35 36/* copied from inline css */ 37body { 38 font-size : 14px; 39 font-family : Arimo, Arial, sans-serif; 40 font-weight : normal; 41 color : #555555; 42} 43 44li { line-height: 1.35em; } 45 46footer { color: #9b9c9b; } 47footer a:link, footer a:visited{ color: white; } 48 49.container { 50 max-width : 1020px; 51} 52 53.claim { color: white; } 54 55h1.sectionedit1 { font-family: "Noto Sans",Arial,sans-serif; color: #333333; } 56 57 58/* config manager */ 59 60#config__manager fieldset { clear: both; } 61#config__manager table { border-collapse: revert; border-spacing: 0px 1.85em; } 62#config__manager tr { padding: 1em 0px; } 63#config__manager td.label span.outkey { font-size: 1.15em !important; } 64 65/* defined in /lib/plugin/config.style.css */ 66#config__manager td input.edit { 67 width: 14em; 68} 69#config__manager td .input { 70 min-width: 14.8em; 71} 72#config__manager td select.edit { } 73#config__manager td textarea.edit { 74 width: 11.5em; 75 height: 4em; 76} 77 78 79h1, h2, h3, h4, h5, h6 { 80 font-family : Spinnaker, sans-serif; 81} 82 83 84/* 85Theme Name: Parallax 86Theme URI:http://cyberchimps.com/parallax/ 87Author: CyberChimps 88Author URI: http://www.cyberchimps.com/ 89Description: Parallax is a stunning Parallax WordPress theme with visual elements. This theme based on the parallax design concept and is Gutenberg compatible. Parallax is responsive and works on smartphones, tablets, and desktop computers and uses the latest parallax scrolling to present beautiful background images. Parallax also includes the power of several plugins in a single theme allowing you to set up an entire website in minutes. Its touch-friendly and drag-and-drop options on every page allow you to control the look and feel of the site. Parallax has visible edit links in the customizer preview. For Support - <a href="https://cyberchimps.com/forum/free/parallax/" target="_blank"> Support forum</a> (https://cyberchimps.com/forum/free/parallax/). 90Version: 1.7 91Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post 92Text Domain: parallax 93License: GNU General Public License version 3 94License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later) 95*/ 96/********************************************************************************************************************/ 97/******************************************** MAIN HTML STYLES ******************************************************/ 98/********************************************************************************************************************/ 99@import url(//fonts.googleapis.com/css?family=Arimo:400,700|Spinnaker); 100 101body { 102 color: #555555; 103 word-wrap: break-word; 104} 105 106h1, h2, h3, h4, h5, h6 { 107 margin-bottom: 15px; 108 color: #c80a00; 109 font-weight: 400; 110} 111 112/* desbest edit */ 113a:link, a:visited { 114 margin: 1px; 115 color: #c80a00; 116 text-decoration: none; 117} 118 119a:hover { 120 color: #333333; 121 text-decoration: underline; 122} 123 124table .label { 125 padding: 7px; 126 background: none; 127 text-shadow: none; 128 line-height: normal; 129} 130 131tr { 132 border-bottom: 1px solid #cccccc; 133} 134 135td { 136 padding: 8px; 137} 138 139dt { 140 margin-top: 5px; 141 margin-bottom: 5px; 142 margin-left: 26px; 143 font-weight: bold; 144} 145 146dd { 147 margin-bottom: 15px; 148 margin-left: 26px; 149} 150 151ul, ol { 152 margin: 0 0 10px 0; 153} 154 155ol, ul { 156 margin-left: 21px; 157 list-style-position: inside; 158} 159 160pre { 161 -moz-border-radius: 0; 162 border-radius: 0; 163} 164 165code { 166 white-space: pre-wrap; 167} 168 169header { 170 margin-top: 15px; 171 margin-bottom: 15px; 172} 173 174.clear { 175 clear: both; 176} 177 178.clear-right { 179 clear: right; 180} 181 182.clear-left { 183 clear: left; 184} 185 186/*****************************/ 187/* HEADER ********************/ 188/*****************************/ 189 190/* SOCIAL ==============================================*/ 191 192#social_container.span2 { 193 float: right; 194} 195 196#navigation_menu #social { 197 margin-top: 20px; 198} 199 200#navigation_menu .default-icons a { 201 width: 25px; 202 height: 25px; 203 -webkit-border-radius: 49%; 204 -moz-border-radius: 49%; 205 border-radius: 49%; 206 font-size: 1em; 207 line-height: 1.9; 208} 209 210/* DETAILS =============================================*/ 211 212h2.site-title { 213 margin-top: 15px; 214 margin-bottom: 5px; 215 font: bold 32px "helvetica neue", helvetica, arial, sans-serif; 216} 217 218h2.site-title a { 219 color: #ffffff; 220 text-decoration: none; 221} 222 223h2.site-title a:hover { 224 color: #b70c00; 225 text-decoration: none; 226} 227 228h2.site-description { 229 margin: 0; 230 font-size: 14px; 231} 232 233.contact_details { 234 float: right; 235} 236 237.register { 238 float: right; 239} 240 241.blog_description { 242 float: right; 243} 244 245 246 247/* SEARCH ===============================================*/ 248 249header #search #searchform { 250 float: right; 251} 252 253/*****************************/ 254/* MENU **********************/ 255/*****************************/ 256 257#navigation_menu.container-full-width { 258 border-bottom: 4px solid #b2b3b2; 259 background-color: #111111; 260 background-image: url(images/bg.jpg); 261} 262 263#navigation_menu { 264 position: fixed; 265 top: 0; 266 z-index: 99999; 267} 268 269.admin-bar #navigation_menu { 270 top: 28px; 271} 272 273.main-navigation.navbar { 274 margin-top: 11px; 275 margin-bottom: 0; 276} 277 278.main-navigation .navbar-inner { 279 padding: 5px 0 0; 280 border: none; 281 -webkit-border-radius: 1px; 282 border-radius: 1px; 283 background-color: transparent; 284 background-image: none; 285 filter: none; 286} 287 288.main-navigation .nav > li > a { 289 padding-right: 15px; 290 padding-bottom: 12px; 291 padding-left: 15px; 292 border-bottom: 4px solid transparent; 293 color: #ffffff; 294 text-transform: uppercase; 295 text-shadow: none; 296} 297 298.navbar .nav li.dropdown > .dropdown-toggle .caret { 299 border-top-color: #ffffff; 300 border-bottom-color: #ffffff; 301} 302 303.main-navigation .nav > li > a:hover { 304 border-bottom: 4px solid #ac1516; 305 color: #eeeeee; 306} 307 308.navbar .nav li.dropdown > a:hover .caret { 309 border-top-color: #eeeeee; 310 border-bottom-color: #eeeeee; 311} 312 313.main-navigation .nav li ul li ul { 314 margin-left: 0; 315 list-style: none; 316} 317 318.main-navigation .nav li ul li ul li a { 319 padding-left: 24px; 320} 321 322.main-navigation .nav li ul li ul li ul li a { 323 padding-left: 30px; 324} 325 326.main-navigation .nav li.dropdown:hover ul.dropdown-menu { 327 display: block; 328 margin-top: 0; 329} 330 331.main-navigation .nav li ul li a:hover { 332 background: none; 333 color: #ac1516; 334} 335 336.main-navigation .nav li ul.dropdown-menu .active > a { 337 background: none; 338 background-color: transparent; 339 color: #c80a00; 340} 341 342.main-navigation .nav li ul.dropdown-menu .active > a:hover { 343 color: #c80a00; 344} 345 346#navigation #searchform { 347 margin-right: 15px; 348} 349 350.navbar-search .search-query { 351 outline: none; 352 border: 1px solid rgba(62, 123, 134, 0.3); 353 border-color: #ac1516; 354 -webkit-border-radius: 2; 355 -moz-border-radius: 2; 356 border-radius: 2; 357} 358 359.navbar-search input[type=text] { 360 outline: none; 361 -webkit-transition: border 0.30s ease-in-out; 362 -moz-transition: border 0.30s ease-in-out; 363 -ms-transition: border 0.30s ease-in-out; 364 -o-transition: border 0.30s ease-in-out; 365} 366 367.navbar-search input[type=text]:focus { 368 border: 1px solid #ac1516; 369 box-shadow: 0 0 5px rgb(172, 21, 22); 370} 371 372.navbar-search .search-query::-webkit-input-placeholder, 373.navbar-search .search-query:-moz-placeholder, 374.navbar-search .search-query::-moz-placeholder, 375.navbar-search .search-query:-ms-input-placeholder { 376 color: #777777; 377} 378 379.navbar .nav > .active > a, 380.navbar .nav > .active > a:hover, 381.navbar .nav > .active > a:focus, 382.navbar .nav li.dropdown.open > .dropdown-toggle, 383.navbar .nav li.dropdown.active > .dropdown-toggle, 384.navbar .nav li.dropdown.open.active > .dropdown-toggle { 385 border-bottom: 4px solid #ac1516; 386 background-color: transparent; 387 color: #eeeeee; 388 text-shadow: none; 389} 390 391.navbar .btn { 392 -webkit-border-radius: 0; 393 -moz-border-radius: 0; 394 border-radius: 0; 395} 396 397.navbar .btn-navbar { 398 margin-right: 20px; 399 margin-bottom: 5px; 400} 401 402.navbar .btn-navbar { 403 border-color: #891516; 404 background: #ac1516; 405} 406 407.navbar .btn-navbar:hover, 408.navbar .btn-navbar:active, 409.navbar .btn-navbar.active { 410 background: #d81516; 411 color: #ffffff; 412} 413 414.navbar .current-menu-ancestor.dropdown > a { 415 color: #ffffff; 416} 417 418.current-menu-ancestor.dropdown { 419 background-color: #111111; 420} 421 422.navbar .nav > li.current-menu-ancestor > a { 423 color: #ffffff; 424} 425 426.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { 427 border-top-color: #eeeeee; 428 border-bottom-color: #eeeeee; 429} 430 431/*****************************/ 432/* MAIN CONTENT **************/ 433/*****************************/ 434 435.container { 436 background: transparent; 437} 438 439.entry-content { 440 margin: 20px 0; 441} 442 443.page-header { 444 margin-top: 0; 445 padding: 0; 446 border: none; 447} 448 449.featured-image { 450 float: left; 451 margin-top: 4px; 452 margin-right: 12px; 453 margin-bottom: 10px; 454} 455 456/* POST AND PAGE CONTENT ===========================================*/ 457 458#single_page, 459#archive_page, 460#blog_post_page_section, 461#page_section_section, 462#error_page { 463 margin-top: 30px; 464} 465 466.entry-content { 467 margin: 20px 0; 468} 469 470.page-header { 471 margin-top: 0; 472 padding: 0; 473 border: none; 474} 475 476article { 477 background: #ffffff; 478 opacity: .95; 479} 480 481article.post, article.page, article.attachment { 482 margin-bottom: 30px; 483 padding: 25px; 484 border-top: 5px solid #ac1516; 485} 486 487.entry-header { 488 margin-top: 0; 489} 490 491.entry-summary { 492 margin: 10px 0; 493} 494 495.postformats { 496 float: right; 497} 498 499.postformats .glyphicon { 500 margin-top: 5px; 501 margin-left: 15px; 502 color: #cccccc; 503} 504 505blockquote { 506 margin: 20px 10px; 507 padding: 3px; 508 background-color: #cccccc; 509} 510 511blockquote p { 512 margin: 10px; 513} 514 515blockquote cite { 516 font-size: 0.9em; 517} 518 519blockquote cite:before { 520 position: relative; 521 top: -2px; 522 margin: 0 5px; 523 content: ' ̶ '; 524} 525 526.page-links { 527 clear: both; 528} 529 530.more-content { 531 margin-bottom: 30px; 532 padding: 10px; 533 border-top: 5px solid rgba(0, 0, 0, 0.3); 534 border-bottom: 5px solid rgba(0, 0, 0, 0.3); 535 background: #ffffff; 536} 537 538.previous-post { 539 margin-top: 5px; 540 margin-bottom: 0; 541 padding-bottom: 0; 542 text-align: left; 543} 544 545.next-post { 546 margin-top: 5px; 547 margin-bottom: 0; 548 padding-bottom: 0; 549 text-align: right; 550} 551 552/* TAXONOMY ========================================================*/ 553 554.entry-title { 555 margin-top: 0; 556 margin-bottom: 5px; 557 color: #333333; 558 font-size: 2.6em; 559 line-height: 1em; 560} 561 562.entry-title a { 563 color: #333333; 564} 565 566.entry-title a:hover { 567 color: #666666; 568} 569 570article.post p, article.page p { 571 font-size: 1.1em; 572 line-height: 1.5em; 573} 574 575/* IMAGES ==========================================================*/ 576 577.alignnone { 578 display: block; 579 margin: 5px 20px 20px 0; 580} 581 582.aligncenter, div.aligncenter { 583 display: block; 584 margin: 5px auto 5px auto; 585} 586 587.alignright { 588 float: right; 589 margin: 5px 0 20px 20px; 590} 591 592.alignleft { 593 float: left; 594 margin: 5px 20px 20px 0; 595} 596 597.aligncenter { 598 display: block; 599 margin: 5px auto 5px auto; 600} 601 602a img.alignright { 603 float: right; 604 margin: 5px 0 20px 20px; 605} 606 607a img.alignnone { 608 margin: 5px 20px 20px 0; 609} 610 611a img.alignleft { 612 float: left; 613 margin: 5px 20px 20px 0; 614} 615 616a img.aligncenter { 617 display: block; 618 margin-right: auto; 619 margin-left: auto 620} 621 622img.size-full { 623 max-width: 100%; 624 height: auto; 625} 626 627.wp-caption { 628 padding: 15px 3px 10px; 629 max-width: 96%; 630 border: 1px solid #f0f0f0; /* Image does not overflow the content area */ 631 background: #ffffff; 632 text-align: center; 633} 634 635.wp-caption.alignnone { 636 margin: 5px 20px 20px 0; 637} 638 639.wp-caption.alignleft { 640 margin: 5px 20px 20px 0; 641} 642 643.wp-caption.alignright { 644 margin: 5px 0 20px 20px; 645} 646 647.wp-caption img { 648 margin: 0; 649 padding: 0; 650 max-width: 95%; 651 width: auto; 652 height: auto; 653 border: 0 none; 654} 655 656.wp-caption p.wp-caption-text { 657 margin: 0; 658 padding: 0 4px 5px; 659 font-size: 11px; 660 line-height: 17px; 661} 662 663.caption_title { 664 font-size: 16px; 665} 666 667.gallery-pagination { 668 margin: 20px 0; 669} 670 671.gallery-pagination .previous-image a { 672 float: left; 673} 674 675.gallery-pagination .next-image a { 676 float: right; 677} 678 679/* META ============================================================*/ 680 681.entry-meta { 682 margin-top: 0; 683 color: #999999; 684 font-size: 0.85em; 685} 686 687footer.entry-meta { 688 clear: both; 689} 690 691.edit-link { 692 margin-bottom: 10px; 693} 694 695.edit-link a { 696 padding: 2px 4px; 697 -webkit-border-radius: 2px; 698 border-radius: 2px; 699 background: #888888; 700 color: #ffffff; 701} 702 703.edit-link a:visited { 704 color: #ffffff; 705} 706 707.edit-link a:hover { 708 color: #cccccc; 709 text-decoration: none; 710} 711 712.cyberchimps_article_share { 713 float: right; 714} 715 716/* COMMENTS ========================================================*/ 717 718.comments-area { 719 margin-bottom: 15px; 720 padding: 15px; 721 background: #ffffff; 722} 723 724h2.comments-title { 725 color: #333333; 726 font-size: 1.5em; 727} 728 729h3#reply-title { 730 font-size: 1.5em; 731} 732 733#comments .navigation { 734 padding: 0 0 18px 0; 735} 736 737label[for="comment"] { 738 display: block; 739} 740 741ol.commentlist { 742 margin-bottom: 25px; 743 list-style: none; 744} 745 746ol.commentlist p { 747 clear: left; 748 margin-left: 8px; 749} 750 751ol.commentlist li.comment { 752 padding: 10px; 753} 754 755ol.commentlist li.comment div.vcard cite.fn { 756 font-style: normal; 757} 758 759ol.commentlist li.comment div.vcard img.avatar { 760 margin: 0 10px 10px 10px; 761} 762 763ol.commentlist li.comment div.comment-meta { 764 font-size: 11px; 765} 766 767ol.commentlist li.comment div.comment-meta a { 768 color: #888888; 769} 770 771ol.commentlist li.comment div.reply { 772 margin-left: 8px; 773 font-size: 11px; 774} 775 776ol.commentlist li.comment div.reply a { 777 font-weight: bold; 778} 779 780ol.commentlist li.comment ul.children { 781 margin: 10px 0 0; 782 list-style: none; 783} 784 785ol.commentlist li.comment ul.children li.depth-2 { 786 margin: 0 0 10px 10px; 787} 788 789ol.commentlist li.comment ul.children li.depth-3 { 790 margin: 0 0 10px 10px; 791} 792 793ol.commentlist li.comment ul.children li.depth-4 { 794 margin: 0 0 10px 10px; 795} 796 797ol.commentlist li.even { 798 border: 1px solid #cccccc; 799 -moz-border-radius: 4px; 800 border-radius: 4px; 801 background: #fafafa; 802} 803 804ol.commentlist li.odd { 805 border: 1px solid #cccccc; 806 -moz-border-radius: 4px; 807 border-radius: 4px; 808 background: #ffffff; 809} 810 811.comment, .trackback, .pingback { 812 margin: 10px 0 10px 0; 813 padding: 10px; 814} 815 816.odd { 817 background: #f8f8f8; 818} 819 820#form-allowed-tags code { 821 font-size: 12px; 822} 823 824#respond input, #respond textarea { 825 overflow: auto; 826 margin: 0 5px 5px 0; 827} 828 829#respond textarea { 830 width: 99%; 831 height: 150px; 832} 833 834.avatar { 835 float: left; 836} 837 838/*****************************/ 839/* SIDEBAR & WIDGETS *********/ 840/*****************************/ 841 842#widgets_section_section.container-full-width { 843 background: rgba(0, 82, 94, 0.35); 844} 845 846.widget-container { 847 margin-bottom: 30px; 848 padding: 20px; 849 border-top: 5px solid #ac1516;; 850 background: #ffffff; 851} 852 853h3.widget-title { 854 margin-top: 5px; 855 margin-bottom: 6px; 856 border-bottom: 5px solid #eeeeee; 857 color: #888888; 858 text-transform: uppercase; 859 letter-spacing: 1px; 860 font-weight: normal; 861 font-size: 1.1em; 862 line-height: 1em; 863 line-height: 1.3em; 864} 865 866.widget-container ul, .widget ul { 867 margin-left: 5px; 868} 869 870.widget-container ul li, .widget ul li { 871 list-style: none; 872 font-size: 14px; 873 line-height: 1.8em; 874} 875 876table#wp-calendar { 877 width: 100%; 878} 879 880table#wp-calendar th { 881 font-size: 14px; 882} 883 884table#wp-calendar td { 885 padding: 5px 0; 886 width: 14.28571428571429%; 887 text-align: center; 888 font-size: 14px; 889} 890 891table#wp-calendar td { 892 text-align: center; 893} 894 895.widget-container #searchform.pull-right { 896 margin-right: 30px; 897} 898 899.widget-container #searchform input.input-medium { 900 display: inline-block; 901 float: none; 902 width: 100%; 903} 904 905/* SEARCH FORM ====================================================*/ 906 907#searchform { 908 margin-bottom: 5px; 909} 910 911/*****************************/ 912/* FOOTER ********************/ 913/*****************************/ 914 915#footer_section.container-full-width { 916 border-top: 5px solid rgba(0, 0, 0, 0.3); 917 background-color: #111111; 918 background-image: url(images/bg.jpg); 919} 920 921#footer-widgets { 922 margin-bottom: 20px; 923} 924 925#footer-widgets .widget-container { 926 border: none; 927 background-color: transparent; 928} 929.page-template-default .featuredarea-content-container { 930 margin-bottom: 150px; 931} 932.featuredarea-content-container { 933 overflow: hidden; 934 text-align:center; 935 margin: 80px 0px; 936} 937.featuredarea-content .featured-title { 938 font-size: 4.1em; 939 color: #FFF; 940font-weight: bold; 941margin: 40px 0px 25px; 942} 943.page-template-default .featured-text { 944 font-size: 1.375em; 945 color: #E6F6FF; 946 font-weight: normal; 947line-height: 1.19em; 948} 949.featuredarea-content { 950 overflow: hidden; 951 margin: 20px 5px 16px; 952} 953#footer-widgets aside, 954#footer-widgets aside a { 955 color: #aaaaaa; 956} 957 958#footer-widgets aside h3.widget-title { 959 margin-bottom: 10px; 960 padding-top: 10px; 961 padding-bottom: 10px; 962 border-bottom: 1px solid #cccccc; 963 color: #cccccc; 964 font-size: 1.1em; 965} 966 967#footer-widget-container { 968 background-color: transparent; 969} 970 971.site-footer { 972 margin-top: 20px; 973 margin-bottom: 20px; 974} 975 976.site-footer #copyright { 977 margin-bottom: 20px; 978 color: #ffffff; 979 text-align: right; 980} 981 982#after_footer.container-full-width, #footer_menu { 983 background-color: #212121; 984} 985 986/*****************************/ 987/* WORDPRESS DEFAULTS ********/ 988/*****************************/ 989 990.sticky { 991} 992 993.gallery-caption { 994} 995 996.bypostauthor { 997} 998 999/*****************************/ 1000/* ELEMENTS ******************/ 1001/*****************************/ 1002 1003/* SLIDER LITE =====================================================*/ 1004 1005#slider_lite .item > a { 1006 margin: 0; 1007} 1008 1009/* WIDGET BOXES ===============================================*/ 1010 1011.box { 1012 margin-bottom: 20px; 1013 padding: 20px; 1014 border: 6px solid rgba(255, 255, 255, 0.1); 1015 background: #444444; 1016 opacity: 0.9; 1017} 1018 1019.box p { 1020 margin-top: 15px; 1021 color: #eeeeee; 1022 text-shadow: 1px 1px 0 #2a2a2a; 1023 font-size: 1.0em; 1024 line-height: 1.4em; 1025 max-width: 100%; 1026} 1027 1028.box img { 1029 margin-top: 10px; 1030} 1031 1032/* BOXES ======================================================*/ 1033 1034#boxes_container .box a { 1035 display: block; 1036 width: 100%; 1037 color: #555555; 1038 text-align: center; 1039} 1040 1041.box-no-url { 1042 cursor: default; 1043} 1044 1045/* PORTFOLIO ===================================================*/ 1046 1047#portfolio h2.entry-title { 1048 margin-right: 2px; 1049 margin-bottom: 10px; 1050 margin-left: 2px; 1051 padding-top: 10px; 1052 padding-bottom: 10px; 1053 padding-left: 10px; 1054 background: rgba(51, 51, 51, 0.55); 1055 color: #ffffff; 1056 text-align: center; 1057} 1058 1059a .portfolio-caption { 1060 padding-top: 10px; 1061} 1062 1063#gallery { 1064 padding: 0px; 1065 background: transparent; 1066} 1067 1068#gallery ul.row-fluid { 1069 margin: 0; 1070 padding: 0; 1071} 1072 1073#gallery h2 { 1074 margin-top: 0; 1075 font-weight: 400; 1076 font-size: 1.6em; 1077 line-height: 1em; 1078} 1079 1080#gallery ul.row-fluid li#portfolio_wrap { 1081 margin-bottom: 20px; 1082 text-align: center; 1083} 1084 1085#gallery ul.row-fluid li#portfolio_wrap .portfolio_item { 1086 padding: 2px; 1087 border: 5px solid rgba(0, 0, 0, 0.1); 1088} 1089 1090#gallery ul.row-fluid li#portfolio_wrap:hover img { 1091 opacity: .9; 1092} 1093 1094/* For select area alignment issue */ 1095select{ 1096 max-width:100%; 1097} 1098 1099/* For box content exceeding the box div*/ 1100.box.span4 { 1101 display: flex; 1102 flex-wrap: wrap; 1103} 1104 1105/*================== Byline Author =====================*/ 1106.entry-meta .avatar 1107{ 1108 float:none; 1109} 1110 1111 1112.site-title, .box-widget-title, .entry-title, .widget-title, .recent_posts_post_title, 1113#callout_section_section, .carousel_caption, .parallax-product-title, .respond-title, .comments-title, #portfolio_pro_section h2, #parallax_testimonial_top h2, #contact_us h2 { 1114 font-family: "Noto Sans", Arial, sans-serif; 1115} 1116 1117/*============= Testimonial ==========*/ 1118.parallax_main_title{ 1119 margin-top: 80px; 1120 text-align: center; 1121 font-size: 1.8em; 1122 } 1123 ul.slides { 1124 margin-left: 0; 1125 } 1126 .flexslider .slides > li { 1127 display: block; 1128 -webkit-backface-visibility: hidden; 1129 margin: 0; 1130 padding: 0; 1131 list-style: none; 1132 } 1133 .slides.parallax_carousel { 1134 max-width: 100%; 1135 display: inline-block; 1136 padding-top: 20px; 1137 width: auto !important; 1138} 1139#testimonial_section .parallax_short_desc { 1140 margin-top: 80px; 1141} 1142#testimonial_section { 1143background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; } 1144#testimonial_section .img-responsive { 1145 -webkit-border-radius: 100%; 1146 -moz-border-radius: 100%; 1147 border-radius: 100%; 1148 border: 5px solid #fff; } 1149#testimonial_section .flexslider { 1150 background: transparent; 1151 border: none; 1152 width: 100%; 1153 margin: 0 auto; 1154 left: 0; 1155 right: 0; } 1156#testimonial_section .parallax_slider_text_img { 1157 color: #fff; } 1158 #testimonial_section .parallax_slider_text_img li { 1159 width: auto; 1160 text-align: center; 1161} 1162 #testimonial_section .parallax_testimonial_author { 1163 font-weight: 600; 1164 font-size: 1.125em; } 1165#testimonial_section .parallax_testimonial_abt_author { 1166 font-weight: 500; 1167 margin-bottom: 12%; } 1168#testimonial_section .after_testimonial_text { 1169 margin: 25px auto; 1170 padding: 0; 1171 max-width: 84px; 1172 border: 0; 1173 border-top: solid 2px #cd834a; 1174 text-align: center; 1175 background: transparent; } 1176#testimonial_section #carousel2.flexslider { 1177 position: absolute; 1178 bottom: -20%; } 1179#testimonial_section .flex-active-slide img { 1180 border-color: #cd834a; } 1181#testimonial_section .flex-active-slide .arrow-top { 1182 position: absolute; 1183 border-right: 10px solid transparent; 1184 border-bottom: 10px solid #e14c3d; 1185 border-left: 10px solid transparent; 1186 top: 12px; 1187 left: 13%; } 1188#testimonial_section .flex-viewport { 1189 text-align: center; } 1190testimonial_section .flexslider .slides { 1191 padding-bottom: 30px; } 1192 #testimonial_section{ 1193 color: #fff; 1194 position: relative; 1195 font-size: 16px; 1196} 1197.parallax_main_title{ 1198 margin-top: 80px; 1199 text-align: center; 1200 color: #fff; 1201} 1202.flex-direction-nav{ 1203 display: none; 1204} 1205 /* =============================== Contact Section ========================== */ 1206#map_contact_section{ 1207 margin: 0 !important; 1208} 1209.contactus_wrapper{ 1210 padding: 0 0 3% 0; 1211 color: #fff; 1212 } 1213.contactus_wrapper.span12 1214{ 1215 margin: 0 auto; 1216} 1217#contact_us input[type="text"], #contact_us textarea{ 1218 width: 96%; 1219 padding: 10px; 1220 border: none; 1221 border-radius: 2px; 1222 margin-bottom: 12px; 1223 } 1224.contact_left_sec{ 1225 font-size: 16px; 1226 line-height: 1.8; 1227} 1228.fa 1229{ 1230 font-size: 30px; 1231} 1232.contact_right_sec input[type="submit"] 1233{ 1234 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #cd834a 0%, #9e663d 100%) repeat scroll 0 0; 1235 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1236 color: #fff; 1237 font-family: lobster,cursive; 1238 font-size: 17.5px; 1239 border: none; 1240 border-radius: 3px; 1241 padding: 15px 55px; 1242 margin: 2% 32%; 1243 } 1244.contact_title{ 1245 text-align: center; 1246 padding-top: 20px; 1247 font-size: 1.8em; 1248 color: #fff; 1249} 1250 1251/* ========================== Contact details in header =========================== */ 1252.contact_details{ 1253 font-family: lobster,cursive; 1254 font-size: 20px; 1255 letter-spacing: 1px; 1256} 1257.contact_details:before{ 1258 font-family: "FontAwesome"; 1259 content: "\f095"; 1260} 1261#register 1262{ 1263 padding: 12px 0 0 0; 1264} 1265 1266/* ========================== Contact details in header end =========================== */ 1267 1268.entry-content ol, 1269.entry-content ul, 1270.entry-summary ol, 1271.entry-summary ul{ 1272 margin-left: 2.9em; 1273} 1274 1275.entry-content ol.wp-block-gallery, 1276.entry-content ul.wp-block-gallery, 1277.entry-summary ol.wp-block-gallery, 1278.entry-summary ul.wp-block-gallery { 1279 display: flex; 1280 flex-wrap: wrap; 1281 list-style-type: none; 1282 margin-left: 0; 1283 margin-right: 0; 1284} 1285 audio, canvas, video { 1286 display: inline-block; 1287 width: 100%; 1288} 1289 .wp-block-column p { 1290 padding: 0 14px; 1291} 1292 .wp-block-gallery .blocks-gallery-item figcaption { 1293 padding: 40px 0; 1294} 1295div.wp-block-cover .wp-block-cover-text{ 1296 position: absolute; 1297 color: #fff; 1298 font-size: 2em; 1299 line-height: 1.25; 1300 margin-bottom: 0; 1301 max-width: 610px; 1302 padding: 14px; 1303 text-align: center; 1304 z-index: 1; 1305 top: 50%; 1306 left: 50%; 1307 transform: translate(-50%,-50%); 1308 width: 100%; 1309} 1310div.wp-block-cover.aligncenter { 1311 clear: both; 1312} 1313 1314 1315.has-light-gray-background-color{ 1316 background-color: #f5f5f5; 1317} 1318.has-light-gray-color{ 1319 color: #f5f5f5; 1320} 1321 1322.has-gray-background-color{ 1323 background-color: #777; 1324} 1325.has-gray-color{ 1326 color: #777; 1327} 1328 1329.has-black-background-color{ 1330 background-color: #000000; 1331} 1332.has-black-color{ 1333 color: #000000; 1334} 1335 1336.has-blue-background-color{ 1337 background-color: #0286cf; 1338} 1339.has-blue-color{ 1340 color: #0286cf; 1341} 1342 1343.has-legacy-background-color{ 1344 background-color: #b6b6b6; 1345} 1346.has-legacy-color{ 1347 color: #b6b6b6; 1348} 1349 1350.has-red-background-color{ 1351 background-color: #c80a00; 1352} 1353.has-red-color{ 1354 color: #c80a00; 1355} 1356