WordPress.org
Get WordPress

Make WordPress Themes

Changeset 319323


Ignore:
Timestamp:
03/24/2026 06:49:43 AM (8 months ago)
Author:
themedropbox
Message:

New version of DIY Tutorials - 0.4.7

Location:
diy-tutorials/0.4.7
Files:
6 edited
1 copied

Legend:

Unmodified
Added
Removed

  • diy-tutorials/0.4.7/header.php

    r225830 r319323  
    3232        }
    3333?>
    34 <?php if(get_theme_mod('diy_tutorials_preloader_hide','')){ ?>
    35         <div class="loader">
    36                 <div class="preloader">
    37                         <div class="diamond">
    38                                 <span></span>
    39                                 <span></span>
    40                                 <span></span>
     34<?php
     35if( get_theme_mod('diy_tutorials_preloader_hide', false ) == true ){
     36
     37        $diy_tutorials_type = get_theme_mod('diy_tutorials_preloader_type','diamond');
     38?>
     39<div class="frame">
     40        <div class="loader preloader-types">
     41
     42                <?php if($diy_tutorials_type == 'diamond'){ ?>
     43
     44                        <div class="preloader">
     45                                <div class="diamond">
     46                                        <span></span>
     47                                        <span></span>
     48                                        <span></span>
     49                                </div>
    4150                        </div>
    42                 </div>
     51
     52                <?php } elseif($diy_tutorials_type == 'orbit'){ ?>
     53
     54                        <div class="orbit-loader">
     55                                <div class="orbit-center"></div>
     56                                <div class="orbit-ring">
     57                                        <span></span>
     58                                        <span></span>
     59                                        <span></span>
     60                                </div>
     61                        </div>
     62
     63                <?php } elseif($diy_tutorials_type == 'liquid'){ ?>
     64
     65                        <div class="liquid-loader">
     66                                <div class="liquid-blob"></div>
     67                        </div>
     68
     69                <?php } ?>
     70
    4371        </div>
     72</div>
    4473<?php } ?>
    4574<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'diy-tutorials' ); ?></a>
    … …  
    84113                                                wp_nav_menu( array(
    85114                                                        'theme_location' => 'main-menu',
    86                                                         'container' => 'false'
     115                                                        'container' => false
    87116                                                ));
    88117                                        ?>

  • diy-tutorials/0.4.7/includes/customizer.php

    r315661 r319323  
    558558        Kirki::add_field( 'theme_config_id', [
    559559                'type'        => 'toggle',
     560                'settings'    => 'diy_tutorials_preloader_hide',
     561                'label'       => esc_html__( 'Here you can enable or disable your preloader.', 'diy-tutorials' ),
     562                'section'     => 'diy_tutorials_additional_setting',
     563                'default'     => false,
     564                'priority'    => 10,
     565                'tab'         => 'general',
     566        ] );
     567   
     568        Kirki::add_field( 'theme_config_id', [
     569                'type'        => 'custom',
     570                'tab'         => 'general',
     571                'settings'    => 'diy_tutorials_preloader_type_heading',
     572                'section'     => 'diy_tutorials_additional_setting',
     573                'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Select Preloader Type', 'diy-tutorials' ) . '</h3>',
     574        ] );
     575       
     576        Kirki::add_field( 'theme_config_id', [
     577                'type'     => 'radio',
     578                'tab'      => 'general',
     579                'settings' => 'diy_tutorials_preloader_type',
     580                'section'  => 'diy_tutorials_additional_setting',
     581                'default'  => 'diamond',
     582                'choices'  => [
     583                        'diamond' => esc_html__( 'Diamond', 'diy-tutorials' ),
     584                        'orbit' => esc_html__( 'Orbit Pulse Loader', 'diy-tutorials' ),
     585                        'liquid' => esc_html__( 'Liquid Glow Loader', 'diy-tutorials' ),
     586                ],
     587    ] );
     588
     589        Kirki::add_field( 'theme_config_id', [
     590                'type'        => 'custom',
     591                'tab'         => 'general',
     592                'settings'    => 'diy_tutorials_preloader_bg_image_heading',
     593                'section'     => 'diy_tutorials_additional_setting',
     594                'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Preloader Background', 'diy-tutorials' ) . '</h3>',
     595                'priority'    => 10,
     596        ] );
     597
     598        Kirki::add_field( 'theme_config_id',
     599        [
     600                'settings'    => 'diy_tutorials_preloader_bg_image',
     601                'tab'         => 'general',
     602                'type'        => 'background',
     603                'section'     => 'diy_tutorials_additional_setting',
     604                'default'     => [
     605                        'background-color'      => 'rgba(255, 255, 255, 1)',
     606                        'background-image'      => '',
     607                        'background-repeat'     => 'no-repeat',
     608                        'background-position'   => 'center center',
     609                ],
     610                'transport'   => 'auto',
     611                'output'      => [
     612                        [
     613                                'element' => '.preloader-types',
     614                        ],
     615                ],
     616        ]);
     617   
     618        Kirki::add_field( 'theme_config_id', [
     619                'type'        => 'toggle',
    560620                'tab'      => 'general',
    561621                'settings'    => 'diy_tutorials_scroll_enable_setting',
    562622                'label'       => esc_html__( 'Here you can enable or disable your scroller.', 'diy-tutorials' ),
    563                 'section'     => 'diy_tutorials_additional_setting',
    564                 'default'     => '0',
    565                 'priority'    => 10,
    566         ] );
    567 
    568         Kirki::add_field( 'theme_config_id', [
    569                 'type'        => 'toggle',
    570                 'tab'      => 'general',
    571                 'settings'    => 'diy_tutorials_preloader_hide',
    572                 'label'       => esc_html__( 'Here you can enable or disable your preloader.', 'diy-tutorials' ),
    573623                'section'     => 'diy_tutorials_additional_setting',
    574624                'default'     => '0',

  • diy-tutorials/0.4.7/languages/diy-tutorials.pot

    r306978 r319323  
    1 # Copyright (C) 2025 wpelemento
     1# Copyright (C) 2026 wpelemento
    22# This file is distributed under the GNU General Public License v3.0 or later.
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: DIY Tutorials 0.4.1\n"
     5"Project-Id-Version: DIY Tutorials 0.4.7\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/diy-tutorials\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2025-12-12T17:16:40+05:30\n"
     12"POT-Creation-Date: 2026-03-12T18:16:52+05:30\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    14 "X-Generator: WP-CLI 2.10.0\n"
     14"X-Generator: WP-CLI 2.12.0\n"
    1515"X-Domain: diy-tutorials\n"
    1616
    … …  
    4444
    4545#: 404.php:15
    46 #: includes/customizer.php:1320
     46#: includes/customizer.php:1429
    4747msgid "404 Error!"
    4848msgstr ""
    4949
    5050#: 404.php:28
    51 #: includes/customizer.php:1335
     51#: includes/customizer.php:1444
    5252msgid "The page you are looking for may have been moved, deleted, or possibly never existed."
    5353msgstr ""
    … …  
    5555#. translators: %s: post title
    5656#: comments.php:27
     57#, php-format
    5758msgid "One thought on &ldquo;%s&rdquo;"
    5859msgstr ""
    … …  
    6061#. translators: 1: number of comments, 2: post title
    6162#: comments.php:32
     63#, php-format
    6264msgctxt "comments title"
    6365msgid "%1$s thought on &ldquo;%2$s&rdquo;"
    … …  
    127129#. translators: %s: WP Elemento
    128130#: footer.php:100
     131#, php-format
    129132msgid " By %s"
    130133msgstr ""
    … …  
    136139#. translators: %s: WordPress
    137140#: footer.php:106
     141#, php-format
    138142msgid "Proudly powered by %s"
    139143msgstr ""
    … …  
    181185#. translators: %s: Date
    182186#: functions.php:229
     187#, php-format
    183188msgid "%1$s at %2$s"
    184189msgstr ""
    … …  
    233238msgstr ""
    234239
    235 #: functions.php:435
     240#: functions.php:439
    236241msgid "https://preview.wpelemento.com/theme-documentation/diy-tutorials/"
    237242msgstr ""
    238243
    239 #: functions.php:436
     244#: functions.php:440
    240245msgid "https://wordpress.org/support/theme/diy-tutorials/"
    241246msgstr ""
    242247
    243 #: functions.php:437
     248#: functions.php:441
    244249msgid "https://wordpress.org/support/theme/diy-tutorials/reviews/"
    245250msgstr ""
    246251
    247 #: functions.php:438
     252#: functions.php:442
    248253#: includes/customizer.php:130
    249254#: includes/customizer.php:512
    250 #: includes/customizer.php:1590
     255#: includes/customizer.php:1699
    251256msgid "https://www.wpelemento.com/products/diy-wordpress-theme"
    252257msgstr ""
    253258
    254 #: functions.php:439
     259#: functions.php:443
    255260msgid "https://preview.wpelemento.com/diy-tutorials/"
    256261msgstr ""
    257262
    258 #: functions.php:440
     263#: functions.php:444
    259264msgid "https://www.wpelemento.com/products/wordpress-theme-bundle"
    260265msgstr ""
    261266
    262 #: header.php:45
     267#: header.php:74
    263268msgid "Skip to content"
    264269msgstr ""
    265270
    266 #: header.php:73
     271#: header.php:102
    267272msgid "View Shopping Cart"
    268273msgstr ""
    … …  
    284289#: includes/customizer.php:436
    285290#: includes/customizer.php:501
    286 #: includes/customizer.php:1441
    287 #: includes/customizer.php:1462
     291#: includes/customizer.php:1550
     292#: includes/customizer.php:1571
    288293msgid "Enable"
    289294msgstr ""
    … …  
    293298#: includes/customizer.php:437
    294299#: includes/customizer.php:502
    295 #: includes/customizer.php:1442
    296 #: includes/customizer.php:1463
     300#: includes/customizer.php:1551
     301#: includes/customizer.php:1572
    297302msgid "Disable"
    298303msgstr ""
    … …  
    352357#: includes/customizer.php:130
    353358#: includes/customizer.php:512
    354 #: includes/customizer.php:1590
     359#: includes/customizer.php:1699
    355360msgid "....and Much More"
    356361msgstr ""
    … …  
    358363#: includes/customizer.php:130
    359364#: includes/customizer.php:512
    360 #: includes/customizer.php:1590
     365#: includes/customizer.php:1699
    361366msgid "Upgrade for more"
    362367msgstr ""
    … …  
    490495msgstr ""
    491496
    492 #: includes/customizer.php:518
     497#: includes/customizer.php:519
     498#: includes/customizer.php:526
     499msgid "Product Featured Image Hover Effect"
     500msgstr ""
     501
     502#: includes/customizer.php:531
     503#: includes/customizer.php:1216
     504msgid "None"
     505msgstr ""
     506
     507#: includes/customizer.php:532
     508#: includes/customizer.php:1217
     509msgid "Zoom In"
     510msgstr ""
     511
     512#: includes/customizer.php:533
     513#: includes/customizer.php:1218
     514msgid "Zoom Out"
     515msgstr ""
     516
     517#: includes/customizer.php:534
     518#: includes/customizer.php:1219
     519msgid "Scale"
     520msgstr ""
     521
     522#: includes/customizer.php:535
     523#: includes/customizer.php:1220
     524msgid "Grayscale"
     525msgstr ""
     526
     527#: includes/customizer.php:536
     528#: includes/customizer.php:1221
     529msgid "Blur"
     530msgstr ""
     531
     532#: includes/customizer.php:537
     533#: includes/customizer.php:1222
     534msgid "Bright"
     535msgstr ""
     536
     537#: includes/customizer.php:538
     538#: includes/customizer.php:1223
     539msgid "Sepia"
     540msgstr ""
     541
     542#: includes/customizer.php:539
     543#: includes/customizer.php:1224
     544msgid "Translate"
     545msgstr ""
     546
     547#: includes/customizer.php:546
    493548msgid "Additional Settings"
    494549msgstr ""
    495550
    496 #: includes/customizer.php:522
     551#: includes/customizer.php:550
    497552msgid "General"
    498553msgstr ""
    499554
    500 #: includes/customizer.php:525
     555#: includes/customizer.php:553
    501556msgid "Header Image"
    502557msgstr ""
    503558
    504 #: includes/customizer.php:534
     559#: includes/customizer.php:561
     560msgid "Here you can enable or disable your preloader."
     561msgstr ""
     562
     563#: includes/customizer.php:573
     564msgid "Select Preloader Type"
     565msgstr ""
     566
     567#: includes/customizer.php:583
     568msgid "Diamond"
     569msgstr ""
     570
     571#: includes/customizer.php:584
     572msgid "Orbit Pulse Loader"
     573msgstr ""
     574
     575#: includes/customizer.php:585
     576msgid "Liquid Glow Loader"
     577msgstr ""
     578
     579#: includes/customizer.php:594
     580msgid "Preloader Background"
     581msgstr ""
     582
     583#: includes/customizer.php:622
    505584msgid "Here you can enable or disable your scroller."
    506585msgstr ""
    507586
    508 #: includes/customizer.php:544
    509 msgid "Here you can enable or disable your preloader."
    510 msgstr ""
    511 
    512 #: includes/customizer.php:555
    513 #: includes/customizer.php:913
     587#: includes/customizer.php:633
     588#: includes/customizer.php:991
    514589msgid "Animation"
    515590msgstr ""
    516591
    517 #: includes/customizer.php:563
     592#: includes/customizer.php:641
    518593msgid "Enable or Disable Sidebar Animation"
    519594msgstr ""
    520595
    521 #: includes/customizer.php:573
     596#: includes/customizer.php:651
    522597msgid "Enable or Disable Footer Animation"
    523598msgstr ""
    524599
    525 #: includes/customizer.php:584
     600#: includes/customizer.php:662
    526601msgid "Sticky Sidebar"
    527602msgstr ""
    528603
    529 #: includes/customizer.php:592
     604#: includes/customizer.php:670
    530605msgid "Enable or Disable Sticky Sidebar"
    531606msgstr ""
    532607
    533 #: includes/customizer.php:603
     608#: includes/customizer.php:681
    534609msgid "Scroll To Top Position"
    535610msgstr ""
    536611
    537 #: includes/customizer.php:613
    538 #: includes/customizer.php:1518
    539 #: includes/customizer.php:1636
     612#: includes/customizer.php:691
     613#: includes/customizer.php:1627
     614#: includes/customizer.php:1745
    540615msgid "left"
    541616msgstr ""
    542617
    543 #: includes/customizer.php:614
    544 #: includes/customizer.php:1516
    545 #: includes/customizer.php:1634
     618#: includes/customizer.php:692
     619#: includes/customizer.php:1625
     620#: includes/customizer.php:1743
    546621msgid "center"
    547622msgstr ""
    548623
    549 #: includes/customizer.php:615
    550 #: includes/customizer.php:1517
    551 #: includes/customizer.php:1635
     624#: includes/customizer.php:693
     625#: includes/customizer.php:1626
     626#: includes/customizer.php:1744
    552627msgid "right"
    553628msgstr ""
    554629
    555 #: includes/customizer.php:624
     630#: includes/customizer.php:702
    556631msgid "Scroll To Top Border Radius"
    557632msgstr ""
    558633
    559 #: includes/customizer.php:652
     634#: includes/customizer.php:730
    560635msgid "Dot Cursor"
    561636msgstr ""
    562637
    563 #: includes/customizer.php:660
     638#: includes/customizer.php:738
    564639msgid "Enable or Disable Dot Cursor"
    565640msgstr ""
    566641
    567 #: includes/customizer.php:671
     642#: includes/customizer.php:749
    568643msgid "Progress Bar"
    569644msgstr ""
    570645
    571 #: includes/customizer.php:679
     646#: includes/customizer.php:757
    572647msgid "Enable or Disable Progress Bar"
    573648msgstr ""
    574649
    575 #: includes/customizer.php:690
     650#: includes/customizer.php:768
    576651msgid "Progress Bar Position"
    577652msgstr ""
    578653
    579 #: includes/customizer.php:708
     654#: includes/customizer.php:786
    580655msgid "Top"
    581656msgstr ""
    582657
    583 #: includes/customizer.php:709
     658#: includes/customizer.php:787
    584659msgid "Bottom"
    585660msgstr ""
    586661
    587 #: includes/customizer.php:725
     662#: includes/customizer.php:803
    588663msgid "Progress Bar Color"
    589664msgstr ""
    590665
    591 #: includes/customizer.php:739
     666#: includes/customizer.php:817
    592667msgid "Color"
    593668msgstr ""
    594669
    595 #: includes/customizer.php:767
     670#: includes/customizer.php:845
    596671msgid "Single Page Layout"
    597672msgstr ""
    598673
    599 #: includes/customizer.php:777
    600 #: includes/customizer.php:1146
     674#: includes/customizer.php:855
     675#: includes/customizer.php:1254
     676#: includes/customizer.php:1311
     677msgid "Left Sidebar"
     678msgstr ""
     679
     680#: includes/customizer.php:856
     681#: includes/customizer.php:1253
     682#: includes/customizer.php:1310
     683msgid "Right Sidebar"
     684msgstr ""
     685
     686#: includes/customizer.php:857
     687msgid "One Column"
     688msgstr ""
     689
     690#: includes/customizer.php:866
     691msgid "Header Image Attachment"
     692msgstr ""
     693
     694#: includes/customizer.php:876
     695msgid "Scroll"
     696msgstr ""
     697
     698#: includes/customizer.php:877
     699msgid "Fixed"
     700msgstr ""
     701
     702#: includes/customizer.php:892
     703msgid "Header Image height"
     704msgstr ""
     705
     706#: includes/customizer.php:898
     707msgid "Image Height"
     708msgstr ""
     709
     710#: includes/customizer.php:899
     711msgid "Enter a value in pixels. Example:500px"
     712msgstr ""
     713
     714#: includes/customizer.php:927
     715msgid "Header Image Overlay"
     716msgstr ""
     717
     718#: includes/customizer.php:933
     719msgid "Overlay Color"
     720msgstr ""
     721
     722#: includes/customizer.php:953
     723msgid "Enable / Disable Header Image Page Title."
     724msgstr ""
     725
     726#: includes/customizer.php:963
     727msgid "Enable / Disable Header Image Breadcrumb."
     728msgstr ""
     729
     730#: includes/customizer.php:972
     731msgid "Post Settings"
     732msgstr ""
     733
     734#: includes/customizer.php:973
     735msgid "Here you can add post information."
     736msgstr ""
     737
     738#: includes/customizer.php:977
     739msgid "Blog Post"
     740msgstr ""
     741
     742#: includes/customizer.php:980
     743msgid "Single Post"
     744msgstr ""
     745
     746#: includes/customizer.php:999
     747msgid "Enable or Disable Blog Post Animation"
     748msgstr ""
     749
     750#: includes/customizer.php:1009
     751msgid "Enable / Disable Post Date"
     752msgstr ""
     753
     754#: includes/customizer.php:1019
     755msgid "Enable / Disable Post Author"
     756msgstr ""
     757
     758#: includes/customizer.php:1029
     759msgid "Enable / Disable Post Comment"
     760msgstr ""
     761
     762#: includes/customizer.php:1039
     763msgid "Enable / Disable Post Image"
     764msgstr ""
     765
     766#: includes/customizer.php:1050
     767msgid "Blog Post Content Limit"
     768msgstr ""
     769
     770#: includes/customizer.php:1072
     771msgid "Blog Post Pagination"
     772msgstr ""
     773
     774#: includes/customizer.php:1080
     775msgid "Enable or Disable Blog Post Pagination"
     776msgstr ""
     777
     778#: includes/customizer.php:1090
     779msgid "Enable / Disable Single Post Date"
     780msgstr ""
     781
     782#: includes/customizer.php:1100
     783msgid "Enable / Disable Single Post Author"
     784msgstr ""
     785
     786#: includes/customizer.php:1110
     787msgid "Enable / Disable Single Post Comment"
     788msgstr ""
     789
     790#: includes/customizer.php:1119
     791msgid "Enable / Disable Single Post Tag"
     792msgstr ""
     793
     794#: includes/customizer.php:1129
     795msgid "Enable / Disable Single Post Category"
     796msgstr ""
     797
     798#: includes/customizer.php:1140
     799msgid "Show / Hide Comment Box."
     800msgstr ""
     801
     802#: includes/customizer.php:1150
     803msgid "Enable / Disable Single Post Image"
     804msgstr ""
     805
     806#: includes/customizer.php:1161
     807msgid "Single Post Image Border Radius(px)"
     808msgstr ""
     809
     810#: includes/customizer.php:1167
     811msgid "Enter a value in pixels. Example:15px"
     812msgstr ""
     813
     814#: includes/customizer.php:1184
     815msgid "Related post"
     816msgstr ""
     817
     818#: includes/customizer.php:1192
     819msgid "Enable or Disable Related post"
     820msgstr ""
     821
    601822#: includes/customizer.php:1203
    602 msgid "Left Sidebar"
    603 msgstr ""
    604 
    605 #: includes/customizer.php:778
    606 #: includes/customizer.php:1145
    607 #: includes/customizer.php:1202
    608 msgid "Right Sidebar"
    609 msgstr ""
    610 
    611 #: includes/customizer.php:779
    612 msgid "One Column"
    613 msgstr ""
    614 
    615 #: includes/customizer.php:788
    616 msgid "Header Image Attachment"
    617 msgstr ""
    618 
    619 #: includes/customizer.php:798
    620 msgid "Scroll"
    621 msgstr ""
    622 
    623 #: includes/customizer.php:799
    624 msgid "Fixed"
    625 msgstr ""
    626 
    627 #: includes/customizer.php:814
    628 msgid "Header Image height"
    629 msgstr ""
    630 
    631 #: includes/customizer.php:820
    632 msgid "Image Height"
    633 msgstr ""
    634 
    635 #: includes/customizer.php:821
    636 msgid "Enter a value in pixels. Example:500px"
    637 msgstr ""
    638 
    639 #: includes/customizer.php:849
    640 msgid "Header Image Overlay"
    641 msgstr ""
    642 
    643 #: includes/customizer.php:855
    644 msgid "Overlay Color"
    645 msgstr ""
    646 
    647 #: includes/customizer.php:875
    648 msgid "Enable / Disable Header Image Page Title."
    649 msgstr ""
    650 
    651 #: includes/customizer.php:885
    652 msgid "Enable / Disable Header Image Breadcrumb."
    653 msgstr ""
    654 
    655 #: includes/customizer.php:894
    656 msgid "Post Settings"
    657 msgstr ""
    658 
    659 #: includes/customizer.php:895
    660 msgid "Here you can add post information."
    661 msgstr ""
    662 
    663 #: includes/customizer.php:899
    664 msgid "Blog Post"
    665 msgstr ""
    666 
    667 #: includes/customizer.php:902
    668 msgid "Single Post"
    669 msgstr ""
    670 
    671 #: includes/customizer.php:921
    672 msgid "Enable or Disable Blog Post Animation"
    673 msgstr ""
    674 
    675 #: includes/customizer.php:931
    676 msgid "Enable / Disable Post Date"
    677 msgstr ""
    678 
    679 #: includes/customizer.php:941
    680 msgid "Enable / Disable Post Author"
    681 msgstr ""
    682 
    683 #: includes/customizer.php:951
    684 msgid "Enable / Disable Post Comment"
    685 msgstr ""
    686 
    687 #: includes/customizer.php:961
    688 msgid "Enable / Disable Post Image"
    689 msgstr ""
    690 
    691 #: includes/customizer.php:972
    692 msgid "Blog Post Content Limit"
    693 msgstr ""
    694 
    695 #: includes/customizer.php:994
    696 msgid "Blog Post Pagination"
    697 msgstr ""
    698 
    699 #: includes/customizer.php:1002
    700 msgid "Enable or Disable Blog Post Pagination"
    701 msgstr ""
    702 
    703 #: includes/customizer.php:1012
    704 msgid "Enable / Disable Single Post Date"
    705 msgstr ""
    706 
    707 #: includes/customizer.php:1022
    708 msgid "Enable / Disable Single Post Author"
    709 msgstr ""
    710 
    711 #: includes/customizer.php:1032
    712 msgid "Enable / Disable Single Post Comment"
    713 msgstr ""
    714 
    715 #: includes/customizer.php:1041
    716 msgid "Enable / Disable Single Post Tag"
    717 msgstr ""
    718 
    719 #: includes/customizer.php:1051
    720 msgid "Enable / Disable Single Post Category"
    721 msgstr ""
    722 
    723 #: includes/customizer.php:1062
    724 msgid "Show / Hide Comment Box."
    725 msgstr ""
    726 
    727 #: includes/customizer.php:1072
    728 msgid "Enable / Disable Single Post Image"
    729 msgstr ""
    730 
    731 #: includes/customizer.php:1083
    732 msgid "Single Post Image Border Radius(px)"
    733 msgstr ""
    734 
    735 #: includes/customizer.php:1089
    736 msgid "Enter a value in pixels. Example:15px"
    737 msgstr ""
    738 
    739 #: includes/customizer.php:1106
    740 msgid "Related post"
    741 msgstr ""
    742 
    743 #: includes/customizer.php:1114
    744 msgid "Enable or Disable Related post"
    745 msgstr ""
    746 
    747 #: includes/customizer.php:1123
     823msgid "Featured Image Hover Effect"
     824msgstr ""
     825
     826#: includes/customizer.php:1211
     827msgid "Select Featured Image Hover Effect"
     828msgstr ""
     829
     830#: includes/customizer.php:1231
    748831msgid "Woocommerce Settings"
    749832msgstr ""
    750833
    751 #: includes/customizer.php:1124
     834#: includes/customizer.php:1232
    752835msgid "Woocommerce Settings of themes"
    753836msgstr ""
    754837
    755 #: includes/customizer.php:1132
     838#: includes/customizer.php:1240
    756839msgid "Enable/Disable Shop Page Sidebar"
    757840msgstr ""
    758841
    759 #: includes/customizer.php:1140
     842#: includes/customizer.php:1248
    760843msgid "Shop Page Layouts"
    761844msgstr ""
    762845
    763 #: includes/customizer.php:1160
     846#: includes/customizer.php:1268
    764847msgid "Products Per Row"
    765848msgstr ""
    766849
    767 #: includes/customizer.php:1174
     850#: includes/customizer.php:1282
    768851msgid "Products Per Page"
    769852msgstr ""
    770853
    771 #: includes/customizer.php:1189
     854#: includes/customizer.php:1297
    772855msgid "Enable / Disable Single Product Sidebar"
    773856msgstr ""
    774857
    775 #: includes/customizer.php:1197
     858#: includes/customizer.php:1305
    776859msgid "Single Product Layout"
    777860msgstr ""
    778861
    779 #: includes/customizer.php:1218
     862#: includes/customizer.php:1326
    780863msgid "Products Button Border Radius"
    781864msgstr ""
    782865
    783 #: includes/customizer.php:1246
     866#: includes/customizer.php:1354
    784867msgid "Sale Badge Position"
    785868msgstr ""
    786869
    787 #: includes/customizer.php:1256
     870#: includes/customizer.php:1364
    788871msgid "Right"
    789872msgstr ""
    790873
    791 #: includes/customizer.php:1257
     874#: includes/customizer.php:1365
    792875msgid "Left"
    793876msgstr ""
    794877
    795 #: includes/customizer.php:1265
     878#: includes/customizer.php:1373
    796879msgid "Sale Font Size"
    797880msgstr ""
    798881
    799 #: includes/customizer.php:1287
     882#: includes/customizer.php:1395
    800883msgid "Related Product"
    801884msgstr ""
    802885
    803 #: includes/customizer.php:1294
     886#: includes/customizer.php:1402
    804887msgid "Enable or Disable Related Product"
    805888msgstr ""
    806889
    807 #: includes/customizer.php:1303
     890#: includes/customizer.php:1412
    808891msgid "404 & No Results Page Settings"
    809892msgstr ""
    810893
    811 #: includes/customizer.php:1312
     894#: includes/customizer.php:1421
    812895msgid "404 Page Title"
    813896msgstr ""
    814897
    815 #: includes/customizer.php:1327
     898#: includes/customizer.php:1436
    816899msgid "404 Page Text"
    817900msgstr ""
    818901
    819 #: includes/customizer.php:1349
     902#: includes/customizer.php:1458
    820903msgid "No Results Title"
    821904msgstr ""
    822905
    823 #: includes/customizer.php:1357
     906#: includes/customizer.php:1466
    824907#: no-results.php:10
    825908msgid "Nothing Found"
    826909msgstr ""
    827910
    828 #: includes/customizer.php:1364
     911#: includes/customizer.php:1473
    829912msgid "No Results Content"
    830913msgstr ""
    831914
    832 #: includes/customizer.php:1372
     915#: includes/customizer.php:1481
    833916#: no-results.php:23
    834917msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords."
    835918msgstr ""
    836919
    837 #: includes/customizer.php:1378
     920#: includes/customizer.php:1487
    838921msgid "Footer Settings"
    839922msgstr ""
    840923
    841 #: includes/customizer.php:1379
     924#: includes/customizer.php:1488
    842925msgid "Here you can change copyright text"
    843926msgstr ""
    844927
    845 #: includes/customizer.php:1388
     928#: includes/customizer.php:1497
    846929msgid "Enable / Disable"
    847930msgstr ""
    848931
    849 #: includes/customizer.php:1395
     932#: includes/customizer.php:1504
    850933msgid "Footer Widget"
    851934msgstr ""
    852935
    853 #: includes/customizer.php:1404
     936#: includes/customizer.php:1513
    854937msgid "Footer Copyright"
    855938msgstr ""
    856939
    857 #: includes/customizer.php:1414
     940#: includes/customizer.php:1523
    858941msgid "Footer Copyright Text"
    859942msgstr ""
    860943
    861 #: includes/customizer.php:1430
     944#: includes/customizer.php:1539
    862945msgid "Footer Sticky Copyright"
    863946msgstr ""
    864947
    865 #: includes/customizer.php:1436
     948#: includes/customizer.php:1545
    866949msgid " Sticky Copyright Section Enable / Disable"
    867950msgstr ""
    868951
    869 #: includes/customizer.php:1450
     952#: includes/customizer.php:1559
    870953msgid "Enable / Disable Footer Link"
    871954msgstr ""
    872955
    873 #: includes/customizer.php:1457
     956#: includes/customizer.php:1566
    874957msgid "Section Enable / Disable"
    875958msgstr ""
    876959
    877 #: includes/customizer.php:1471
     960#: includes/customizer.php:1580
    878961msgid "Footer Widget Background"
    879962msgstr ""
    880963
    881 #: includes/customizer.php:1500
     964#: includes/customizer.php:1609
    882965msgid "Footer Widget Alignment"
    883966msgstr ""
    884967
    885 #: includes/customizer.php:1513
     968#: includes/customizer.php:1622
    886969msgid "Widget Alignment"
    887970msgstr ""
    888971
    889 #: includes/customizer.php:1537
     972#: includes/customizer.php:1646
    890973msgid "Copyright Background Color"
    891974msgstr ""
    892975
    893 #: includes/customizer.php:1544
     976#: includes/customizer.php:1653
    894977msgid "Background Color"
    895978msgstr ""
    896979
    897 #: includes/customizer.php:1563
     980#: includes/customizer.php:1672
    898981msgid "Copyright Text Color"
    899982msgstr ""
    900983
    901 #: includes/customizer.php:1570
     984#: includes/customizer.php:1679
    902985msgid "Text Color"
    903986msgstr ""
    904987
    905 #: includes/customizer.php:1590
     988#: includes/customizer.php:1699
    906989msgid "Elevate your footer with premium features:"
    907990msgstr ""
    908991
    909 #: includes/customizer.php:1590
     992#: includes/customizer.php:1699
    910993msgid "Tailor your footer layout"
    911994msgstr ""
    912995
    913 #: includes/customizer.php:1590
     996#: includes/customizer.php:1699
    914997msgid "Integrate an email subscription form"
    915998msgstr ""
    916999
    917 #: includes/customizer.php:1590
     1000#: includes/customizer.php:1699
    9181001msgid "Personalize social media icons"
    9191002msgstr ""
    9201003
    921 #: includes/customizer.php:1596
    922 #: includes/customizer.php:1660
     1004#: includes/customizer.php:1705
     1005#: includes/customizer.php:1769
    9231006msgid "Footer Social Icons"
    9241007msgstr ""
    9251008
    926 #: includes/customizer.php:1605
     1009#: includes/customizer.php:1714
    9271010msgid "Enable or Disable your Footer Social Icon"
    9281011msgstr ""
    9291012
    930 #: includes/customizer.php:1612
     1013#: includes/customizer.php:1721
    9311014msgid "Enable or Disable Social Icon."
    9321015msgstr ""
    9331016
    934 #: includes/customizer.php:1622
     1017#: includes/customizer.php:1731
    9351018msgid "Footer Social Media Text Align"
    9361019msgstr ""
    9371020
    938 #: includes/customizer.php:1630
     1021#: includes/customizer.php:1739
    9391022msgid "Text Align"
    9401023msgstr ""
    9411024
    942 #: includes/customizer.php:1651
     1025#: includes/customizer.php:1760
    9431026msgid "Footer Social Media Link"
    9441027msgstr ""
    9451028
    946 #: includes/customizer.php:1663
     1029#: includes/customizer.php:1772
    9471030msgid "Add New Social Icon"
    9481031msgstr ""
    9491032
    950 #: includes/customizer.php:1669
     1033#: includes/customizer.php:1778
    9511034msgid "Icon"
    9521035msgstr ""
    9531036
    954 #: includes/customizer.php:1670
     1037#: includes/customizer.php:1779
    9551038msgid "Add the fontawesome class ex: \"fab fa-facebook-f\"."
    9561039msgstr ""
    9571040
    958 #: includes/customizer.php:1670
     1041#: includes/customizer.php:1779
    9591042msgid "View All"
    9601043msgstr ""
    9611044
    962 #: includes/customizer.php:1675
     1045#: includes/customizer.php:1784
    9631046msgid "Social Link"
    9641047msgstr ""
    9651048
    966 #: includes/customizer.php:1676
     1049#: includes/customizer.php:1785
    9671050msgid "Add the social icon url here."
    9681051msgstr ""
    … …  
    10051088
    10061089#: includes/getstart/getstart.php:147
    1007 #: includes/tgm/class-tgm-plugin-activation.php:2547
     1090#: includes/tgm/class-tgm-plugin-activation.php:2701
    10081091msgid "Version"
    10091092msgstr ""
    … …  
    11321215
    11331216#: includes/getstart/plugin-activation.php:129
     1217#, php-format
    11341218msgid "Install %s Now"
    11351219msgstr ""
    … …  
    11401224
    11411225#: includes/getstart/plugin-activation.php:148
     1226#, php-format
    11421227msgid "Activate %s Now"
    11431228msgstr ""
    11441229
    11451230#: includes/getstart/plugin-activation.php:150
    1146 #: includes/tgm/class-tgm-plugin-activation.php:2720
     1231#: includes/tgm/class-tgm-plugin-activation.php:2876
    11471232msgid "Activate"
    11481233msgstr ""
    11491234
    11501235#: includes/getstart/plugin-activation.php:153
    1151 #: includes/tgm/class-tgm-plugin-activation.php:2315
     1236#: includes/tgm/class-tgm-plugin-activation.php:2469
    11521237msgid "Active"
    11531238msgstr ""
    … …  
    11731258msgstr ""
    11741259
    1175 #: includes/tgm/class-tgm-plugin-activation.php:327
     1260#: includes/product-create.php:179
     1261msgid "Home"
     1262msgstr ""
     1263
     1264#: includes/product-create.php:263
     1265msgid "Shop"
     1266msgstr ""
     1267
     1268#: includes/tgm/class-tgm-plugin-activation.php:340
    11761269msgid "Install Required Plugins"
    11771270msgstr ""
    11781271
    1179 #: includes/tgm/class-tgm-plugin-activation.php:328
     1272#: includes/tgm/class-tgm-plugin-activation.php:341
    11801273msgid "Install Plugins"
    11811274msgstr ""
    11821275
    11831276#. translators: %s: plugin name.
    1184 #: includes/tgm/class-tgm-plugin-activation.php:330
     1277#: includes/tgm/class-tgm-plugin-activation.php:343
     1278#, php-format
    11851279msgid "Installing Plugin: %s"
    11861280msgstr ""
    11871281
    11881282#. translators: %s: plugin name.
    1189 #: includes/tgm/class-tgm-plugin-activation.php:332
     1283#: includes/tgm/class-tgm-plugin-activation.php:345
     1284#, php-format
    11901285msgid "Updating Plugin: %s"
    11911286msgstr ""
    11921287
    1193 #: includes/tgm/class-tgm-plugin-activation.php:333
     1288#: includes/tgm/class-tgm-plugin-activation.php:346
    11941289msgid "Something went wrong with the plugin API."
    11951290msgstr ""
    11961291
    11971292#. translators: 1: plugin name(s).
    1198 #: includes/tgm/class-tgm-plugin-activation.php:334
     1293#: includes/tgm/class-tgm-plugin-activation.php:348
     1294#, php-format
    11991295msgid "This theme requires the following plugin: %1$s."
    12001296msgid_plural "This theme requires the following plugins: %1$s."
    … …  
    12031299
    12041300#. translators: 1: plugin name(s).
    1205 #: includes/tgm/class-tgm-plugin-activation.php:340
     1301#: includes/tgm/class-tgm-plugin-activation.php:354
     1302#, php-format
    12061303msgid "This theme recommends the following plugin: %1$s."
    12071304msgid_plural "This theme recommends the following plugins: %1$s."
    … …  
    12101307
    12111308#. translators: 1: plugin name(s).
    1212 #: includes/tgm/class-tgm-plugin-activation.php:346
     1309#: includes/tgm/class-tgm-plugin-activation.php:360
     1310#, php-format
    12131311msgid "The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: %1$s."
    12141312msgid_plural "The following plugins need to be updated to their latest version to ensure maximum compatibility with this theme: %1$s."
    … …  
    12171315
    12181316#. translators: 1: plugin name(s).
    1219 #: includes/tgm/class-tgm-plugin-activation.php:352
     1317#: includes/tgm/class-tgm-plugin-activation.php:366
     1318#, php-format
    12201319msgid "There is an update available for: %1$s."
    12211320msgid_plural "There are updates available for the following plugins: %1$s."
    … …  
    12241323
    12251324#. translators: 1: plugin name(s).
    1226 #: includes/tgm/class-tgm-plugin-activation.php:358
     1325#: includes/tgm/class-tgm-plugin-activation.php:372
     1326#, php-format
    12271327msgid "The following required plugin is currently inactive: %1$s."
    12281328msgid_plural "The following required plugins are currently inactive: %1$s."
    … …  
    12311331
    12321332#. translators: 1: plugin name(s).
    1233 #: includes/tgm/class-tgm-plugin-activation.php:364
     1333#: includes/tgm/class-tgm-plugin-activation.php:378
     1334#, php-format
    12341335msgid "The following recommended plugin is currently inactive: %1$s."
    12351336msgid_plural "The following recommended plugins are currently inactive: %1$s."
    … …  
    12371338msgstr[1] ""
    12381339
    1239 #: includes/tgm/class-tgm-plugin-activation.php:370
     1340#: includes/tgm/class-tgm-plugin-activation.php:383
    12401341msgid "Begin installing plugin"
    12411342msgid_plural "Begin installing plugins"
    … …  
    12431344msgstr[1] ""
    12441345
    1245 #: includes/tgm/class-tgm-plugin-activation.php:375
     1346#: includes/tgm/class-tgm-plugin-activation.php:388
    12461347msgid "Begin updating plugin"
    12471348msgid_plural "Begin updating plugins"
    … …  
    12491350msgstr[1] ""
    12501351
    1251 #: includes/tgm/class-tgm-plugin-activation.php:380
     1352#: includes/tgm/class-tgm-plugin-activation.php:393
    12521353msgid "Begin activating plugin"
    12531354msgid_plural "Begin activating plugins"
    … …  
    12551356msgstr[1] ""
    12561357
    1257 #: includes/tgm/class-tgm-plugin-activation.php:385
     1358#: includes/tgm/class-tgm-plugin-activation.php:398
    12581359msgid "Return to Required Plugins Installer"
    12591360msgstr ""
    12601361
    1261 #: includes/tgm/class-tgm-plugin-activation.php:386
    1262 #: includes/tgm/class-tgm-plugin-activation.php:821
    1263 #: includes/tgm/class-tgm-plugin-activation.php:2527
    1264 #: includes/tgm/class-tgm-plugin-activation.php:3574
     1362#: includes/tgm/class-tgm-plugin-activation.php:399
    12651363msgid "Return to the Dashboard"
    12661364msgstr ""
    12671365
    1268 #: includes/tgm/class-tgm-plugin-activation.php:387
    1269 #: includes/tgm/class-tgm-plugin-activation.php:3153
     1366#: includes/tgm/class-tgm-plugin-activation.php:400
     1367#: includes/tgm/class-tgm-plugin-activation.php:3311
    12701368msgid "Plugin activated successfully."
    12711369msgstr ""
    12721370
    1273 #: includes/tgm/class-tgm-plugin-activation.php:388
    1274 #: includes/tgm/class-tgm-plugin-activation.php:2946
     1371#: includes/tgm/class-tgm-plugin-activation.php:401
     1372#: includes/tgm/class-tgm-plugin-activation.php:3103
    12751373msgid "The following plugin was activated successfully:"
    12761374msgid_plural "The following plugins were activated successfully:"
    … …  
    12791377
    12801378#. translators: 1: plugin name.
    1281 #: includes/tgm/class-tgm-plugin-activation.php:390
     1379#: includes/tgm/class-tgm-plugin-activation.php:403
     1380#, php-format
    12821381msgid "No action taken. Plugin %1$s was already active."
    12831382msgstr ""
    12841383
    12851384#. translators: 1: plugin name.
    1286 #: includes/tgm/class-tgm-plugin-activation.php:392
     1385#: includes/tgm/class-tgm-plugin-activation.php:405
     1386#, php-format
    12871387msgid "Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin."
    12881388msgstr ""
    12891389
    12901390#. translators: 1: dashboard link.
    1291 #: includes/tgm/class-tgm-plugin-activation.php:394
     1391#: includes/tgm/class-tgm-plugin-activation.php:407
     1392#, php-format
    12921393msgid "All plugins installed and activated successfully. %1$s"
    12931394msgstr ""
    12941395
    1295 #: includes/tgm/class-tgm-plugin-activation.php:395
     1396#: includes/tgm/class-tgm-plugin-activation.php:408
    12961397msgid "Dismiss this notice"
    12971398msgstr ""
    12981399
    1299 #: includes/tgm/class-tgm-plugin-activation.php:396
     1400#: includes/tgm/class-tgm-plugin-activation.php:409
    13001401msgid "There are one or more required or recommended plugins to install, update or activate."
    13011402msgstr ""
    13021403
    1303 #: includes/tgm/class-tgm-plugin-activation.php:397
     1404#: includes/tgm/class-tgm-plugin-activation.php:410
    13041405msgid "Please contact the administrator of this site for help."
    13051406msgstr ""
    13061407
    1307 #: includes/tgm/class-tgm-plugin-activation.php:516
     1408#: includes/tgm/class-tgm-plugin-activation.php:616
    13081409msgid "This plugin needs to be updated to be compatible with your theme."
    13091410msgstr ""
    13101411
    1311 #: includes/tgm/class-tgm-plugin-activation.php:517
     1412#: includes/tgm/class-tgm-plugin-activation.php:617
    13121413msgid "Update Required"
    13131414msgstr ""
    13141415
    1315 #: includes/tgm/class-tgm-plugin-activation.php:928
     1416#: includes/tgm/class-tgm-plugin-activation.php:735
     1417msgid "Set the parent_slug config variable instead."
     1418msgstr ""
     1419
     1420#: includes/tgm/class-tgm-plugin-activation.php:1042
    13161421msgid "The remote plugin package does not contain a folder with the desired slug and renaming did not work."
    13171422msgstr ""
    13181423
    1319 #: includes/tgm/class-tgm-plugin-activation.php:928
    1320 #: includes/tgm/class-tgm-plugin-activation.php:931
     1424#: includes/tgm/class-tgm-plugin-activation.php:1042
     1425#: includes/tgm/class-tgm-plugin-activation.php:1052
    13211426msgid "Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines."
    13221427msgstr ""
    13231428
    1324 #: includes/tgm/class-tgm-plugin-activation.php:931
     1429#: includes/tgm/class-tgm-plugin-activation.php:1052
    13251430msgid "The remote plugin package consists of more than one file, but the files are not packaged in a folder."
    13261431msgstr ""
    13271432
    1328 #: includes/tgm/class-tgm-plugin-activation.php:1115
    1329 #: includes/tgm/class-tgm-plugin-activation.php:2942
     1433#: includes/tgm/class-tgm-plugin-activation.php:1243
     1434#: includes/tgm/class-tgm-plugin-activation.php:3099
    13301435msgctxt "plugin A *and* plugin B"
    13311436msgid "and"
    … …  
    13331438
    13341439#. translators: %s: version number
    1335 #: includes/tgm/class-tgm-plugin-activation.php:1976
     1440#: includes/tgm/class-tgm-plugin-activation.php:2112
     1441#, php-format
    13361442msgid "TGMPA v%s"
    13371443msgstr ""
    13381444
    1339 #: includes/tgm/class-tgm-plugin-activation.php:2267
     1445#: includes/tgm/class-tgm-plugin-activation.php:2421
    13401446#: woocommerce/myaccount/form-login.php:39
    13411447#: woocommerce/myaccount/form-login.php:43
    … …  
    13461452msgstr ""
    13471453
    1348 #: includes/tgm/class-tgm-plugin-activation.php:2270
     1454#: includes/tgm/class-tgm-plugin-activation.php:2424
    13491455msgid "Recommended"
    13501456msgstr ""
    13511457
    1352 #: includes/tgm/class-tgm-plugin-activation.php:2286
     1458#: includes/tgm/class-tgm-plugin-activation.php:2440
    13531459msgid "WordPress Repository"
    13541460msgstr ""
    13551461
    1356 #: includes/tgm/class-tgm-plugin-activation.php:2289
     1462#: includes/tgm/class-tgm-plugin-activation.php:2443
    13571463msgid "External Source"
    13581464msgstr ""
    13591465
    1360 #: includes/tgm/class-tgm-plugin-activation.php:2292
     1466#: includes/tgm/class-tgm-plugin-activation.php:2446
    13611467msgid "Pre-Packaged"
    13621468msgstr ""
    13631469
    1364 #: includes/tgm/class-tgm-plugin-activation.php:2309
     1470#: includes/tgm/class-tgm-plugin-activation.php:2463
    13651471msgid "Not Installed"
    13661472msgstr ""
    13671473
    1368 #: includes/tgm/class-tgm-plugin-activation.php:2313
     1474#: includes/tgm/class-tgm-plugin-activation.php:2467
    13691475msgid "Installed But Not Activated"
    13701476msgstr ""
    13711477
    1372 #: includes/tgm/class-tgm-plugin-activation.php:2321
     1478#: includes/tgm/class-tgm-plugin-activation.php:2475
    13731479msgid "Required Update not Available"
    13741480msgstr ""
    13751481
    1376 #: includes/tgm/class-tgm-plugin-activation.php:2324
     1482#: includes/tgm/class-tgm-plugin-activation.php:2478
    13771483msgid "Requires Update"
    13781484msgstr ""
    13791485
    1380 #: includes/tgm/class-tgm-plugin-activation.php:2327
     1486#: includes/tgm/class-tgm-plugin-activation.php:2481
    13811487msgid "Update recommended"
    13821488msgstr ""
    13831489
    13841490#. translators: 1: install status, 2: update status
    1385 #: includes/tgm/class-tgm-plugin-activation.php:2336
     1491#: includes/tgm/class-tgm-plugin-activation.php:2490
     1492#, php-format
    13861493msgctxt "Install/Update Status"
    13871494msgid "%1$s, %2$s"
    … …  
    13891496
    13901497#. translators: 1: number of plugins.
    1391 #: includes/tgm/class-tgm-plugin-activation.php:2382
     1498#: includes/tgm/class-tgm-plugin-activation.php:2536
     1499#, php-format
    13921500msgctxt "plugins"
    13931501msgid "All <span class=\"count\">(%s)</span>"
    … …  
    13971505
    13981506#. translators: 1: number of plugins.
    1399 #: includes/tgm/class-tgm-plugin-activation.php:2386
     1507#: includes/tgm/class-tgm-plugin-activation.php:2540
     1508#, php-format
    14001509msgid "To Install <span class=\"count\">(%s)</span>"
    14011510msgid_plural "To Install <span class=\"count\">(%s)</span>"
    … …  
    14041513
    14051514#. translators: 1: number of plugins.
    1406 #: includes/tgm/class-tgm-plugin-activation.php:2390
     1515#: includes/tgm/class-tgm-plugin-activation.php:2544
     1516#, php-format
    14071517msgid "Update Available <span class=\"count\">(%s)</span>"
    14081518msgid_plural "Update Available <span class=\"count\">(%s)</span>"
    … …  
    14111521
    14121522#. translators: 1: number of plugins.
    1413 #: includes/tgm/class-tgm-plugin-activation.php:2394
     1523#: includes/tgm/class-tgm-plugin-activation.php:2548
     1524#, php-format
    14141525msgid "To Activate <span class=\"count\">(%s)</span>"
    14151526msgid_plural "To Activate <span class=\"count\">(%s)</span>"
    … …  
    14171528msgstr[1] ""
    14181529
    1419 #: includes/tgm/class-tgm-plugin-activation.php:2476
     1530#: includes/tgm/class-tgm-plugin-activation.php:2630
    14201531msgctxt "as in: \"version nr unknown\""
    14211532msgid "unknown"
    14221533msgstr ""
    14231534
    1424 #: includes/tgm/class-tgm-plugin-activation.php:2484
     1535#: includes/tgm/class-tgm-plugin-activation.php:2638
    14251536msgid "Installed version:"
    14261537msgstr ""
    14271538
    1428 #: includes/tgm/class-tgm-plugin-activation.php:2492
     1539#: includes/tgm/class-tgm-plugin-activation.php:2646
    14291540msgid "Minimum required version:"
    14301541msgstr ""
    14311542
    1432 #: includes/tgm/class-tgm-plugin-activation.php:2504
     1543#: includes/tgm/class-tgm-plugin-activation.php:2658
    14331544msgid "Available version:"
    14341545msgstr ""
    14351546
    1436 #: includes/tgm/class-tgm-plugin-activation.php:2527
     1547#: includes/tgm/class-tgm-plugin-activation.php:2681
    14371548msgid "No plugins to install, update or activate."
    14381549msgstr ""
    14391550
    1440 #: includes/tgm/class-tgm-plugin-activation.php:2541
     1551#: includes/tgm/class-tgm-plugin-activation.php:2695
    14411552msgid "Plugin"
    14421553msgstr ""
    14431554
    1444 #: includes/tgm/class-tgm-plugin-activation.php:2542
     1555#: includes/tgm/class-tgm-plugin-activation.php:2696
    14451556msgid "Source"
    14461557msgstr ""
    14471558
    1448 #: includes/tgm/class-tgm-plugin-activation.php:2543
     1559#: includes/tgm/class-tgm-plugin-activation.php:2697
    14491560msgid "Type"
    14501561msgstr ""
    14511562
    1452 #: includes/tgm/class-tgm-plugin-activation.php:2548
     1563#: includes/tgm/class-tgm-plugin-activation.php:2702
    14531564msgid "Status"
    14541565msgstr ""
    14551566
    14561567#. translators: %2$s: plugin name in screen reader markup
    1457 #: includes/tgm/class-tgm-plugin-activation.php:2597
     1568#: includes/tgm/class-tgm-plugin-activation.php:2751
     1569#, php-format
    14581570msgid "Install %2$s"
    14591571msgstr ""
    14601572
    14611573#. translators: %2$s: plugin name in screen reader markup
    1462 #: includes/tgm/class-tgm-plugin-activation.php:2602
     1574#: includes/tgm/class-tgm-plugin-activation.php:2756
     1575#, php-format
    14631576msgid "Update %2$s"
    14641577msgstr ""
    14651578
    14661579#. translators: %2$s: plugin name in screen reader markup
    1467 #: includes/tgm/class-tgm-plugin-activation.php:2608
     1580#: includes/tgm/class-tgm-plugin-activation.php:2762
     1581#, php-format
    14681582msgid "Activate %2$s"
    14691583msgstr ""
    14701584
    1471 #: includes/tgm/class-tgm-plugin-activation.php:2678
     1585#: includes/tgm/class-tgm-plugin-activation.php:2834
    14721586msgid "Upgrade message from the plugin author:"
    14731587msgstr ""
    14741588
    1475 #: includes/tgm/class-tgm-plugin-activation.php:2711
     1589#: includes/tgm/class-tgm-plugin-activation.php:2867
    14761590msgid "Install"
    14771591msgstr ""
    14781592
    1479 #: includes/tgm/class-tgm-plugin-activation.php:2717
     1593#: includes/tgm/class-tgm-plugin-activation.php:2873
    14801594msgid "Update"
    14811595msgstr ""
    14821596
    1483 #: includes/tgm/class-tgm-plugin-activation.php:2751
     1597#: includes/tgm/class-tgm-plugin-activation.php:2907
    14841598msgid "No plugins were selected to be installed. No action taken."
    14851599msgstr ""
    14861600
    1487 #: includes/tgm/class-tgm-plugin-activation.php:2753
     1601#: includes/tgm/class-tgm-plugin-activation.php:2909
    14881602msgid "No plugins were selected to be updated. No action taken."
    14891603msgstr ""
    14901604
    1491 #: includes/tgm/class-tgm-plugin-activation.php:2794
     1605#: includes/tgm/class-tgm-plugin-activation.php:2950
    14921606msgid "No plugins are available to be installed at this time."
    14931607msgstr ""
    14941608
    1495 #: includes/tgm/class-tgm-plugin-activation.php:2796
     1609#: includes/tgm/class-tgm-plugin-activation.php:2952
    14961610msgid "No plugins are available to be updated at this time."
    14971611msgstr ""
    14981612
    1499 #: includes/tgm/class-tgm-plugin-activation.php:2902
     1613#: includes/tgm/class-tgm-plugin-activation.php:3059
    15001614msgid "No plugins were selected to be activated. No action taken."
    15011615msgstr ""
    15021616
    1503 #: includes/tgm/class-tgm-plugin-activation.php:2928
     1617#: includes/tgm/class-tgm-plugin-activation.php:3085
    15041618msgid "No plugins are available to be activated at this time."
    15051619msgstr ""
    15061620
    1507 #: includes/tgm/class-tgm-plugin-activation.php:3152
     1621#: includes/tgm/class-tgm-plugin-activation.php:3310
    15081622msgid "Plugin activation failed."
    15091623msgstr ""
    15101624
    15111625#. translators: 1: plugin name, 2: action number 3: total number of actions.
    1512 #: includes/tgm/class-tgm-plugin-activation.php:3492
     1626#: includes/tgm/class-tgm-plugin-activation.php:3655
     1627#, php-format
    15131628msgid "Updating Plugin %1$s (%2$d/%3$d)"
    15141629msgstr ""
    15151630
    15161631#. translators: 1: plugin name, 2: error message.
    1517 #: includes/tgm/class-tgm-plugin-activation.php:3495
     1632#: includes/tgm/class-tgm-plugin-activation.php:3658
     1633#, php-format
    15181634msgid "An error occurred while installing %1$s: <strong>%2$s</strong>."
    15191635msgstr ""
    15201636
    15211637#. translators: 1: plugin name.
    1522 #: includes/tgm/class-tgm-plugin-activation.php:3497
     1638#: includes/tgm/class-tgm-plugin-activation.php:3660
     1639#, php-format
    15231640msgid "The installation of %1$s failed."
    15241641msgstr ""
    15251642
    1526 #: includes/tgm/class-tgm-plugin-activation.php:3501
     1643#: includes/tgm/class-tgm-plugin-activation.php:3664
    15271644msgid "The installation and activation process is starting. This process may take a while on some hosts, so please be patient."
    15281645msgstr ""
    15291646
    15301647#. translators: 1: plugin name.
    1531 #: includes/tgm/class-tgm-plugin-activation.php:3503
     1648#: includes/tgm/class-tgm-plugin-activation.php:3666
     1649#, php-format
    15321650msgid "%1$s installed and activated successfully."
    15331651msgstr ""
    15341652
     1653#: includes/tgm/class-tgm-plugin-activation.php:3667
     1654msgid "All installations and activations have been completed."
     1655msgstr ""
     1656
     1657#. translators: 1: plugin name, 2: action number 3: total number of actions.
     1658#: includes/tgm/class-tgm-plugin-activation.php:3669
     1659#, php-format
     1660msgid "Installing and Activating Plugin %1$s (%2$d/%3$d)"
     1661msgstr ""
     1662
     1663#: includes/tgm/class-tgm-plugin-activation.php:3672
     1664msgid "The installation process is starting. This process may take a while on some hosts, so please be patient."
     1665msgstr ""
     1666
    15351667#. translators: 1: plugin name.
    1536 #: includes/tgm/class-tgm-plugin-activation.php:3503
    1537 #: includes/tgm/class-tgm-plugin-activation.php:3511
     1668#: includes/tgm/class-tgm-plugin-activation.php:3674
     1669#, php-format
     1670msgid "%1$s installed successfully."
     1671msgstr ""
     1672
     1673#: includes/tgm/class-tgm-plugin-activation.php:3675
     1674msgid "All installations have been completed."
     1675msgstr ""
     1676
     1677#. translators: 1: plugin name, 2: action number 3: total number of actions.
     1678#: includes/tgm/class-tgm-plugin-activation.php:3677
     1679#, php-format
     1680msgid "Installing Plugin %1$s (%2$d/%3$d)"
     1681msgstr ""
     1682
     1683#: includes/tgm/class-tgm-plugin-activation.php:3682
    15381684msgid "Show Details"
    15391685msgstr ""
    15401686
    1541 #. translators: 1: plugin name.
    1542 #: includes/tgm/class-tgm-plugin-activation.php:3503
    1543 #: includes/tgm/class-tgm-plugin-activation.php:3511
     1687#: includes/tgm/class-tgm-plugin-activation.php:3682
    15441688msgid "Hide Details"
    1545 msgstr ""
    1546 
    1547 #: includes/tgm/class-tgm-plugin-activation.php:3504
    1548 msgid "All installations and activations have been completed."
    1549 msgstr ""
    1550 
    1551 #. translators: 1: plugin name, 2: action number 3: total number of actions.
    1552 #: includes/tgm/class-tgm-plugin-activation.php:3506
    1553 msgid "Installing and Activating Plugin %1$s (%2$d/%3$d)"
    1554 msgstr ""
    1555 
    1556 #: includes/tgm/class-tgm-plugin-activation.php:3509
    1557 msgid "The installation process is starting. This process may take a while on some hosts, so please be patient."
    1558 msgstr ""
    1559 
    1560 #. translators: 1: plugin name.
    1561 #: includes/tgm/class-tgm-plugin-activation.php:3511
    1562 msgid "%1$s installed successfully."
    1563 msgstr ""
    1564 
    1565 #: includes/tgm/class-tgm-plugin-activation.php:3512
    1566 msgid "All installations have been completed."
    1567 msgstr ""
    1568 
    1569 #. translators: 1: plugin name, 2: action number 3: total number of actions.
    1570 #: includes/tgm/class-tgm-plugin-activation.php:3514
    1571 msgid "Installing Plugin %1$s (%2$d/%3$d)"
    15721689msgstr ""
    15731690
    … …  
    15891706
    15901707#: no-results.php:17
     1708#, php-format
    15911709msgid "Ready to publish your first post? Get started %s."
    15921710msgstr ""

  • diy-tutorials/0.4.7/readme.txt

    r315661 r319323  
    22Contributors: wpelemento
    33Requires at least: 5.0
    4 Stable tag: 0.4.6
     4Stable tag: 0.4.7
    55Requires PHP: 5.6
    66Tested up to: 6.9
    … …  
    8181
    8282== Changelog ==
     83
     84= March-12-2026 :: 0.4.7
     85 
     86* Added customizer setting for two more preloders.
     87* Added customizer setting for select preloader background image.
     88* Resolve minor issue.
     89* update pot file.
     90* Update rtl language file.
    8391
    8492= February-11-2026 :: 0.4.6

  • diy-tutorials/0.4.7/rtl.css

    r312470 r319323  
    44
    55.screen-reader-text {
    6         border: 0;
    7         clip: rect(1px, 1px, 1px, 1px);
    8         clip-path: inset(50%);
    9         height: 1px;
    10         margin: -1px;
    11         overflow: hidden;
    12         padding: 0;
    13         position: absolute !important;
    14         width: 1px;
    15         word-wrap: normal !important;
    16         -webkit-transition: none;
    17         -moz-transition: none;
    18         -o-transition: none;
    19         transition: none;
    20 }
     6  border: 0;
     7  clip: rect(1px, 1px, 1px, 1px);
     8  clip-path: inset(50%);
     9  height: 1px;
     10  margin: -1px;
     11  overflow: hidden;
     12  padding: 0;
     13  position: absolute !important;
     14  width: 1px;
     15  word-wrap: normal !important;
     16  -webkit-transition: none;
     17  -moz-transition: none;
     18  -o-transition: none;
     19  transition: none;
     20}
     21
    2122.screen-reader-text:focus {
    22         background-color: #f1f1f1;
    23         border-radius: 3px;
    24         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    25         clip: auto !important;
    26         clip-path: none;
    27         color: #21759b;
    28         display: block;
    29         font-size: 14px;
    30         font-weight: 600;
    31         height: auto;
    32         right: 5px;
    33         line-height: normal;
    34         padding: 15px 23px 14px;
    35         text-decoration: none;
    36         top: 5px;
    37         width: auto;
    38         z-index: 100000;
    39 }
     23  background-color: #f1f1f1;
     24  border-radius: 3px;
     25  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     26  clip: auto !important;
     27  clip-path: none;
     28  color: #21759b;
     29  display: block;
     30  font-size: 14px;
     31  font-weight: 600;
     32  height: auto;
     33  right: 5px;
     34  line-height: normal;
     35  padding: 15px 23px 14px;
     36  text-decoration: none;
     37  top: 5px;
     38  width: auto;
     39  z-index: 100000;
     40}
     41
    4042#content[tabindex="-1"]:focus {
    41         outline: 0;
    42 }
     43  outline: 0;
     44}
     45
    4346body {
    44         font-family: 'Raleway', sans-serif;
     47  font-family: 'Raleway', sans-serif;
    4548  color: #5b5b5b;
    46   margin:0;
     49  margin: 0;
    4750  background: #fff;
    4851}
    49 h1,h2,h3,h4,h5,h6{
    50         font-weight: bold;
    51         color: #121212;
     52
     53h1,
     54h2,
     55h3,
     56h4,
     57h5,
     58h6 {
     59  font-weight: bold;
     60  color: #121212;
    5261  font-family: 'Quicksand', sans-serif;
    5362}
     63
    5464a {
    55   color:#121212;
     65  color: #121212;
    5666  -webkit-transition: color .1s linear;
    5767  -moz-transition: color .1s linear;
    … …  
    6070  text-decoration: none;
    6171}
     72
    6273a:hover,
    6374a:focus {
    … …  
    6576  text-decoration: none;
    6677}
     78
    6779.alignwide {
    6880  margin-right: -80px;
    6981  margin-left: -80px;
    7082}
     83
    7184.alignfull {
    7285  margin-right: calc(-100vw / 2 + 100% / 2);
    … …  
    7487  max-width: 100vw;
    7588}
     89
    7690.alignfull img {
    7791  width: 100vw;
    7892}
    79 .post-single a,.page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
     93
     94.post-single a,
     95.page-single a,
     96.sidebar-area .textwidget a,
     97.comment-content a,
     98.woocommerce-product-details__short-description a,
     99#tab-description a,
     100.extra-home-content a {
    80101  text-decoration: underline;
    81   color:var(--primary-theme-color);
    82 }
    83 .post-content a{
    84   color:var(--primary-theme-color);
    85 }
     102  color: var(--primary-theme-color);
     103}
     104
     105.post-content a {
     106  color: var(--primary-theme-color);
     107}
     108
    86109/* ===============================================
    87110   HEADER BOX
    88111   ============================================= */
    89    header#site-navigation {
    90     position: absolute;
    91     z-index: 999;
    92     width: 100%;
    93   }
    94   header#site-navigation .header-cart i{
    95     color: #ffffff;
    96     font-size: 20px;
    97   }
     112header#site-navigation {
     113  position: absolute;
     114  z-index: 999;
     115  width: 100%;
     116}
     117
     118header#site-navigation .header-cart i {
     119  color: #ffffff;
     120  font-size: 20px;
     121}
     122
    98123/* ===============================================
    99124  FOOTER SOCIAL ICONS
    100125 ============================================= */
    101 .footer-links{
     126.footer-links {
    102127  text-align: right;
    103128  padding: 6px 0px;
    104129}
    105 .footer-links i{
     130
     131.footer-links i {
    106132  color: #000;
    107133  background: #fff;
    … …  
    109135  border-radius: 3px;
    110136}
    111 .footer-links i:hover{
     137
     138.footer-links i:hover {
    112139  color: var(--primary-theme-color);
    113140}
     141
    114142/* ===============================================
    115143   HEADER IMAGE
    116144   ============================================= */
    117145
    118 .header-image-box{
    119         position: relative;
    120         height: 350px;
     146.header-image-box {
     147  position: relative;
     148  height: 350px;
    121149  display: flex;
    122150  align-items: center;
    123151  background-position: center;
    124152}
     153
    125154.header-image-box:before {
    126155  position: absolute;
    … …  
    133162  z-index: 1;
    134163}
    135 .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
     164
     165.header-image-box h1,
     166.headerimgbox-meta span,
     167.crumb-box a,
     168.crumb-box,
     169.header-image-box p {
    136170  position: relative;
    137171  z-index: 1;
    138172  color: #fff;
    139173}
    140 .header-image-box h1{
    141         font-size: 65px;
    142 }
    143 .header-image-box h1 , .post-title a{
     174
     175.header-image-box h1 {
     176  font-size: 65px;
     177}
     178
     179.header-image-box h1,
     180.post-title a {
    144181  word-wrap: break-word;
    145182}
     183
    146184/* ===============================================
    147185   LOGO BOX
    … …  
    158196  font-weight: bold;
    159197}
     198
    160199.logo span {
    161200  display: block;
    … …  
    164203  color: #ffffff;
    165204}
     205
    166206/* ===============================================
    167207   MENU BOX
    168208   ============================================= */
    169209
    170   #main-menu ul {
    171     margin:0;
    172     padding: 0;
    173     display:block;
    174   }
    175   #main-menu ul li {
    176     position:relative;
    177     display:block;
    178     float:right;
    179     text-align:right;
    180     width: 100%;
    181   }
    182   #main-menu ul li a {
    183     display: block;
    184     z-index: 1;
    185     padding: 15px;
    186     font-size: 16px;
    187     color: #121212;
    188     font-weight: 600;
    189     line-height: 1;
    190     text-transform: capitalize;
    191     margin: 10px;
    192   }
    193   #main-menu ul.children li a:hover::after, #main-menu ul.sub-menu li a:hover::after{
    194     background:none;
    195   }
    196   #main-menu a:hover,
    197   #main-menu ul li a:hover,
    198   #main-menu li:hover > a,
    199   #main-menu a:focus,
    200   #main-menu ul li a:focus,
    201   #main-menu li.focus > a,
    202   #main-menu li:focus > a,
    203   #main-menu ul li.current-menu-item > a,
    204   #main-menu ul li.current_page_item > a,
    205   #main-menu ul li.current-menu-parent > a,
    206   #main-menu ul li.current_page_ancestor > a,
    207   #main-menu ul li.current-menu-ancestor > a {
    208     color:#121212;
    209   }
    210   #main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a {
    211     color:#121212;
    212   }
    213   #main-menu ul.children ,
    214   #main-menu ul.sub-menu {
    215     opacity:0;
    216     position: absolute;
    217     top: 35px;
    218     right: -9999em;
    219     background:#f5f9ff;
    220     z-index:10001;
    221     width:213px;
    222     padding-right:0;
    223     -webkit-transition: opacity 0.3s ease 0s;
    224     -moz-transition: opacity 0.3s ease 0s;
    225     -o-transition: opacity 0.3s ease 0s;
    226     transition: opacity 0.3s ease 0s;   
    227   }
    228  
    229   #main-menu ul.children li ,
    230   #main-menu ul.sub-menu li {
    231     position:relative;
    232     margin:0;
    233     line-height:1.2em;
    234     text-transform:none;
    235     width:213px;
    236     min-height: inherit;
    237     margin:0;
    238   }
    239   #main-menu li li:hover > ul,
    240   #main-menu li li:focus > ul,
    241   #main-menu li li.focus > ul {
    242     top:0px;
    243     right: -100%;
    244   }
    245   #main-menu ul.children li a ,
    246   #main-menu ul.sub-menu li a {
    247     text-decoration:none;
    248     text-align:right;
    249     display:block;
    250     padding:10px 15px;
    251     margin:0;
    252     border:none;
    253     line-height:inherit;
    254     color: #121212;
    255     border-bottom: solid 1px #e4e7ee;
    256   }
    257  
    258   #main-menu ul.children li a:hover,
    259   #main-menu ul.sub-menu li a:hover{
    260     background: var(--primary-theme-color);
    261     color: #fff;
    262     border-radius: 0;
    263   }
    264   #main-menu ul.children li ul:before,
    265   #main-menu ul.sub-menu li ul:before{
    266     display:none;
    267   }
    268   #main-menu li:hover > ul,
    269   #main-menu li:focus > ul,
    270   #main-menu li.focus > ul {
    271     opacity:1;
    272     right: 0;
    273   }
    274   .menu-toggle {
    275     display: inline-block;
    276     transition: all 0.5s;
    277     -webkit-transition: all 0.25s;
    278   }
    279   .menu-toggle:hover{
    280     transform: rotate(-90deg);
    281   }
    282   .admin-bar button.close-menu{
    283     position: absolute;
    284     left: 0;
    285     top: 25px;
    286   } 
    287   button.close-menu{
    288     position: absolute;
    289     left: 0;
    290     top: 0px;
    291   } 
    292   button.close-menu{
    293     display: inline-block;
    294     background: none;
    295     border: none;
    296     color: #000000;
    297     float: left;
    298     margin-top: 30px;
    299   }
    300   .admin-bar #main-menu {
    301     padding-top: 30px !important;
    302   }
    303   .menu-toggle,
    304   .dropdown-toggle {
    305     display: block;
    306     font-size: 20px;
    307     font-weight: 600;
    308     background: none;
    309     color: #fff;
    310     border: none;
    311     float: left;
    312   }
    313   #main-menu {
    314     position:fixed;
    315     top: 0px;
    316     left: 0px;
    317     display: none;
    318     width: 300px;
    319     z-index: 999999;
    320     height: 100vh;
    321     overflow-y: auto;
    322     background: #fff;
    323     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    324     border-top-right-radius: 30px;
    325     border-bottom-right-radius: 30px;
    326   }
    327   #main-menu ul li {
    328     float: right;
    329     width: 100%;
    330   }
    331  
    332   #main-menu li.focus > ul.children,
    333   #main-menu li.focus > ul.sub-menu ,
    334   #main-menu li:hover > ul.children,
    335   #main-menu li:hover > ul.sub-menu ,
    336   #main-menu li:focus > ul.children,
    337   #main-menu li:focus > ul.sub-menu {
    338     width: 100%;
    339     top:0;
    340     right: 0 !important;
    341   }
    342 
    343 img.custom-logo{
     210#main-menu ul {
     211  margin: 0;
     212  padding: 0;
     213  display: block;
     214}
     215
     216#main-menu ul li {
     217  position: relative;
     218  display: block;
     219  float: right;
     220  text-align: right;
     221  width: 100%;
     222}
     223
     224#main-menu ul li a {
     225  display: block;
     226  z-index: 1;
     227  padding: 15px;
     228  font-size: 16px;
     229  color: #121212;
     230  font-weight: 600;
     231  line-height: 1;
     232  text-transform: capitalize;
     233  margin: 10px;
     234}
     235
     236#main-menu ul.children li a:hover::after,
     237#main-menu ul.sub-menu li a:hover::after {
     238  background: none;
     239}
     240
     241#main-menu a:hover,
     242#main-menu ul li a:hover,
     243#main-menu li:hover>a,
     244#main-menu a:focus,
     245#main-menu ul li a:focus,
     246#main-menu li.focus>a,
     247#main-menu li:focus>a,
     248#main-menu ul li.current-menu-item>a,
     249#main-menu ul li.current_page_item>a,
     250#main-menu ul li.current-menu-parent>a,
     251#main-menu ul li.current_page_ancestor>a,
     252#main-menu ul li.current-menu-ancestor>a {
     253  color: #121212;
     254}
     255
     256#main-menu a:hover,
     257#main-menu ul li a:hover,
     258#main-menu li:hover>a {
     259  color: #121212;
     260}
     261
     262#main-menu ul.children,
     263#main-menu ul.sub-menu {
     264  opacity: 0;
     265  position: absolute;
     266  top: 35px;
     267  right: -9999em;
     268  background: #f5f9ff;
     269  z-index: 10001;
     270  width: 213px;
     271  padding-right: 0;
     272  -webkit-transition: opacity 0.3s ease 0s;
     273  -moz-transition: opacity 0.3s ease 0s;
     274  -o-transition: opacity 0.3s ease 0s;
     275  transition: opacity 0.3s ease 0s;
     276}
     277
     278#main-menu ul.children li,
     279#main-menu ul.sub-menu li {
     280  position: relative;
     281  margin: 0;
     282  line-height: 1.2em;
     283  text-transform: none;
     284  width: 213px;
     285  min-height: inherit;
     286  margin: 0;
     287}
     288
     289#main-menu li li:hover>ul,
     290#main-menu li li:focus>ul,
     291#main-menu li li.focus>ul {
     292  top: 0px;
     293  right: -100%;
     294}
     295
     296#main-menu ul.children li a,
     297#main-menu ul.sub-menu li a {
     298  text-decoration: none;
     299  text-align: right;
     300  display: block;
     301  padding: 10px 15px;
     302  margin: 0;
     303  border: none;
     304  line-height: inherit;
     305  color: #121212;
     306  border-bottom: solid 1px #e4e7ee;
     307}
     308
     309#main-menu ul.children li a:hover,
     310#main-menu ul.sub-menu li a:hover {
     311  background: var(--primary-theme-color);
     312  color: #fff;
     313  border-radius: 0;
     314}
     315
     316#main-menu ul.children li ul:before,
     317#main-menu ul.sub-menu li ul:before {
     318  display: none;
     319}
     320
     321#main-menu li:hover>ul,
     322#main-menu li:focus>ul,
     323#main-menu li.focus>ul {
     324  opacity: 1;
     325  right: 0;
     326}
     327
     328.menu-toggle {
     329  display: inline-block;
     330  transition: all 0.5s;
     331  -webkit-transition: all 0.25s;
     332}
     333
     334.menu-toggle:hover {
     335  transform: rotate(-90deg);
     336}
     337
     338.admin-bar button.close-menu {
     339  position: absolute;
     340  left: 0;
     341  top: 25px;
     342}
     343
     344button.close-menu {
     345  position: absolute;
     346  left: 0;
     347  top: 0px;
     348}
     349
     350button.close-menu {
     351  display: inline-block;
     352  background: none;
     353  border: none;
     354  color: #000000;
     355  float: left;
     356  margin-top: 30px;
     357}
     358
     359.admin-bar #main-menu {
     360  padding-top: 30px !important;
     361}
     362
     363.menu-toggle,
     364.dropdown-toggle {
     365  display: block;
     366  font-size: 20px;
     367  font-weight: 600;
     368  background: none;
     369  color: #fff;
     370  border: none;
     371  float: left;
     372}
     373
     374#main-menu {
     375  position: fixed;
     376  top: 0px;
     377  left: 0px;
     378  display: none;
     379  width: 300px;
     380  z-index: 999999;
     381  height: 100vh;
     382  overflow-y: auto;
     383  background: #fff;
     384  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     385  border-top-right-radius: 30px;
     386  border-bottom-right-radius: 30px;
     387}
     388
     389#main-menu ul li {
     390  float: right;
     391  width: 100%;
     392}
     393
     394#main-menu li.focus>ul.children,
     395#main-menu li.focus>ul.sub-menu,
     396#main-menu li:hover>ul.children,
     397#main-menu li:hover>ul.sub-menu,
     398#main-menu li:focus>ul.children,
     399#main-menu li:focus>ul.sub-menu {
     400  width: 100%;
     401  top: 0;
     402  right: 0 !important;
     403}
     404
     405img.custom-logo {
    344406  max-width: 100%;
    345407}
     408
    346409/* ===============================================
    347410   POST BOX
    348411   ============================================= */
    349412
    350 .sticky .post-content-box{
    351         background: #f2f8ff;
    352 }
     413.sticky .post-content-box {
     414  background: #f2f8ff;
     415}
     416
    353417.post-box {
    354418  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    … …  
    356420  text-align: center;
    357421}
     422
    358423h3.post-title {
    359424  font-size: 25px;
    360425}
    361 .post-content p{
    362         color: #5b5b5b;
    363 }
    364 .post-meta,.crumb-box a:hover{
    365         color: var(--primary-theme-color);
    366 }
     426
     427.post-content p {
     428  color: #5b5b5b;
     429}
     430
     431.post-meta,
     432.crumb-box a:hover {
     433  color: var(--primary-theme-color);
     434}
     435
    367436.post-content {
    368437  word-wrap: break-word;
    369438}
     439
    370440pre {
    371         display: block;
    372         padding: 9.5px;
    373         margin: 0 0 10px;
    374         font-size: 13px;
    375         line-height: 1.42857143;
    376         color: #121212;
    377         white-space: break-spaces;
    378         background-color: #f5f5f5;
    379         border: 1px solid #ccc;
    380         border-radius: 4px;
    381 }
     441  display: block;
     442  padding: 9.5px;
     443  margin: 0 0 10px;
     444  font-size: 13px;
     445  line-height: 1.42857143;
     446  color: #121212;
     447  white-space: break-spaces;
     448  background-color: #f5f5f5;
     449  border: 1px solid #ccc;
     450  border-radius: 4px;
     451}
     452
    382453.post-content img,
    383454.post-thumbnail img,
    … …  
    385456.post-content object,
    386457.post-content embed {
    387         max-width: 100%;
    388 }
     458  max-width: 100%;
     459}
     460
    389461.post-content img,
    390462.post-thumbnail img {
    391         max-height:100%;
    392         height:auto;
    393 }
     463  max-height: 100%;
     464  height: auto;
     465}
     466
    394467.post-content:after {
    395468  content: "";
    … …  
    397470  clear: both;
    398471}
    399 #content,footer {
     472
     473#content,
     474footer {
    400475  float: right;
    401476  width: 100%;
    402477}
     478
    403479.box {
    404480  background-color: rgb(171 171 171 / 70%);
    … …  
    407483  position: relative;
    408484}
    409 .post-box:hover:before{
     485
     486.post-box:hover:before {
    410487  opacity: 1;
    411488  transform: translateX(0);
    412489}
    413 .box img{
     490
     491.box img {
    414492  width: 100%;
    415493  height: auto;
    … …  
    417495  transition: all 0.5s ease;
    418496}
    419 .post-box:hover img{
     497
     498.post-box:hover img {
    420499  opacity: 0.2;
    421500  transform: translateX(-20px) scale(1.15);
    422501}
    423 .box .box-content{
    424         opacity: 0;
     502
     503.box .box-content {
     504  opacity: 0;
    425505  transform: scale(0);
    426506  position: absolute;
    … …  
    433513  transition: all 0.5s ease;
    434514}
    435 .post-box:hover .box-content{
     515
     516.post-box:hover .box-content {
    436517  opacity: 1;
    437518  transform: scale(1);
    438519}
     520
    439521p.slider-button a {
    440522  background: var(--primary-theme-color);
    … …  
    444526  font-weight: bold;
    445527}
     528
    446529p.slider-button a:hover {
    447530  background: var(--primary-theme-color);
    448531}
     532
    449533.post-info span,
    450534.post-info a {
    … …  
    454538  display: inline-block;
    455539}
     540
    456541.post-info a:hover,
    457542.entry-date:hover a,
    458543.entry-date:hover i,
    459544.entry-author:hover a,
    460 .entry-author:hover i
    461  {
     545.entry-author:hover i {
    462546  color: var(--primary-theme-color);
    463547
    464548}
     549
    465550.post-info i {
    466551  color: var(--primary-theme-color);
    467552  font-size: 12px;
    468553}
    469   /* Edit link  */
    470   .link-edit{
    471     display: inline-block;
    472     margin-right: 10px;
    473   }
    474   .post-info{
    475     display:inline-block;
    476   }
    477   .link-edit::before {
    478       content: "\f044";
    479       color: var(--primary-theme-color);
    480   }
    481   .link-edit::before {
    482       display: inline-block;
    483       font-family: 'Font Awesome 6 Free';
    484       height: 15px;
    485       margin-left: 8px;
    486   }
    487   .post-edit-link{
    488     color: #000 !important;
    489   }
     554
     555/* Edit link  */
     556.link-edit {
     557  display: inline-block;
     558  margin-right: 10px;
     559}
     560
     561.post-info {
     562  display: inline-block;
     563}
     564
     565.link-edit::before {
     566  content: "\f044";
     567  color: var(--primary-theme-color);
     568}
     569
     570.link-edit::before {
     571  display: inline-block;
     572  font-family: 'Font Awesome 6 Free';
     573  height: 15px;
     574  margin-left: 8px;
     575}
     576
     577.post-edit-link {
     578  color: #000 !important;
     579}
     580
    490581/* ===============================================
    491582   Pagination
    … …  
    494585.pagination,
    495586.diy-tutorials-pagination {
    496         margin:25px 0;
    497 }
     587  margin: 25px 0;
     588}
     589
    498590.pagination .nav-links a,
    499591.pagination .nav-links span.current,
    500592.diy-tutorials-pagination a span,
    501593.diy-tutorials-pagination span.current {
    502         display:inline-block;
    503         text-decoration: none;
    504         padding:10px 12px;
    505         font-size:14px;
    506         font-weight: bold;
    507         color:#333;
    508         text-align:center;
    509         cursor:pointer;
    510         background:#f3f4f7;
    511 }
     594  display: inline-block;
     595  text-decoration: none;
     596  padding: 10px 12px;
     597  font-size: 14px;
     598  font-weight: bold;
     599  color: #333;
     600  text-align: center;
     601  cursor: pointer;
     602  background: #f3f4f7;
     603}
     604
    512605.pagination .nav-links a:hover,
    513606.pagination .nav-links a:focus,
    … …  
    518611.diy-tutorials-pagination a span:hover,
    519612.diy-tutorials-pagination a span:focus {
    520         background: var(--primary-theme-color);
    521         color: #fff;
     613  background: var(--primary-theme-color);
     614  color: #fff;
    522615}
    523616
    … …  
    525618## Comments
    526619--------------------------------------------------------------*/
    527 .comment-reply a:focus{
    528   color: #fff;
    529 }
     620.comment-reply a:focus {
     621  color: #fff;
     622}
     623
    530624.comment-respond input#submit:hover,
    531 .comment-reply a:hover{
    532         background: #121212;
    533 }
    534 .comment-form-url input,nav.navigation.pagination{
     625.comment-reply a:hover {
     626  background: #121212;
     627}
     628
     629.comment-form-url input,
     630nav.navigation.pagination {
    535631  width: 100%;
    536632}
     633
    537634.comment-respond input#submit {
    538635  background: var(--primary-theme-color);
    … …  
    542639  font-weight: 600;
    543640}
     641
    544642.comment-content a {
    545643  word-wrap: break-word;
    546644}
     645
    547646.bypostauthor {
    548647  display: block;
    549648}
     649
    550650.comments-title {
    551651  font-size: 1.125rem;
    552652}
     653
    553654.comment-body .pull-left {
    554655  padding-left: 0.625rem;
    555656}
     657
    556658.comment-list {
    557659  padding-right: 0;
    558660  border-bottom: 1px solid #00000047;
    559661}
     662
    560663.comment-list .comment {
    561664  display: block;
    562665}
     666
    563667.comment-list .pingback {
    564668  border-top: 1px solid rgba(0, 0, 0, 0.125);
    565669  padding: 0.563rem 0;
    566670}
     671
    567672.comment-list .pingback a {
    568673  margin-right: 5px;
    569674  margin-left: 5px;
    570675}
     676
    571677.comment-content.card-block {
    572678  padding: 15px;
    573679}
     680
    574681.comment-reply a {
    575682  padding: 10px;
    … …  
    586693  padding: 0 20px 0 0;
    587694}
     695
    588696.sidebar-area .textwidget img,
    589 .footer-area .textwidget img{
     697.footer-area .textwidget img {
    590698  width: 100%;
    591699  height: auto;
    592700}
     701
    593702.sidebar-area .sidebar-widget {
    594         margin-bottom: 25px;
    595 }
     703  margin-bottom: 25px;
     704}
     705
    596706.sidebar-area a,
    597707.sidebar-area p,
    … …  
    603713.sidebar-area th,
    604714.sidebar-area .textwidget {
    605         line-height:1.9em;
    606         font-weight: normal;
    607 }
    608 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
     715  line-height: 1.9em;
     716  font-weight: normal;
     717}
     718
     719.sidebar-area ul,
     720#calendar_wrap,
     721.sidebar-area .textwidget,
     722.tagcloud {
    609723  list-style: none;
    610724  margin: 0;
    611725}
     726
    612727.sidebar-area ul {
    613728  padding: 15px 30px 25px;
    … …  
    615730  border: solid 1px #e4e7ee;
    616731}
     732
    617733.sidebar-area li a,
    618734.sidebar-area li {
    … …  
    620736  color: #5b5b5b;
    621737}
    622 .sidebar-area li a:hover, .sidebar-area li:hover{
     738
     739.sidebar-area li a:hover,
     740.sidebar-area li:hover {
    623741  color: var(--primary-theme-color);
    624742}
     743
    625744.sidebar-area li {
    626745  padding: 14px 10px;
    627746  border-bottom: solid 1px #e4e7ee;
    628747}
     748
    629749.sidebar-area h4.title {
    630         position: relative;
     750  position: relative;
    631751  font-size: 25px;
    632752  margin-right: 60px;
    633753  margin-bottom: 20px;
    634754}
     755
    635756.sidebar-area h4.title:before {
    636         position: absolute;
     757  position: absolute;
    637758  content: "";
    638759  width: 50px;
    … …  
    644765  margin: auto;
    645766}
     767
    646768.sidebar-area h4.title:after {
    647769  position: absolute;
    … …  
    656778  margin: auto;
    657779}
     780
    658781.sidebar-area .tagcloud a,
    659782.footer-area .tagcloud a {
    … …  
    666789  border: solid 1px #e4e7ee;
    667790}
    668 .footer-area .tagcloud a{
    669         border: solid 1px #fff;
    670         color: #fff;
    671 }
     791
     792.footer-area .tagcloud a {
     793  border: solid 1px #fff;
     794  color: #fff;
     795}
     796
    672797.sidebar-area .tagcloud a:before,
    673 .footer-area .tagcloud a:before  {
     798.footer-area .tagcloud a:before {
    674799  content: "#";
    675800}
     801
    676802.sidebar-area .tagcloud a:hover,
    677 .footer-area .tagcloud a:hover{
    678         background: var(--primary-theme-color);
    679         color: #fff;
    680 }
     803.footer-area .tagcloud a:hover {
     804  background: var(--primary-theme-color);
     805  color: #fff;
     806}
     807
    681808.sidebar-area select,
    682809.footer-area select,
    683 .sidebar-area textarea, #comments textarea,
    684 .sidebar-area input[type="text"], #comments input[type="text"],
     810.sidebar-area textarea,
     811#comments textarea,
     812.sidebar-area input[type="text"],
     813#comments input[type="text"],
    685814.sidebar-area input[type="password"],
    686815.sidebar-area input[type="datetime"],
    … …  
    698827.sidebar-area .uneditable-input,
    699828#comments input[type="email"],
    700 #comments input[type="url"]{
    701         -webkit-border-radius: 0;
    702         -moz-border-radius: 0;
    703         border-radius: 0;
    704         width:100%;
    705         padding: 5px 2%;
    706         border: solid 1px #e4e7ee;
    707 }
    708 .sidebar-area ol.wp-block-latest-comments{
     829#comments input[type="url"] {
     830  -webkit-border-radius: 0;
     831  -moz-border-radius: 0;
     832  border-radius: 0;
     833  width: 100%;
     834  padding: 5px 2%;
     835  border: solid 1px #e4e7ee;
     836}
     837
     838.sidebar-area ol.wp-block-latest-comments {
    709839  padding-right: 0px;
    710840}
     841
    711842#wp-calendar th,
    712 #wp-calendar
    713 #today,
    714 #wp-calendar
    715 #today a {
    716         background:#f3f4f7;
    717         color:#434343 !important;
    718 }
     843#wp-calendar #today,
     844#wp-calendar #today a {
     845  background: #f3f4f7;
     846  color: #434343 !important;
     847}
     848
    719849#wp-calendar a:hover {
    720         border:none;
    721 }
     850  border: none;
     851}
     852
    722853#wp-calendar {
    723         background: #fff;
    724         width:100%;
    725 }
     854  background: #fff;
     855  width: 100%;
     856}
     857
    726858#wp-calendar caption {
    727         font-size: 14px;
    728         text-transform:uppercase;
    729         margin:0 0 10px 0;
    730         text-align:right;
    731 }
     859  font-size: 14px;
     860  text-transform: uppercase;
     861  margin: 0 0 10px 0;
     862  text-align: right;
     863}
     864
    732865#wp-calendar th,
    733866#wp-calendar td {
    734         text-align: center;
    735         font-size: 14px;
    736         color:#434343 !important;
    737         padding:3px 6px;
    738 }
     867  text-align: center;
     868  font-size: 14px;
     869  color: #434343 !important;
     870  padding: 3px 6px;
     871}
     872
    739873#wp-calendar td a {
    740         display:block;
    741         text-align: center;
    742         font-size: 14px;
    743         color:#434343 !important;
    744         text-decoration:underline
    745 }
     874  display: block;
     875  text-align: center;
     876  font-size: 14px;
     877  color: #434343 !important;
     878  text-decoration: underline
     879}
     880
    746881#wp-calendar td#prev a,
    747 #wp-calendar td#prev a{
    748         text-decoration:none;
    749         text-align:right;
    750 }
    751 #wp-calendar th{
    752         font-weight:bold
    753 }
     882#wp-calendar td#prev a {
     883  text-decoration: none;
     884  text-align: right;
     885}
     886
     887#wp-calendar th {
     888  font-weight: bold
     889}
     890
    754891tr:nth-child(2n+2) {
    755         background-color: #f3f4f7;
    756 }
     892  background-color: #f3f4f7;
     893}
     894
    757895.searchform label {
    758         display: block;
    759 }
     896  display: block;
     897}
     898
    760899.searchform input[type=text] {
    761900  width: calc(100% - 110px);
    … …  
    766905  border: none;
    767906}
     907
    768908#searchform {
    769909  border: solid 1px #e4e7ee;
    770910  border-radius: 30px;
    771911}
     912
    772913.searchform input[type=submit] {
    773914  background: var(--primary-theme-color);
    … …  
    785926  margin: 4px auto;
    786927  cursor: pointer;
    787         -webkit-transition: color .3s ease, background-color .3s ease;
    788         -moz-transition: color .3s ease, background-color .3s ease;
    789         -o-transition: color .3s ease, background-color .3s ease;
    790         transition: color .3s ease, background-color .3s ease;
    791 }
    792 .searchform input[type=submit]:hover ,
     928  -webkit-transition: color .3s ease, background-color .3s ease;
     929  -moz-transition: color .3s ease, background-color .3s ease;
     930  -o-transition: color .3s ease, background-color .3s ease;
     931  transition: color .3s ease, background-color .3s ease;
     932}
     933
     934.searchform input[type=submit]:hover,
    793935.searchform input[type=submit]:focus {
    794         background: var(--primary-theme-color);
    795         text-decoration:none
    796 }
     936  background: var(--primary-theme-color);
     937  text-decoration: none
     938}
     939
    797940.searchform:after {
    798941  content: "";
    … …  
    800943  clear: both;
    801944}
    802 .footer-widget , .footer-copyright {
    803         background: #121212;
    804 }
     945
     946.footer-widget,
     947.footer-copyright {
     948  background: #121212;
     949}
     950
    805951footer a,
    806952footer p,
    … …  
    812958footer .sidebar-area th,
    813959footer .sidebar-area .title,
    814 footer .sidebar-area .textwidget,.footer-area li,
     960footer .sidebar-area .textwidget,
     961.footer-area li,
    815962.footer-area input[type=text],
    816 .wp-block-group__inner-container h2  {
    817         color: #fff;
    818 }
     963.wp-block-group__inner-container h2 {
     964  color: #fff;
     965}
     966
    819967.footer-area ul {
    820968  padding: 0;
    821969  list-style: none;
    822970}
     971
    823972.footer-area h4.title {
    824         font-size: 30px;
     973  font-size: 30px;
    825974  color: #fff;
    826975  margin-top: 30px;
    827976}
     977
    828978.footer-area li {
    829         padding: 8px 0;
    830 }
     979  padding: 8px 0;
     980}
     981
    831982img.size-auto,
    832983img.size-full,
    … …  
    837988img.aligncenter,
    838989.attachment img {
    839         max-width:100%;
    840         height:auto;
    841 }
     990  max-width: 100%;
     991  height: auto;
     992}
     993
    842994.alignleft,
    843995img.alignleft {
    844         display:inline;
    845         float:right;
    846         margin-left:24px;
    847         margin-top:4px;
    848 }
     996  display: inline;
     997  float: right;
     998  margin-left: 24px;
     999  margin-top: 4px;
     1000}
     1001
    8491002.alignright,
    8501003img.alignright {
    851         display:inline;
    852         float:left;
    853         margin-right:24px;
    854         margin-top:4px;
    855 }
     1004  display: inline;
     1005  float: left;
     1006  margin-right: 24px;
     1007  margin-top: 4px;
     1008}
     1009
    8561010div.aligncenter,
    8571011img.aligncenter {
    858         display: block;
    859         margin-right: auto !important;
    860         margin-left: auto !important;
    861         float:none;
    862 }
     1012  display: block;
     1013  margin-right: auto !important;
     1014  margin-left: auto !important;
     1015  float: none;
     1016}
     1017
    8631018img.alignleft,
    8641019img.alignright,
    8651020img.aligncenter {
    866         margin-bottom:12px;
    867 }
     1021  margin-bottom: 12px;
     1022}
     1023
    8681024.wp-caption {
    869         line-height:18px;
    870         margin-bottom:25px;
    871         max-width:100% !important;
    872         padding:4px;
    873         text-align:center;
    874 }
     1025  line-height: 18px;
     1026  margin-bottom: 25px;
     1027  max-width: 100% !important;
     1028  padding: 4px;
     1029  text-align: center;
     1030}
     1031
    8751032.wp-caption img {
    876         margin:5px 5px 0;
    877         width:96%;
    878         height:100%
    879 }
     1033  margin: 5px 5px 0;
     1034  width: 96%;
     1035  height: 100%
     1036}
     1037
    8801038.wp-caption p.wp-caption-text {
    881         color:#888;
    882         font-size:12px;
    883         margin:5px;
    884 }
    885 .sticky {
    886 }
    887 
    888 .gallery-caption {
    889 }
    890 
    891 .bypostauthor {
    892 }
     1039  color: #888;
     1040  font-size: 12px;
     1041  margin: 5px;
     1042}
     1043
     1044.sticky {}
     1045
     1046.gallery-caption {}
     1047
     1048.bypostauthor {}
     1049
    8931050/* ===============================================
    8941051    BLOCK CSS
    8951052  =============================================== */
    8961053
    897    .widget_search .wp-block-search__inside-wrapper {
    898     border: solid 1px #e4e7ee;
    899     border-radius: 30px;
    900   }
    901   .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{
    902     width: calc(100% - 110px);
    903     margin: 0;
    904     padding: 12px;
    905     float: right;
    906     background-color: transparent;
    907     border: none;
    908   }
    909   .widget_search button.wp-block-search__button.wp-element-button{
    910     background: var(--primary-theme-color);
    911     border: none;
    912     color: #fff;
    913     font-size: 14px;
    914     font-weight: 600;
    915     text-align: center;
    916     position: relative;
    917     float: right;
    918     border-radius: 30px;
    919     text-shadow: none;
    920     padding: 10px 0;
    921     width: 105px;
    922     margin: 4px auto;
    923     cursor: pointer;
    924     -webkit-transition: color .3s ease, background-color .3s ease;
    925     -moz-transition: color .3s ease, background-color .3s ease;
    926     -o-transition: color .3s ease, background-color .3s ease;
    927     transition: color .3s ease, background-color .3s ease;
    928   }
    929   .widget_search button.wp-block-search__button:hover,
    930   .widget_search button.wp-block-search__button:focus{
    931     background: var(--primary-theme-color);
    932     text-decoration:none;
    933   }
    934   .widget_search .wp-block-search__inside-wrapper {
    935     content: "";
    936     display: table;
    937     clear: both;
    938   }
    939   .sidebar-area .wp-block-search label{
    940     display: inline;
    941   }
    942   .sidebar-area .widget_search label ,
    943   .sidebar-area .sidebar-widget.widget_block .wp-block-heading{
    944     position: relative;
    945     font-size: 25px;
    946     margin-right: 60px;
    947     margin-bottom: 20px;
    948     color: #000;
    949   }
    950   .sidebar-area .wp-block-search label{
    951     display: inline;
    952   }
    953   .sidebar-area .widget_search label:before,
    954   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
    955     position: absolute;
    956     content: "";
    957     width: 50px;
    958     right: -60px;
    959     height: 2px;
    960     background: var(--primary-theme-color);
    961     top: 0;
    962     bottom: 0;
    963     margin: auto;
    964   }
    965   .sidebar-area .widget_search label:after,
    966   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
    967     position: absolute;
    968     content: "";
    969     width: 10px;
    970     right: -60px;
    971     height: 10px;
    972     border-radius: 10px;
    973     background: var(--primary-theme-color);
    974     top: 0;
    975     bottom: 0;
    976     margin: auto;
    977   }
    978   .sidebar-area .wp-block-tag-cloud a,
    979   .footer-area .wp-block-tag-cloud a ,.tag-cloud-link  {
    980     font-size: 15px !important;
    981     color: #5b5b5b;
    982     display: inline-block;
    983     margin: 5px 0;
    984     padding: 7px;
    985     border-radius: 5px;
    986     border: solid 1px #e4e7ee;
    987   }
    988   .footer-area .wp-block-tag-cloud a{
    989     border: solid 1px #fff;
    990     color: #fff;
    991   }
    992   .sidebar-area .wp-block-tag-cloud a:before,
    993   .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before {
    994     content: "#";
    995   }
    996   .sidebar-area .wp-block-tag-cloud a:hover,
    997   .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{
    998     background: var(--primary-theme-color);
    999     color: #fff;
    1000   }
    1001   .sidebar-area ol footer.wp-block-latest-comments__comment-meta{
    1002     float: none !important;
    1003   }
    1004   .sidebar-area  ol.wp-block-latest-comments{
    1005     padding-right: 0px !important;
    1006     padding: 15px 30px 25px;
    1007     border-radius: 10px;
    1008     border: solid 1px #e4e7ee;
    1009   }
    1010   .footer-area .wp-block-heading,
    1011   .footer-area .widget_search label{
    1012     font-size: 30px;
    1013     color: #fff;
    1014     margin-top: 30px;
    1015   }
     1054.widget_search .wp-block-search__inside-wrapper {
     1055  border: solid 1px #e4e7ee;
     1056  border-radius: 30px;
     1057}
     1058
     1059.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
     1060  width: calc(100% - 110px);
     1061  margin: 0;
     1062  padding: 12px;
     1063  float: right;
     1064  background-color: transparent;
     1065  border: none;
     1066}
     1067
     1068.widget_search button.wp-block-search__button.wp-element-button {
     1069  background: var(--primary-theme-color);
     1070  border: none;
     1071  color: #fff;
     1072  font-size: 14px;
     1073  font-weight: 600;
     1074  text-align: center;
     1075  position: relative;
     1076  float: right;
     1077  border-radius: 30px;
     1078  text-shadow: none;
     1079  padding: 10px 0;
     1080  width: 105px;
     1081  margin: 4px auto;
     1082  cursor: pointer;
     1083  -webkit-transition: color .3s ease, background-color .3s ease;
     1084  -moz-transition: color .3s ease, background-color .3s ease;
     1085  -o-transition: color .3s ease, background-color .3s ease;
     1086  transition: color .3s ease, background-color .3s ease;
     1087}
     1088
     1089.widget_search button.wp-block-search__button:hover,
     1090.widget_search button.wp-block-search__button:focus {
     1091  background: var(--primary-theme-color);
     1092  text-decoration: none;
     1093}
     1094
     1095.widget_search .wp-block-search__inside-wrapper {
     1096  content: "";
     1097  display: table;
     1098  clear: both;
     1099}
     1100
     1101.sidebar-area .wp-block-search label {
     1102  display: inline;
     1103}
     1104
     1105.sidebar-area .widget_search label,
     1106.sidebar-area .sidebar-widget.widget_block .wp-block-heading {
     1107  position: relative;
     1108  font-size: 25px;
     1109  margin-right: 60px;
     1110  margin-bottom: 20px;
     1111  color: #000;
     1112}
     1113
     1114.sidebar-area .wp-block-search label {
     1115  display: inline;
     1116}
     1117
     1118.sidebar-area .widget_search label:before,
     1119.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
     1120  position: absolute;
     1121  content: "";
     1122  width: 50px;
     1123  right: -60px;
     1124  height: 2px;
     1125  background: var(--primary-theme-color);
     1126  top: 0;
     1127  bottom: 0;
     1128  margin: auto;
     1129}
     1130
     1131.sidebar-area .widget_search label:after,
     1132.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
     1133  position: absolute;
     1134  content: "";
     1135  width: 10px;
     1136  right: -60px;
     1137  height: 10px;
     1138  border-radius: 10px;
     1139  background: var(--primary-theme-color);
     1140  top: 0;
     1141  bottom: 0;
     1142  margin: auto;
     1143}
     1144
     1145.sidebar-area .wp-block-tag-cloud a,
     1146.footer-area .wp-block-tag-cloud a,
     1147.tag-cloud-link {
     1148  font-size: 15px !important;
     1149  color: #5b5b5b;
     1150  display: inline-block;
     1151  margin: 5px 0;
     1152  padding: 7px;
     1153  border-radius: 5px;
     1154  border: solid 1px #e4e7ee;
     1155}
     1156
     1157.footer-area .wp-block-tag-cloud a {
     1158  border: solid 1px #fff;
     1159  color: #fff;
     1160}
     1161
     1162.sidebar-area .wp-block-tag-cloud a:before,
     1163.footer-area .wp-block-tag-cloud a:before,
     1164.tag-cloud-link:before {
     1165  content: "#";
     1166}
     1167
     1168.sidebar-area .wp-block-tag-cloud a:hover,
     1169.footer-area .wp-block-tag-cloud a:hover,
     1170.tag-cloud-link:hover {
     1171  background: var(--primary-theme-color);
     1172  color: #fff;
     1173}
     1174
     1175.sidebar-area ol footer.wp-block-latest-comments__comment-meta {
     1176  float: none !important;
     1177}
     1178
     1179.sidebar-area ol.wp-block-latest-comments {
     1180  padding-right: 0px !important;
     1181  padding: 15px 30px 25px;
     1182  border-radius: 10px;
     1183  border: solid 1px #e4e7ee;
     1184}
     1185
     1186.footer-area .wp-block-heading,
     1187.footer-area .widget_search label {
     1188  font-size: 30px;
     1189  color: #fff;
     1190  margin-top: 30px;
     1191}
     1192
    10161193/* WOOCOMMERCE */
    1017 .wp-block-woocommerce-cart.alignwide{
     1194.wp-block-woocommerce-cart.alignwide {
    10181195  margin-left: auto;
    10191196  margin-right: auto;
    10201197}
     1198
    10211199.wp-block-woocommerce-checkout.alignwide {
    10221200  margin-left: auto;
    10231201  margin-right: auto;
    10241202}
    1025 .wp-block-woocommerce-cart .wc-block-cart-items{
    1026   border: 1px solid #dee2e6!important;
     1203
     1204.wp-block-woocommerce-cart .wc-block-cart-items {
     1205  border: 1px solid #dee2e6 !important;
    10271206  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10281207  padding: 10px;
    10291208}
     1209
    10301210.wp-block-woocommerce-cart-order-summary-block {
    1031   border: 1px solid #dee2e6!important;
     1211  border: 1px solid #dee2e6 !important;
    10321212  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10331213}
    1034 .wp-block-woocommerce-cart-order-summary-heading-block{
     1214
     1215.wp-block-woocommerce-cart-order-summary-heading-block {
    10351216  padding: 10px 20px !important;
    10361217  background: #f3f4f7 !important;
    10371218}
    1038 .wc-block-components-product-name{
     1219
     1220.wc-block-components-product-name {
    10391221  font-size: 20px;
    10401222  text-decoration: none !important;
    … …  
    10421224  color: #000 !important;
    10431225}
    1044 .wc-block-cart-items__header-image{
     1226
     1227.wc-block-cart-items__header-image {
    10451228  padding-right: 16px !important;
    10461229}
    1047 .wc-block-cart-items__header-total{
     1230
     1231.wc-block-cart-items__header-total {
    10481232  padding-left: 16px !important;
    10491233}
    1050 .wc-block-components-totals-coupon-link ,
     1234
     1235.wc-block-components-totals-coupon-link,
    10511236.wc-block-cart__submit-container a,
    10521237.wc-block-checkout__actions_row button,
    10531238.wc-block-components-totals-coupon__form button,
    10541239.wc-block-components-checkout-return-to-cart-button,
    1055 .wc-block-grid__product-add-to-cart a{
     1240.wc-block-grid__product-add-to-cart a {
    10561241  background: var(--primary-theme-color);
    10571242  color: #fff !important;
    … …  
    10631248  text-decoration: none !important;
    10641249}
    1065 .wc-block-cart__submit-container a{
     1250
     1251.wc-block-cart__submit-container a {
    10661252  margin-top: 20px;
    10671253}
     1254
    10681255.wc-block-components-totals-coupon-link:hover,
    10691256.wc-block-cart__submit-container:hover a,
    10701257.wc-block-checkout__actions_row button:hover,
    10711258.wc-block-components-checkout-return-to-cart-button:hover,
    1072 .wc-block-grid__product-add-to-cart a:hover{
     1259.wc-block-grid__product-add-to-cart a:hover {
    10731260  background: #121212;
    10741261}
     1262
    10751263.wc-block-components-totals-coupon {
    10761264  text-align: center;
    10771265}
    1078 .wc-block-cart-items__header-product{
     1266
     1267.wc-block-cart-items__header-product {
    10791268  background: #f3f4f7 !important;
    10801269}
    1081 .wc-block-cart-items__header th{
     1270
     1271.wc-block-cart-items__header th {
    10821272  padding: 10px 20px !important;
    10831273  font-size: 14px;
    10841274}
    1085 .wc-block-cart__totals-title{
     1275
     1276.wc-block-cart__totals-title {
    10861277  font-size: 14px !important;
    10871278  font-weight: 700 !important;
    10881279  text-align: center !important;
    10891280}
     1281
    10901282tr.wc-block-cart-items__row {
    10911283  padding: 15px 15px !important;
    10921284}
     1285
    10931286.wc-block-components-totals-item,
    1094 .wc-block-components-totals-item{
     1287.wc-block-components-totals-item {
    10951288  padding-right: 16px !important;
    10961289  padding-left: 16px !important;
    10971290}
    1098 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
     1291
     1292span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    10991293  display: block !important;
    11001294}
     1295
    11011296/* Cart */
    11021297.wc-block-grid__product-title {
    … …  
    11051300  text-decoration: none !important;
    11061301}
    1107 a.wc-block-grid__product-link{
     1302
     1303a.wc-block-grid__product-link {
    11081304  text-decoration: none !important;
    11091305}
    1110 .wc-block-grid__product-price{
     1306
     1307.wc-block-grid__product-price {
    11111308  color: var(--primary-theme-color) !important;
    11121309  font-size: 14px !important;
    11131310  font-weight: 500 !important;
    11141311}
    1115 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
     1312
     1313.wc-block-grid .wc-block-grid__product-onsale,
     1314.wc-block-grid__product-image .wc-block-grid__product-onsale {
    11161315  top: 10px !important;
    11171316  left: 10px !important;
    … …  
    11251324  color: #fff !important;
    11261325}
     1326
    11271327/* CHECKOUT */
    1128 .wp-block-woocommerce-checkout-order-summary-block{
    1129   border: 1px solid #dee2e6!important;
     1328.wp-block-woocommerce-checkout-order-summary-block {
     1329  border: 1px solid #dee2e6 !important;
    11301330  padding: 10px;
    11311331  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    11321332}
    1133 .wc-block-components-checkout-place-order-button{
     1333
     1334.wc-block-components-checkout-place-order-button {
    11341335  border: 0px !important;
    11351336}
    … …  
    11431344  margin-bottom: 0;
    11441345}
    1145 nav.woocommerce-MyAccount-navigation ul li{
     1346
     1347nav.woocommerce-MyAccount-navigation ul li {
    11461348  padding: 10px;
    11471349  margin-bottom: 15px;
    11481350  background: var(--primary-theme-color);
    11491351}
    1150 nav.woocommerce-MyAccount-navigation ul li:hover{
     1352
     1353nav.woocommerce-MyAccount-navigation ul li:hover {
    11511354  background: #121212;
    11521355}
    1153 nav.woocommerce-MyAccount-navigation ul li a{
     1356
     1357nav.woocommerce-MyAccount-navigation ul li a {
    11541358  text-decoration: none;
    11551359  color: #fff
    11561360}
     1361
    11571362/* MY ACCOUNT Address Button */
    1158 .woocommerce-Address-title a{
     1363.woocommerce-Address-title a {
    11591364  background: var(--primary-theme-color);
    11601365  color: #fff !important;
    … …  
    11661371}
    11671372
    1168 header.woocommerce-Address-title.title{
     1373header.woocommerce-Address-title.title {
    11691374  display: inline-grid;
    11701375  margin-bottom: 20px;
    11711376}
     1377
    11721378/* CHECKOUT */
    11731379
    1174 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{
     1380.woocommerce form .form-row label,
     1381.woocommerce form .form-row,
     1382span.woocommerce-input-wrapper,
     1383span.password-input {
    11751384  width: 100%;
    11761385}
    … …  
    11781387/* BUTTONS */
    11791388
    1180 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce a.added_to_cart{
     1389.woocommerce #respond input#submit.alt,
     1390.woocommerce a.button.alt,
     1391.woocommerce button.button.alt,
     1392.woocommerce input.button.alt,
     1393.woocommerce #respond input#submit,
     1394.woocommerce a.button,
     1395.woocommerce button.button,
     1396.woocommerce input.button,
     1397.woocommerce a.added_to_cart {
    11811398  background: var(--primary-theme-color);
    11821399  color: #fff;
    … …  
    11841401  border-radius: 7px !important;
    11851402}
    1186 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce a.added_to_cart:hover{
     1403
     1404.woocommerce #respond input#submit.alt:hover,
     1405.woocommerce a.button.alt:hover,
     1406.woocommerce button.button.alt:hover,
     1407.woocommerce input.button.alt:hover,
     1408.woocommerce #respond input#submit:hover,
     1409.woocommerce a.button:hover,
     1410.woocommerce button.button:hover,
     1411.woocommerce input.button:hover,
     1412.woocommerce a.added_to_cart:hover {
    11871413  background: #121212;
    11881414  color: #fff;
    11891415}
    1190 .woocommerce a.added_to_cart{
     1416
     1417.woocommerce a.added_to_cart {
    11911418  padding: .618em 1em;
    11921419  font-weight: 700;
    … …  
    11971424/* SHOP & SINGLE PRODUCT */
    11981425
    1199 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
     1426.woocommerce ul.products li.product .onsale,
     1427.woocommerce span.onsale {
    12001428  top: 10px;
    12011429  left: 10px;
    … …  
    12081436  min-height: 2em !important;
    12091437}
    1210 .woocommerce span.onsale{
     1438
     1439.woocommerce span.onsale {
    12111440  right: 10px;
    12121441  left: auto;
    12131442}
     1443
    12141444h2.woocommerce-loop-product__title {
    12151445  font-size: 18px !important;
    12161446}
    1217 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
     1447
     1448.woocommerce ul.products li.product .price,
     1449.woocommerce div.product p.price,
     1450.woocommerce div.product span.price {
    12181451  color: var(--primary-theme-color);
    12191452  display: block;
    … …  
    12211454  font-size: 18px;
    12221455}
    1223 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
     1456
     1457.woocommerce ul.products li.product .price ins,
     1458.woocommerce div.product p.price ins,
     1459.woocommerce div.product span.price ins {
    12241460  text-decoration: none;
    12251461}
    1226 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
     1462
     1463.woocommerce ul.products li.product,
     1464.woocommerce-page ul.products li.product {
    12271465  text-align: center;
    1228   border: 1px solid var(--primary-theme-color);
    1229   border-radius: 10px;
    1230   padding: 10px;
    12311466}
    12321467
    … …  
    12351470  padding: 8px;
    12361471}
     1472
    12371473.woocommerce ul.products li.product .star-rating {
    12381474  font-size: 12px;
    12391475  margin: 0 auto 8px;
    12401476}
    1241 .woocommerce ul.products li.product a img{
     1477
     1478.woocommerce ul.products li.product a img {
    12421479  margin-bottom: 0;
     1480}
     1481
     1482.woocommerce .woocommerce-ordering select,
     1483.woocommerce form .form-row input.input-text,
     1484.woocommerce form .form-row textarea {
     1485  padding: 12px;
     1486  border: 1px solid #d3ced2;
     1487  background: transparent;
     1488}
     1489
     1490.wp-block-button__link {
     1491  color: #fff !important;
     1492  background-color: var(--primary-theme-color);
     1493  margin-bottom: 5px;
     1494}
     1495
     1496.wp-block-button.is-style-outline .wp-block-button__link {
     1497  border: 1px solid var(--primary-theme-color);
     1498  color: #121212 !important;
     1499}
     1500
     1501.wp-block-button.is-style-squared .wp-block-button__link {
     1502  border-radius: 0px !important;
     1503}
     1504
     1505.woocommerce-shop .woocommerce ul.products li.product a img {
    12431506  width: 200px;
    12441507  height: 200px;
    … …  
    12461509  border-radius: 20px;
    12471510}
    1248 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    1249   padding: 12px;
    1250   border: 1px solid #d3ced2;
    1251   background: transparent;
    1252 }
    1253 .wp-block-button__link{
    1254         color: #fff !important;
    1255   background-color:var(--primary-theme-color);
    1256   margin-bottom: 5px;
    1257 }
    1258 .wp-block-button.is-style-outline .wp-block-button__link{
     1511
     1512.woocommerce-shop .woocommerce ul.products li.product,
     1513.woocommerce-page ul.products li.product {
    12591514  border: 1px solid var(--primary-theme-color);
    1260   color: #121212 !important;
    1261 }
    1262 .wp-block-button.is-style-squared .wp-block-button__link{
    1263   border-radius: 0px !important;
    1264 }
     1515  border-radius: 10px;
     1516  padding: 10px;
     1517}
     1518
    12651519/* shop page pagination  */
    12661520.woocommerce nav.woocommerce-pagination ul li span.current {
    … …  
    12711525  font-weight: bold;
    12721526}
     1527
    12731528.woocommerce nav.woocommerce-pagination ul li a {
    12741529  display: block;
    … …  
    12831538  border-radius: 10px;
    12841539}
    1285 .woocommerce nav.woocommerce-pagination ul li a:hover{
     1540
     1541.woocommerce nav.woocommerce-pagination ul li a:hover {
    12861542  background: var(--primary-theme-color);
    12871543  color: #121212;
    12881544}
    1289 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
     1545
     1546.woocommerce nav.woocommerce-pagination ul,
     1547.woocommerce nav.woocommerce-pagination ul li {
    12901548  border: none;
    12911549  float: none;
    12921550  overflow: unset;
    12931551}
     1552
    12941553.woocommerce nav.woocommerce-pagination {
    12951554  text-align: center;
    12961555  margin-bottom: 20px;
    12971556}
     1557
    12981558/*  SINGLE POST */
    12991559.single-post-category span {
    … …  
    13011561  color: #5b5b5b;
    13021562}
    1303 .single-post-category .post-categories li ,.single-post-category ul{
    1304 display: inline-block;
    1305 padding-right: 0px;
    1306 }
    1307 .single-post-category .post-categories li a{
    1308 margin-left: 8px;
    1309 margin-bottom: 8px;
    1310 background-color:var(--primary-theme-color);
    1311 padding: 8px 10px;
    1312 color: #fff;
    1313 display: inline-block;
    1314 font-size: 13px;
    1315 font-weight: 500;
    1316 line-height: 1;
    1317 }
     1563
     1564.single-post-category .post-categories li,
     1565.single-post-category ul {
     1566  display: inline-block;
     1567  padding-right: 0px;
     1568}
     1569
     1570.single-post-category .post-categories li a {
     1571  margin-left: 8px;
     1572  margin-bottom: 8px;
     1573  background-color: var(--primary-theme-color);
     1574  padding: 8px 10px;
     1575  color: #fff;
     1576  display: inline-block;
     1577  font-size: 13px;
     1578  font-weight: 500;
     1579  line-height: 1;
     1580}
     1581
    13181582/* Scroll To Top*/
    13191583.scroll-up {
    … …  
    13231587  z-index: 999;
    13241588}
    1325 .scroll-up a{
    1326 background: var(--primary-theme-color);
    1327 color:#fff;
    1328 }
     1589
     1590.scroll-up a {
     1591  background: var(--primary-theme-color);
     1592  color: #fff;
     1593}
     1594
    13291595.scroll-up a {
    13301596  display: block;
    … …  
    13401606  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    13411607}
    1342 .scroll-up i{
     1608
     1609.scroll-up i {
    13431610  line-height: 40px;
    13441611}
    1345 /*PRELOADER*/
     1612
     1613/* PRELOADER */
    13461614.loader {
    1347   background-color: #fff;
    13481615  width: 100%;
    13491616  height: 100%;
    … …  
    13551622  align-items: center;
    13561623}
     1624
    13571625.preloader {
    13581626  animation: move 0.5s ease infinite alternate;
    13591627}
     1628
    13601629.diamond {
    13611630  width: 60px;
    … …  
    13671636  align-items: center;
    13681637}
    1369 .diamond span{
     1638
     1639.diamond span {
    13701640  width: 60px;
    13711641  height: 60px;
    … …  
    13741644  right: 0;
    13751645}
    1376 .diamond span:nth-child(1){
     1646
     1647.diamond span:nth-child(1) {
    13771648  border: 10px solid var(--primary-theme-color);
    13781649  border-right-color: #000;
    … …  
    13801651  transform: rotateX(90deg) rotateZ(-45deg);
    13811652}
    1382 .diamond span:nth-child(2){
     1653
     1654.diamond span:nth-child(2) {
    13831655  border: 6px solid var(--primary-theme-color);
    13841656  border-right-color: #000;
    … …  
    13861658  transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg);
    13871659}
    1388 .diamond span:last-child{
     1660
     1661.diamond span:last-child {
    13891662  border: 6px solid var(--primary-theme-color);
    13901663  border-right-color: #000;
    … …  
    13921665  transform: rotateZ(-45deg);
    13931666}
    1394 @keyframes move{
    1395   0%{ transform: translateY(0) scaleY(0.9); }
    1396   100%{ transform: translateY(-70px) scaleY(1.1); }
    1397 }
    1398 @keyframes spin{
    1399   0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); }
    1400   100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(-180deg); }
    1401 }
     1667
     1668@keyframes move {
     1669  0% {
     1670    transform: translateY(0) scaleY(0.9);
     1671  }
     1672
     1673  100% {
     1674    transform: translateY(-70px) scaleY(1.1);
     1675  }
     1676}
     1677
     1678@keyframes spin {
     1679  0% {
     1680    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
     1681  }
     1682
     1683  100% {
     1684    transform: translateY(-50%) rotateX(-15deg) rotateY(-180deg);
     1685  }
     1686}
     1687
     1688.orbit-loader {
     1689  position: relative;
     1690  width: 120px;
     1691  height: 120px;
     1692  display: flex;
     1693  justify-content: center;
     1694  align-items: center;
     1695}
     1696
     1697.orbit-center {
     1698  width: 20px;
     1699  height: 20px;
     1700  background: var(--primary-theme-color);
     1701  border-radius: 50%;
     1702  position: absolute;
     1703  box-shadow: 0 0 15px var(--primary-theme-color);
     1704}
     1705
     1706.orbit-ring {
     1707  position: absolute;
     1708  width: 100px;
     1709  height: 100px;
     1710  animation: rotateOrbit 2s linear infinite;
     1711}
     1712
     1713.orbit-ring span {
     1714  width: 12px;
     1715  height: 12px;
     1716  background: var(--primary-theme-color);
     1717  border-radius: 50%;
     1718  position: absolute;
     1719}
     1720
     1721.orbit-ring span:nth-child(1) {
     1722  top: 0;
     1723  right: 50%;
     1724  transform: translateX(50%);
     1725}
     1726
     1727.orbit-ring span:nth-child(2) {
     1728  bottom: 0;
     1729  right: 0;
     1730}
     1731
     1732.orbit-ring span:nth-child(3) {
     1733  bottom: 0;
     1734  left: 0;
     1735}
     1736
     1737@keyframes rotateOrbit {
     1738  100% {
     1739    transform: rotate(-360deg);
     1740  }
     1741}
     1742
     1743.liquid-loader {
     1744  position: relative;
     1745  width: 150px;
     1746  height: 150px;
     1747}
     1748
     1749.liquid-blob {
     1750  width: 100%;
     1751  height: 100%;
     1752  border-radius: 50%;
     1753  background: radial-gradient(circle at 30% 30%,
     1754      var(--primary-theme-color),
     1755      #000);
     1756  animation: liquidMorph 4s ease-in-out infinite;
     1757}
     1758
     1759@keyframes liquidMorph {
     1760  0% {
     1761    border-radius: 58% 42% 37% 63% / 40% 43% 57% 60%;
     1762  }
     1763
     1764  50% {
     1765    border-radius: 42% 58% 63% 37% / 60% 57% 43% 40%;
     1766  }
     1767
     1768  100% {
     1769    border-radius: 58% 42% 37% 63% / 40% 43% 57% 60%;
     1770  }
     1771}
     1772
    14021773.not-found-content #searchform {
    14031774  display: inline-block;
    14041775}
    1405 .result-search #searchform{
     1776
     1777.result-search #searchform {
    14061778  display: table;
    14071779}
    1408 .footer-copyright a,.footer-copyright p{
     1780
     1781.footer-copyright a,
     1782.footer-copyright p {
    14091783  color: #ffffff;
    14101784}
    1411 .footer-copyright a:hover{
    1412   color:var(--primary-theme-color);
    1413 }
     1785
     1786.footer-copyright a:hover {
     1787  color: var(--primary-theme-color);
     1788}
     1789
    14141790/* ===============================================
    14151791  Progress Bar
    … …  
    14221798  z-index: 99999;
    14231799}
     1800
    14241801#elemento-progress-bar.top {
    14251802  top: 0;
    14261803}
     1804
    14271805.admin-bar #elemento-progress-bar.top {
    14281806  top: 32px;
    14291807}
     1808
    14301809#elemento-progress-bar.bottom {
    14311810  bottom: 0;
    14321811}
    14331812
    1434  /* ===============================================
     1813/* ===============================================
    14351814   Sticky Sidebar
    14361815============================================= */
    … …  
    14441823/* Sticky Copyright */
    14451824
    1446 .sticky-copyright.footer-copyright{
     1825.sticky-copyright.footer-copyright {
    14471826  position: fixed;
    1448   bottom:0;
    1449   right:0;
     1827  bottom: 0;
     1828  right: 0;
    14501829  width: 100%;
    14511830  z-index: 999;
    … …  
    14581837   =============================================== */
    14591838/*banner-section*/
    1460 .diy-banner-section{
     1839.diy-banner-section {
    14611840  width: auto;
    14621841  height: auto;
    14631842}
    1464 .diy-banner-section .banner-button a.elementor-button{
     1843
     1844.diy-banner-section .banner-button a.elementor-button {
    14651845  padding: 12px 4px 12px 12px !important;
    14661846}
    1467 .diy-banner-section .banner-button a.elementor-button span.elementor-button-text::before{
     1847
     1848.diy-banner-section .banner-button a.elementor-button span.elementor-button-text::before {
    14681849  font-family: 'Font Awesome 5 Free';
    14691850  font-weight: 900;
    … …  
    14751856  margin-left: 5px;
    14761857}
     1858
    14771859/*product-section*/
    1478 .diy-product-tab .ht-product-inner img{
     1860.diy-product-tab .ht-product-inner img {
    14791861  border: 1px solid #8d8d8d6e;
    14801862  width: 100% !important;
    14811863}
    1482 .diy-product-tab .ht-products .ht-product .ht-product-inner{
     1864
     1865.diy-product-tab .ht-products .ht-product .ht-product-inner {
    14831866  color: #ffffff !important;
    14841867  border: none !important;
    14851868}
    1486 .diy-product-tab .ht-products .ht-product .ht-product-inner:hover{
     1869
     1870.diy-product-tab .ht-products .ht-product .ht-product-inner:hover {
    14871871  box-shadow: none !important;
    14881872}
    1489 .diy-product-tab .ht-product-inner .woolentor-btn-text-cart li:first-child{
     1873
     1874.diy-product-tab .ht-product-inner .woolentor-btn-text-cart li:first-child {
    14901875  display: none !important;
    14911876}
    1492 .diy-product-tab .ht-products .ht-product-content-inner .ht-product-price ,
    1493 .diy-product-tab .ht-products .ht-product-content-inner .ht-product-ratting-wrap{
    1494 display: inline-block !important;
    1495 }
    1496 
    1497 .diy-product-tab .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-ratting-wrap + .ht-product-action{
     1877
     1878.diy-product-tab .ht-products .ht-product-content-inner .ht-product-price,
     1879.diy-product-tab .ht-products .ht-product-content-inner .ht-product-ratting-wrap {
     1880  display: inline-block !important;
     1881}
     1882
     1883.diy-product-tab .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-ratting-wrap+.ht-product-action {
    14981884  margin-top: 3px !important;
    14991885}
    1500 .diy-product-tab .ht-products .ht-product-content-inner .ht-product-action{
     1886
     1887.diy-product-tab .ht-products .ht-product-content-inner .ht-product-action {
    15011888  justify-content: center !important;
    15021889}
    15031890
    1504 .diy-product-tab .ht-product-content-inner .woolentor-cart a:after{
     1891.diy-product-tab .ht-product-content-inner .woolentor-cart a:after {
    15051892  font-family: 'Font Awesome 5 Free';
    15061893  font-weight: 900;
    … …  
    15131900  left: 104%;
    15141901}
     1902
    15151903.diy-product-tab .ht-product-inner .ht-product-image-wrap:before {
    15161904  position: absolute;
    … …  
    15241912  opacity: 0;
    15251913}
    1526 .diy-product-tab .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right{
     1914
     1915.diy-product-tab .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right {
    15271916  color: #ffffff !important;
    15281917  background: #000000 !important;
    15291918  padding: 3px !important;
    15301919}
    1531 .diy-product-tab .ht-product-inner .ht-product-image-wrap:hover::before{
     1920
     1921.diy-product-tab .ht-product-inner .ht-product-image-wrap:hover::before {
    15321922  opacity: 1;
    15331923}
    1534 .diy-product-tab .ht-product-content-inner .woolentor-cart .added_to_cart.wc-forward{
     1924
     1925.diy-product-tab .ht-product-content-inner .woolentor-cart .added_to_cart.wc-forward {
    15351926  margin-top: 0px !important;
    15361927  background: none;
    15371928}
    1538 .diy-product-tab .ht-tab-menus li{
    1539 margin-left: 0px !important;
    1540 }
     1929
     1930.diy-product-tab .ht-tab-menus li {
     1931  margin-left: 0px !important;
     1932}

  • diy-tutorials/0.4.7/style.css

    r315661 r319323  
    55Theme URI: https://www.wpelemento.com/products/free-tutorials-wordpress-theme
    66Author URI: https://www.wpelemento.com/
    7 Version: 0.4.6
     7Version: 0.4.7
    88Requires PHP: 5.6
    99Tested up to: 6.9
    … …  
    2323
    2424.screen-reader-text {
    25         border: 0;
    26         clip: rect(1px, 1px, 1px, 1px);
    27         clip-path: inset(50%);
    28         height: 1px;
    29         margin: -1px;
    30         overflow: hidden;
    31         padding: 0;
    32         position: absolute !important;
    33         width: 1px;
    34         word-wrap: normal !important;
    35         -webkit-transition: none;
    36         -moz-transition: none;
    37         -o-transition: none;
    38         transition: none;
    39 }
     25  border: 0;
     26  clip: rect(1px, 1px, 1px, 1px);
     27  clip-path: inset(50%);
     28  height: 1px;
     29  margin: -1px;
     30  overflow: hidden;
     31  padding: 0;
     32  position: absolute !important;
     33  width: 1px;
     34  word-wrap: normal !important;
     35  -webkit-transition: none;
     36  -moz-transition: none;
     37  -o-transition: none;
     38  transition: none;
     39}
     40
    4041.screen-reader-text:focus {
    41         background-color: #f1f1f1;
    42         border-radius: 3px;
    43         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    44         clip: auto !important;
    45         clip-path: none;
    46         color: #21759b;
    47         display: block;
    48         font-size: 14px;
    49         font-weight: 600;
    50         height: auto;
    51         left: 5px;
    52         line-height: normal;
    53         padding: 15px 23px 14px;
    54         text-decoration: none;
    55         top: 5px;
    56         width: auto;
    57         z-index: 100000;
    58 }
     42  background-color: #f1f1f1;
     43  border-radius: 3px;
     44  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     45  clip: auto !important;
     46  clip-path: none;
     47  color: #21759b;
     48  display: block;
     49  font-size: 14px;
     50  font-weight: 600;
     51  height: auto;
     52  left: 5px;
     53  line-height: normal;
     54  padding: 15px 23px 14px;
     55  text-decoration: none;
     56  top: 5px;
     57  width: auto;
     58  z-index: 100000;
     59}
     60
    5961#content[tabindex="-1"]:focus {
    60         outline: 0;
    61 }
     62  outline: 0;
     63}
     64
    6265body {
    63         font-family: 'Raleway', sans-serif;
     66  font-family: 'Raleway', sans-serif;
    6467  color: #5b5b5b;
    65   margin:0;
     68  margin: 0;
    6669  background: #fff;
    6770}
    68 h1,h2,h3,h4,h5,h6{
    69         font-weight: bold;
    70         color: #121212;
     71
     72h1,
     73h2,
     74h3,
     75h4,
     76h5,
     77h6 {
     78  font-weight: bold;
     79  color: #121212;
    7180  font-family: 'Quicksand', sans-serif;
    7281}
     82
    7383a {
    74   color:#121212;
     84  color: #121212;
    7585  -webkit-transition: color .1s linear;
    7686  -moz-transition: color .1s linear;
    … …  
    7989  text-decoration: none;
    8090}
     91
    8192a:hover,
    8293a:focus {
    … …  
    8495  text-decoration: none;
    8596}
     97
    8698.alignwide {
    8799  margin-left: -80px;
    88100  margin-right: -80px;
    89101}
     102
    90103.alignfull {
    91104  margin-left: calc(-100vw / 2 + 100% / 2);
    … …  
    93106  max-width: 100vw;
    94107}
     108
    95109.alignfull img {
    96110  width: 100vw;
    97111}
    98 .post-single a,.page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
     112
     113.post-single a,
     114.page-single a,
     115.sidebar-area .textwidget a,
     116.comment-content a,
     117.woocommerce-product-details__short-description a,
     118#tab-description a,
     119.extra-home-content a {
    99120  text-decoration: underline;
    100   color:var(--primary-theme-color);
    101 }
    102 .post-content a{
    103   color:var(--primary-theme-color);
    104 }
     121  color: var(--primary-theme-color);
     122}
     123
     124.post-content a {
     125  color: var(--primary-theme-color);
     126}
     127
    105128/* ===============================================
    106129   HEADER BOX
    107130   ============================================= */
    108    header#site-navigation {
    109     position: absolute;
    110     z-index: 999;
    111     width: 100%;
    112   }
    113   header#site-navigation .header-cart i{
    114     color: #ffffff;
    115     font-size: 20px;
    116   }
     131header#site-navigation {
     132  position: absolute;
     133  z-index: 999;
     134  width: 100%;
     135}
     136
     137header#site-navigation .header-cart i {
     138  color: #ffffff;
     139  font-size: 20px;
     140}
     141
    117142/* ===============================================
    118143  FOOTER SOCIAL ICONS
    119144 ============================================= */
    120 .footer-links{
     145.footer-links {
    121146  text-align: left;
    122147  padding: 6px 0px;
    123148}
    124 .footer-links i{
     149
     150.footer-links i {
    125151  color: #000;
    126152  background: #fff;
    … …  
    128154  border-radius: 3px;
    129155}
    130 .footer-links i:hover{
     156
     157.footer-links i:hover {
    131158  color: var(--primary-theme-color);
    132159}
     160
    133161/* ===============================================
    134162   HEADER IMAGE
    135163   ============================================= */
    136164
    137 .header-image-box{
    138         position: relative;
    139         height: 350px;
     165.header-image-box {
     166  position: relative;
     167  height: 350px;
    140168  display: flex;
    141169  align-items: center;
    142170  background-position: center;
    143171}
     172
    144173.header-image-box:before {
    145174  position: absolute;
    … …  
    152181  z-index: 1;
    153182}
    154 .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
     183
     184.header-image-box h1,
     185.headerimgbox-meta span,
     186.crumb-box a,
     187.crumb-box,
     188.header-image-box p {
    155189  position: relative;
    156190  z-index: 1;
    157191  color: #fff;
    158192}
    159 .header-image-box h1{
    160         font-size: 65px;
    161 }
    162 .header-image-box h1 , .post-title a{
     193
     194.header-image-box h1 {
     195  font-size: 65px;
     196}
     197
     198.header-image-box h1,
     199.post-title a {
    163200  word-wrap: break-word;
    164201}
     202
    165203/* ===============================================
    166204   LOGO BOX
    … …  
    177215  font-weight: bold;
    178216}
     217
    179218.logo span {
    180219  display: block;
    … …  
    183222  color: #ffffff;
    184223}
     224
    185225/* ===============================================
    186226   MENU BOX
    187227   ============================================= */
    188228
    189   #main-menu ul {
    190     margin:0;
    191     padding: 0;
    192     display:block;
    193   }
    194   #main-menu ul li {
    195     position:relative;
    196     display:block;
    197     float:left;
    198     text-align:left;
    199     width: 100%;
    200   }
    201   #main-menu ul li a {
    202     display: block;
    203     z-index: 1;
    204     padding: 15px;
    205     font-size: 16px;
    206     color: #121212;
    207     font-weight: 600;
    208     line-height: 1;
    209     text-transform: capitalize;
    210     margin: 10px;
    211   }
    212   #main-menu ul.children li a:hover::after, #main-menu ul.sub-menu li a:hover::after{
    213     background:none;
    214   }
    215   #main-menu a:hover,
    216   #main-menu ul li a:hover,
    217   #main-menu li:hover > a,
    218   #main-menu a:focus,
    219   #main-menu ul li a:focus,
    220   #main-menu li.focus > a,
    221   #main-menu li:focus > a,
    222   #main-menu ul li.current-menu-item > a,
    223   #main-menu ul li.current_page_item > a,
    224   #main-menu ul li.current-menu-parent > a,
    225   #main-menu ul li.current_page_ancestor > a,
    226   #main-menu ul li.current-menu-ancestor > a {
    227     color:#121212;
    228   }
    229   #main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a {
    230     color:#121212;
    231   }
    232   #main-menu ul.children ,
    233   #main-menu ul.sub-menu {
    234     opacity:0;
    235     position: absolute;
    236     top: 35px;
    237     left: -9999em;
    238     background:#f5f9ff;
    239     z-index:10001;
    240     width:213px;
    241     padding-left:0;
    242     -webkit-transition: opacity 0.3s ease 0s;
    243     -moz-transition: opacity 0.3s ease 0s;
    244     -o-transition: opacity 0.3s ease 0s;
    245     transition: opacity 0.3s ease 0s;   
    246   }
    247  
    248   #main-menu ul.children li ,
    249   #main-menu ul.sub-menu li {
    250     position:relative;
    251     margin:0;
    252     line-height:1.2em;
    253     text-transform:none;
    254     width:213px;
    255     min-height: inherit;
    256     margin:0;
    257   }
    258   #main-menu li li:hover > ul,
    259   #main-menu li li:focus > ul,
    260   #main-menu li li.focus > ul {
    261     top:0px;
    262     left: -100%;
    263   }
    264   #main-menu ul.children li a ,
    265   #main-menu ul.sub-menu li a {
    266     text-decoration:none;
    267     text-align:left;
    268     display:block;
    269     padding:10px 15px;
    270     margin:0;
    271     border:none;
    272     line-height:inherit;
    273     color: #121212;
    274     border-bottom: solid 1px #e4e7ee;
    275   }
    276  
    277   #main-menu ul.children li a:hover,
    278   #main-menu ul.sub-menu li a:hover{
    279     background: var(--primary-theme-color);
    280     color: #fff;
    281     border-radius: 0;
    282   }
    283   #main-menu ul.children li ul:before,
    284   #main-menu ul.sub-menu li ul:before{
    285     display:none;
    286   }
    287   #main-menu li:hover > ul,
    288   #main-menu li:focus > ul,
    289   #main-menu li.focus > ul {
    290     opacity:1;
    291     left: 0;
    292   }
    293   .menu-toggle {
    294     display: inline-block;
    295     transition: all 0.5s;
    296     -webkit-transition: all 0.25s;
    297   }
    298   .menu-toggle:hover{
    299     transform: rotate(90deg);
    300   }
    301   .admin-bar button.close-menu{
    302     position: absolute;
    303     right: 0;
    304     top: 25px;
    305   } 
    306   button.close-menu{
    307     position: absolute;
    308     right: 0;
    309     top: 0px;
    310   } 
    311   button.close-menu{
    312     display: inline-block;
    313     background: none;
    314     border: none;
    315     color: #000000;
    316     float: right;
    317     margin-top: 30px;
    318   }
    319   .admin-bar #main-menu {
    320     padding-top: 30px !important;
    321   }
    322   .menu-toggle,
    323   .dropdown-toggle {
    324     display: block;
    325     font-size: 20px;
    326     font-weight: 600;
    327     background: none;
    328     color: #fff;
    329     border: none;
    330     float: right;
    331   }
    332   #main-menu {
    333     position:fixed;
    334     top: 0px;
    335     right: 0px;
    336     display: none;
    337     width: 300px;
    338     z-index: 999999;
    339     height: 100vh;
    340     overflow-y: auto;
    341     background: #fff;
    342     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    343     border-top-left-radius: 30px;
    344     border-bottom-left-radius: 30px;
    345   }
    346   #main-menu ul li {
    347     float: left;
    348     width: 100%;
    349   }
    350  
    351   #main-menu li.focus > ul.children,
    352   #main-menu li.focus > ul.sub-menu ,
    353   #main-menu li:hover > ul.children,
    354   #main-menu li:hover > ul.sub-menu ,
    355   #main-menu li:focus > ul.children,
    356   #main-menu li:focus > ul.sub-menu {
    357     width: 100%;
    358     top:0;
    359     left: 0 !important;
    360   }
    361 
    362 img.custom-logo{
     229#main-menu ul {
     230  margin: 0;
     231  padding: 0;
     232  display: block;
     233}
     234
     235#main-menu ul li {
     236  position: relative;
     237  display: block;
     238  float: left;
     239  text-align: left;
     240  width: 100%;
     241}
     242
     243#main-menu ul li a {
     244  display: block;
     245  z-index: 1;
     246  padding: 15px;
     247  font-size: 16px;
     248  color: #121212;
     249  font-weight: 600;
     250  line-height: 1;
     251  text-transform: capitalize;
     252  margin: 10px;
     253}
     254
     255#main-menu ul.children li a:hover::after,
     256#main-menu ul.sub-menu li a:hover::after {
     257  background: none;
     258}
     259
     260#main-menu a:hover,
     261#main-menu ul li a:hover,
     262#main-menu li:hover>a,
     263#main-menu a:focus,
     264#main-menu ul li a:focus,
     265#main-menu li.focus>a,
     266#main-menu li:focus>a,
     267#main-menu ul li.current-menu-item>a,
     268#main-menu ul li.current_page_item>a,
     269#main-menu ul li.current-menu-parent>a,
     270#main-menu ul li.current_page_ancestor>a,
     271#main-menu ul li.current-menu-ancestor>a {
     272  color: #121212;
     273}
     274
     275#main-menu a:hover,
     276#main-menu ul li a:hover,
     277#main-menu li:hover>a {
     278  color: #121212;
     279}
     280
     281#main-menu ul.children,
     282#main-menu ul.sub-menu {
     283  opacity: 0;
     284  position: absolute;
     285  top: 35px;
     286  left: -9999em;
     287  background: #f5f9ff;
     288  z-index: 10001;
     289  width: 213px;
     290  padding-left: 0;
     291  -webkit-transition: opacity 0.3s ease 0s;
     292  -moz-transition: opacity 0.3s ease 0s;
     293  -o-transition: opacity 0.3s ease 0s;
     294  transition: opacity 0.3s ease 0s;
     295}
     296
     297#main-menu ul.children li,
     298#main-menu ul.sub-menu li {
     299  position: relative;
     300  margin: 0;
     301  line-height: 1.2em;
     302  text-transform: none;
     303  width: 213px;
     304  min-height: inherit;
     305  margin: 0;
     306}
     307
     308#main-menu li li:hover>ul,
     309#main-menu li li:focus>ul,
     310#main-menu li li.focus>ul {
     311  top: 0px;
     312  left: -100%;
     313}
     314
     315#main-menu ul.children li a,
     316#main-menu ul.sub-menu li a {
     317  text-decoration: none;
     318  text-align: left;
     319  display: block;
     320  padding: 10px 15px;
     321  margin: 0;
     322  border: none;
     323  line-height: inherit;
     324  color: #121212;
     325  border-bottom: solid 1px #e4e7ee;
     326}
     327
     328#main-menu ul.children li a:hover,
     329#main-menu ul.sub-menu li a:hover {
     330  background: var(--primary-theme-color);
     331  color: #fff;
     332  border-radius: 0;
     333}
     334
     335#main-menu ul.children li ul:before,
     336#main-menu ul.sub-menu li ul:before {
     337  display: none;
     338}
     339
     340#main-menu li:hover>ul,
     341#main-menu li:focus>ul,
     342#main-menu li.focus>ul {
     343  opacity: 1;
     344  left: 0;
     345}
     346
     347.menu-toggle {
     348  display: inline-block;
     349  transition: all 0.5s;
     350  -webkit-transition: all 0.25s;
     351}
     352
     353.menu-toggle:hover {
     354  transform: rotate(90deg);
     355}
     356
     357.admin-bar button.close-menu {
     358  position: absolute;
     359  right: 0;
     360  top: 25px;
     361}
     362
     363button.close-menu {
     364  position: absolute;
     365  right: 0;
     366  top: 0px;
     367}
     368
     369button.close-menu {
     370  display: inline-block;
     371  background: none;
     372  border: none;
     373  color: #000000;
     374  float: right;
     375  margin-top: 30px;
     376}
     377
     378.admin-bar #main-menu {
     379  padding-top: 30px !important;
     380}
     381
     382.menu-toggle,
     383.dropdown-toggle {
     384  display: block;
     385  font-size: 20px;
     386  font-weight: 600;
     387  background: none;
     388  color: #fff;
     389  border: none;
     390  float: right;
     391}
     392
     393#main-menu {
     394  position: fixed;
     395  top: 0px;
     396  right: 0px;
     397  display: none;
     398  width: 300px;
     399  z-index: 999999;
     400  height: 100vh;
     401  overflow-y: auto;
     402  background: #fff;
     403  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     404  border-top-left-radius: 30px;
     405  border-bottom-left-radius: 30px;
     406}
     407
     408#main-menu ul li {
     409  float: left;
     410  width: 100%;
     411}
     412
     413#main-menu li.focus>ul.children,
     414#main-menu li.focus>ul.sub-menu,
     415#main-menu li:hover>ul.children,
     416#main-menu li:hover>ul.sub-menu,
     417#main-menu li:focus>ul.children,
     418#main-menu li:focus>ul.sub-menu {
     419  width: 100%;
     420  top: 0;
     421  left: 0 !important;
     422}
     423
     424img.custom-logo {
    363425  max-width: 100%;
    364426}
     427
    365428/* ===============================================
    366429   POST BOX
    367430   ============================================= */
    368431
    369 .sticky .post-content-box{
    370         background: #f2f8ff;
    371 }
     432.sticky .post-content-box {
     433  background: #f2f8ff;
     434}
     435
    372436.post-box {
    373437  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    … …  
    375439  text-align: center;
    376440}
     441
    377442h3.post-title {
    378443  font-size: 25px;
    379444}
    380 .post-content p{
    381         color: #5b5b5b;
    382 }
    383 .post-meta,.crumb-box a:hover{
    384         color: var(--primary-theme-color);
    385 }
     445
     446.post-content p {
     447  color: #5b5b5b;
     448}
     449
     450.post-meta,
     451.crumb-box a:hover {
     452  color: var(--primary-theme-color);
     453}
     454
    386455.post-content {
    387456  word-wrap: break-word;
    388457}
     458
    389459pre {
    390         display: block;
    391         padding: 9.5px;
    392         margin: 0 0 10px;
    393         font-size: 13px;
    394         line-height: 1.42857143;
    395         color: #121212;
    396         white-space: break-spaces;
    397         background-color: #f5f5f5;
    398         border: 1px solid #ccc;
    399         border-radius: 4px;
    400 }
     460  display: block;
     461  padding: 9.5px;
     462  margin: 0 0 10px;
     463  font-size: 13px;
     464  line-height: 1.42857143;
     465  color: #121212;
     466  white-space: break-spaces;
     467  background-color: #f5f5f5;
     468  border: 1px solid #ccc;
     469  border-radius: 4px;
     470}
     471
    401472.post-content img,
    402473.post-thumbnail img,
    … …  
    404475.post-content object,
    405476.post-content embed {
    406         max-width: 100%;
    407 }
     477  max-width: 100%;
     478}
     479
    408480.post-content img,
    409481.post-thumbnail img {
    410         max-height:100%;
    411         height:auto;
    412 }
     482  max-height: 100%;
     483  height: auto;
     484}
     485
    413486.post-content:after {
    414487  content: "";
    … …  
    416489  clear: both;
    417490}
    418 #content,footer {
     491
     492#content,
     493footer {
    419494  float: left;
    420495  width: 100%;
    421496}
     497
    422498.box {
    423499  background-color: rgb(171 171 171 / 70%);
    … …  
    426502  position: relative;
    427503}
    428 .post-box:hover:before{
     504
     505.post-box:hover:before {
    429506  opacity: 1;
    430507  transform: translateX(0);
    431508}
    432 .box img{
     509
     510.box img {
    433511  width: 100%;
    434512  height: auto;
    … …  
    436514  transition: all 0.5s ease;
    437515}
    438 .post-box:hover img{
     516
     517.post-box:hover img {
    439518  opacity: 0.2;
    440519  transform: translateX(20px) scale(1.15);
    441520}
    442 .box .box-content{
    443         opacity: 0;
     521
     522.box .box-content {
     523  opacity: 0;
    444524  transform: scale(0);
    445525  position: absolute;
    … …  
    452532  transition: all 0.5s ease;
    453533}
    454 .post-box:hover .box-content{
     534
     535.post-box:hover .box-content {
    455536  opacity: 1;
    456537  transform: scale(1);
    457538}
     539
    458540p.slider-button a {
    459541  background: var(--primary-theme-color);
    … …  
    463545  font-weight: bold;
    464546}
     547
    465548p.slider-button a:hover {
    466549  background: var(--primary-theme-color);
    467550}
     551
    468552.post-info span,
    469553.post-info a {
    … …  
    473557  display: inline-block;
    474558}
     559
    475560.post-info a:hover,
    476561.entry-date:hover a,
    477562.entry-date:hover i,
    478563.entry-author:hover a,
    479 .entry-author:hover i
    480  {
     564.entry-author:hover i {
    481565  color: var(--primary-theme-color);
    482566
    483567}
     568
    484569.post-info i {
    485570  color: var(--primary-theme-color);
    486571  font-size: 12px;
    487572}
    488   /* Edit link  */
    489   .link-edit{
    490     display: inline-block;
    491     margin-left: 10px;
    492   }
    493   .post-info{
    494     display:inline-block;
    495   }
    496   .link-edit::before {
    497       content: "\f044";
    498       color: var(--primary-theme-color);
    499   }
    500   .link-edit::before {
    501       display: inline-block;
    502       font-family: 'Font Awesome 6 Free';
    503       height: 15px;
    504       margin-right: 8px;
    505   }
    506   .post-edit-link{
    507     color: #000 !important;
    508   }
     573
     574/* Edit link  */
     575.link-edit {
     576  display: inline-block;
     577  margin-left: 10px;
     578}
     579
     580.post-info {
     581  display: inline-block;
     582}
     583
     584.link-edit::before {
     585  content: "\f044";
     586  color: var(--primary-theme-color);
     587}
     588
     589.link-edit::before {
     590  display: inline-block;
     591  font-family: 'Font Awesome 6 Free';
     592  height: 15px;
     593  margin-right: 8px;
     594}
     595
     596.post-edit-link {
     597  color: #000 !important;
     598}
     599
    509600/* ===============================================
    510601   Pagination
    … …  
    513604.pagination,
    514605.diy-tutorials-pagination {
    515         margin:25px 0;
    516 }
     606  margin: 25px 0;
     607}
     608
    517609.pagination .nav-links a,
    518610.pagination .nav-links span.current,
    519611.diy-tutorials-pagination a span,
    520612.diy-tutorials-pagination span.current {
    521         display:inline-block;
    522         text-decoration: none;
    523         padding:10px 12px;
    524         font-size:14px;
    525         font-weight: bold;
    526         color:#333;
    527         text-align:center;
    528         cursor:pointer;
    529         background:#f3f4f7;
    530 }
     613  display: inline-block;
     614  text-decoration: none;
     615  padding: 10px 12px;
     616  font-size: 14px;
     617  font-weight: bold;
     618  color: #333;
     619  text-align: center;
     620  cursor: pointer;
     621  background: #f3f4f7;
     622}
     623
    531624.pagination .nav-links a:hover,
    532625.pagination .nav-links a:focus,
    … …  
    537630.diy-tutorials-pagination a span:hover,
    538631.diy-tutorials-pagination a span:focus {
    539         background: var(--primary-theme-color);
    540         color: #fff;
     632  background: var(--primary-theme-color);
     633  color: #fff;
    541634}
    542635
    … …  
    544637## Comments
    545638--------------------------------------------------------------*/
    546 .comment-reply a:focus{
    547   color: #fff;
    548 }
     639.comment-reply a:focus {
     640  color: #fff;
     641}
     642
    549643.comment-respond input#submit:hover,
    550 .comment-reply a:hover{
    551         background: #121212;
    552 }
    553 .comment-form-url input,nav.navigation.pagination{
     644.comment-reply a:hover {
     645  background: #121212;
     646}
     647
     648.comment-form-url input,
     649nav.navigation.pagination {
    554650  width: 100%;
    555651}
     652
    556653.comment-respond input#submit {
    557654  background: var(--primary-theme-color);
    … …  
    561658  font-weight: 600;
    562659}
     660
    563661.comment-content a {
    564662  word-wrap: break-word;
    565663}
     664
    566665.bypostauthor {
    567666  display: block;
    568667}
     668
    569669.comments-title {
    570670  font-size: 1.125rem;
    571671}
     672
    572673.comment-body .pull-left {
    573674  padding-right: 0.625rem;
    574675}
     676
    575677.comment-list {
    576678  padding-left: 0;
    577679  border-bottom: 1px solid #00000047;
    578680}
     681
    579682.comment-list .comment {
    580683  display: block;
    581684}
     685
    582686.comment-list .pingback {
    583687  border-top: 1px solid rgba(0, 0, 0, 0.125);
    584688  padding: 0.563rem 0;
    585689}
     690
    586691.comment-list .pingback a {
    587692  margin-left: 5px;
    588693  margin-right: 5px;
    589694}
     695
    590696.comment-content.card-block {
    591697  padding: 15px;
    592698}
     699
    593700.comment-reply a {
    594701  padding: 10px;
    … …  
    605712  padding: 0 0 0 20px;
    606713}
     714
    607715.sidebar-area .textwidget img,
    608 .footer-area .textwidget img{
     716.footer-area .textwidget img {
    609717  width: 100%;
    610718  height: auto;
    611719}
     720
    612721.sidebar-area .sidebar-widget {
    613         margin-bottom: 25px;
    614 }
     722  margin-bottom: 25px;
     723}
     724
    615725.sidebar-area a,
    616726.sidebar-area p,
    … …  
    622732.sidebar-area th,
    623733.sidebar-area .textwidget {
    624         line-height:1.9em;
    625         font-weight: normal;
    626 }
    627 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
     734  line-height: 1.9em;
     735  font-weight: normal;
     736}
     737
     738.sidebar-area ul,
     739#calendar_wrap,
     740.sidebar-area .textwidget,
     741.tagcloud {
    628742  list-style: none;
    629743  margin: 0;
    630744}
     745
    631746.sidebar-area ul {
    632747  padding: 15px 30px 25px;
    … …  
    634749  border: solid 1px #e4e7ee;
    635750}
     751
    636752.sidebar-area li a,
    637753.sidebar-area li {
    … …  
    639755  color: #5b5b5b;
    640756}
    641 .sidebar-area li a:hover, .sidebar-area li:hover{
     757
     758.sidebar-area li a:hover,
     759.sidebar-area li:hover {
    642760  color: var(--primary-theme-color);
    643761}
     762
    644763.sidebar-area li {
    645764  padding: 14px 10px;
    646765  border-bottom: solid 1px #e4e7ee;
    647766}
     767
    648768.sidebar-area h4.title {
    649         position: relative;
     769  position: relative;
    650770  font-size: 25px;
    651771  margin-left: 60px;
    652772  margin-bottom: 20px;
    653773}
     774
    654775.sidebar-area h4.title:before {
    655         position: absolute;
     776  position: absolute;
    656777  content: "";
    657778  width: 50px;
    … …  
    663784  margin: auto;
    664785}
     786
    665787.sidebar-area h4.title:after {
    666788  position: absolute;
    … …  
    675797  margin: auto;
    676798}
     799
    677800.sidebar-area .tagcloud a,
    678801.footer-area .tagcloud a {
    … …  
    685808  border: solid 1px #e4e7ee;
    686809}
    687 .footer-area .tagcloud a{
    688         border: solid 1px #fff;
    689         color: #fff;
    690 }
     810
     811.footer-area .tagcloud a {
     812  border: solid 1px #fff;
     813  color: #fff;
     814}
     815
    691816.sidebar-area .tagcloud a:before,
    692 .footer-area .tagcloud a:before  {
     817.footer-area .tagcloud a:before {
    693818  content: "#";
    694819}
     820
    695821.sidebar-area .tagcloud a:hover,
    696 .footer-area .tagcloud a:hover{
    697         background: var(--primary-theme-color);
    698         color: #fff;
    699 }
     822.footer-area .tagcloud a:hover {
     823  background: var(--primary-theme-color);
     824  color: #fff;
     825}
     826
    700827.sidebar-area select,
    701828.footer-area select,
    702 .sidebar-area textarea, #comments textarea,
    703 .sidebar-area input[type="text"], #comments input[type="text"],
     829.sidebar-area textarea,
     830#comments textarea,
     831.sidebar-area input[type="text"],
     832#comments input[type="text"],
    704833.sidebar-area input[type="password"],
    705834.sidebar-area input[type="datetime"],
    … …  
    717846.sidebar-area .uneditable-input,
    718847#comments input[type="email"],
    719 #comments input[type="url"]{
    720         -webkit-border-radius: 0;
    721         -moz-border-radius: 0;
    722         border-radius: 0;
    723         width:100%;
    724         padding: 5px 2%;
    725         border: solid 1px #e4e7ee;
    726 }
    727 .sidebar-area ol.wp-block-latest-comments{
     848#comments input[type="url"] {
     849  -webkit-border-radius: 0;
     850  -moz-border-radius: 0;
     851  border-radius: 0;
     852  width: 100%;
     853  padding: 5px 2%;
     854  border: solid 1px #e4e7ee;
     855}
     856
     857.sidebar-area ol.wp-block-latest-comments {
    728858  padding-left: 0px;
    729859}
     860
    730861#wp-calendar th,
    731 #wp-calendar
    732 #today,
    733 #wp-calendar
    734 #today a {
    735         background:#f3f4f7;
    736         color:#434343 !important;
    737 }
     862#wp-calendar #today,
     863#wp-calendar #today a {
     864  background: #f3f4f7;
     865  color: #434343 !important;
     866}
     867
    738868#wp-calendar a:hover {
    739         border:none;
    740 }
     869  border: none;
     870}
     871
    741872#wp-calendar {
    742         background: #fff;
    743         width:100%;
    744 }
     873  background: #fff;
     874  width: 100%;
     875}
     876
    745877#wp-calendar caption {
    746         font-size: 14px;
    747         text-transform:uppercase;
    748         margin:0 0 10px 0;
    749         text-align:left;
    750 }
     878  font-size: 14px;
     879  text-transform: uppercase;
     880  margin: 0 0 10px 0;
     881  text-align: left;
     882}
     883
    751884#wp-calendar th,
    752885#wp-calendar td {
    753         text-align: center;
    754         font-size: 14px;
    755         color:#434343 !important;
    756         padding:3px 6px;
    757 }
     886  text-align: center;
     887  font-size: 14px;
     888  color: #434343 !important;
     889  padding: 3px 6px;
     890}
     891
    758892#wp-calendar td a {
    759         display:block;
    760         text-align: center;
    761         font-size: 14px;
    762         color:#434343 !important;
    763         text-decoration:underline
    764 }
     893  display: block;
     894  text-align: center;
     895  font-size: 14px;
     896  color: #434343 !important;
     897  text-decoration: underline
     898}
     899
    765900#wp-calendar td#prev a,
    766 #wp-calendar td#prev a{
    767         text-decoration:none;
    768         text-align:left;
    769 }
    770 #wp-calendar th{
    771         font-weight:bold
    772 }
     901#wp-calendar td#prev a {
     902  text-decoration: none;
     903  text-align: left;
     904}
     905
     906#wp-calendar th {
     907  font-weight: bold
     908}
     909
    773910tr:nth-child(2n+2) {
    774         background-color: #f3f4f7;
    775 }
     911  background-color: #f3f4f7;
     912}
     913
    776914.searchform label {
    777         display: block;
    778 }
     915  display: block;
     916}
     917
    779918.searchform input[type=text] {
    780919  width: calc(100% - 110px);
    … …  
    785924  border: none;
    786925}
     926
    787927#searchform {
    788928  border: solid 1px #e4e7ee;
    789929  border-radius: 30px;
    790930}
     931
    791932.searchform input[type=submit] {
    792933  background: var(--primary-theme-color);
    … …  
    804945  margin: 4px auto;
    805946  cursor: pointer;
    806         -webkit-transition: color .3s ease, background-color .3s ease;
    807         -moz-transition: color .3s ease, background-color .3s ease;
    808         -o-transition: color .3s ease, background-color .3s ease;
    809         transition: color .3s ease, background-color .3s ease;
    810 }
    811 .searchform input[type=submit]:hover ,
     947  -webkit-transition: color .3s ease, background-color .3s ease;
     948  -moz-transition: color .3s ease, background-color .3s ease;
     949  -o-transition: color .3s ease, background-color .3s ease;
     950  transition: color .3s ease, background-color .3s ease;
     951}
     952
     953.searchform input[type=submit]:hover,
    812954.searchform input[type=submit]:focus {
    813         background: var(--primary-theme-color);
    814         text-decoration:none
    815 }
     955  background: var(--primary-theme-color);
     956  text-decoration: none
     957}
     958
    816959.searchform:after {
    817960  content: "";
    … …  
    819962  clear: both;
    820963}
    821 .footer-widget , .footer-copyright {
    822         background: #121212;
    823 }
     964
     965.footer-widget,
     966.footer-copyright {
     967  background: #121212;
     968}
     969
    824970footer a,
    825971footer p,
    … …  
    831977footer .sidebar-area th,
    832978footer .sidebar-area .title,
    833 footer .sidebar-area .textwidget,.footer-area li,
     979footer .sidebar-area .textwidget,
     980.footer-area li,
    834981.footer-area input[type=text],
    835 .wp-block-group__inner-container h2  {
    836         color: #fff;
    837 }
     982.wp-block-group__inner-container h2 {
     983  color: #fff;
     984}
     985
    838986.footer-area ul {
    839987  padding: 0;
    840988  list-style: none;
    841989}
     990
    842991.footer-area h4.title {
    843         font-size: 30px;
     992  font-size: 30px;
    844993  color: #fff;
    845994  margin-top: 30px;
    846995}
     996
    847997.footer-area li {
    848         padding: 8px 0;
    849 }
     998  padding: 8px 0;
     999}
     1000
    8501001img.size-auto,
    8511002img.size-full,
    … …  
    8561007img.aligncenter,
    8571008.attachment img {
    858         max-width:100%;
    859         height:auto;
    860 }
     1009  max-width: 100%;
     1010  height: auto;
     1011}
     1012
    8611013.alignleft,
    8621014img.alignleft {
    863         display:inline;
    864         float:left;
    865         margin-right:24px;
    866         margin-top:4px;
    867 }
     1015  display: inline;
     1016  float: left;
     1017  margin-right: 24px;
     1018  margin-top: 4px;
     1019}
     1020
    8681021.alignright,
    8691022img.alignright {
    870         display:inline;
    871         float:right;
    872         margin-left:24px;
    873         margin-top:4px;
    874 }
     1023  display: inline;
     1024  float: right;
     1025  margin-left: 24px;
     1026  margin-top: 4px;
     1027}
     1028
    8751029div.aligncenter,
    8761030img.aligncenter {
    877         display: block;
    878         margin-left: auto !important;
    879         margin-right: auto !important;
    880         float:none;
    881 }
     1031  display: block;
     1032  margin-left: auto !important;
     1033  margin-right: auto !important;
     1034  float: none;
     1035}
     1036
    8821037img.alignleft,
    8831038img.alignright,
    8841039img.aligncenter {
    885         margin-bottom:12px;
    886 }
     1040  margin-bottom: 12px;
     1041}
     1042
    8871043.wp-caption {
    888         line-height:18px;
    889         margin-bottom:25px;
    890         max-width:100% !important;
    891         padding:4px;
    892         text-align:center;
    893 }
     1044  line-height: 18px;
     1045  margin-bottom: 25px;
     1046  max-width: 100% !important;
     1047  padding: 4px;
     1048  text-align: center;
     1049}
     1050
    8941051.wp-caption img {
    895         margin:5px 5px 0;
    896         width:96%;
    897         height:100%
    898 }
     1052  margin: 5px 5px 0;
     1053  width: 96%;
     1054  height: 100%
     1055}
     1056
    8991057.wp-caption p.wp-caption-text {
    900         color:#888;
    901         font-size:12px;
    902         margin:5px;
    903 }
    904 .sticky {
    905 }
    906 
    907 .gallery-caption {
    908 }
    909 
    910 .bypostauthor {
    911 }
     1058  color: #888;
     1059  font-size: 12px;
     1060  margin: 5px;
     1061}
     1062
     1063.sticky {}
     1064
     1065.gallery-caption {}
     1066
     1067.bypostauthor {}
     1068
    9121069/* ===============================================
    9131070    BLOCK CSS
    9141071  =============================================== */
    9151072
    916    .widget_search .wp-block-search__inside-wrapper {
    917     border: solid 1px #e4e7ee;
    918     border-radius: 30px;
    919   }
    920   .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{
    921     width: calc(100% - 110px);
    922     margin: 0;
    923     padding: 12px;
    924     float: left;
    925     background-color: transparent;
    926     border: none;
    927   }
    928   .widget_search button.wp-block-search__button.wp-element-button{
    929     background: var(--primary-theme-color);
    930     border: none;
    931     color: #fff;
    932     font-size: 14px;
    933     font-weight: 600;
    934     text-align: center;
    935     position: relative;
    936     float: left;
    937     border-radius: 30px;
    938     text-shadow: none;
    939     padding: 10px 0;
    940     width: 105px;
    941     margin: 4px auto;
    942     cursor: pointer;
    943     -webkit-transition: color .3s ease, background-color .3s ease;
    944     -moz-transition: color .3s ease, background-color .3s ease;
    945     -o-transition: color .3s ease, background-color .3s ease;
    946     transition: color .3s ease, background-color .3s ease;
    947   }
    948   .widget_search button.wp-block-search__button:hover,
    949   .widget_search button.wp-block-search__button:focus{
    950     background: var(--primary-theme-color);
    951     text-decoration:none;
    952   }
    953   .widget_search .wp-block-search__inside-wrapper {
    954     content: "";
    955     display: table;
    956     clear: both;
    957   }
    958   .sidebar-area .wp-block-search label{
    959     display: inline;
    960   }
    961   .sidebar-area .widget_search label ,
    962   .sidebar-area .sidebar-widget.widget_block .wp-block-heading{
    963     position: relative;
    964     font-size: 25px;
    965     margin-left: 60px;
    966     margin-bottom: 20px;
    967     color: #000;
    968   }
    969   .sidebar-area .wp-block-search label{
    970     display: inline;
    971   }
    972   .sidebar-area .widget_search label:before,
    973   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
    974     position: absolute;
    975     content: "";
    976     width: 50px;
    977     left: -60px;
    978     height: 2px;
    979     background: var(--primary-theme-color);
    980     top: 0;
    981     bottom: 0;
    982     margin: auto;
    983   }
    984   .sidebar-area .widget_search label:after,
    985   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
    986     position: absolute;
    987     content: "";
    988     width: 10px;
    989     left: -60px;
    990     height: 10px;
    991     border-radius: 10px;
    992     background: var(--primary-theme-color);
    993     top: 0;
    994     bottom: 0;
    995     margin: auto;
    996   }
    997   .sidebar-area .wp-block-tag-cloud a,
    998   .footer-area .wp-block-tag-cloud a ,.tag-cloud-link  {
    999     font-size: 15px !important;
    1000     color: #5b5b5b;
    1001     display: inline-block;
    1002     margin: 5px 0;
    1003     padding: 7px;
    1004     border-radius: 5px;
    1005     border: solid 1px #e4e7ee;
    1006   }
    1007   .footer-area .wp-block-tag-cloud a{
    1008     border: solid 1px #fff;
    1009     color: #fff;
    1010   }
    1011   .sidebar-area .wp-block-tag-cloud a:before,
    1012   .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before {
    1013     content: "#";
    1014   }
    1015   .sidebar-area .wp-block-tag-cloud a:hover,
    1016   .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{
    1017     background: var(--primary-theme-color);
    1018     color: #fff;
    1019   }
    1020   .sidebar-area ol footer.wp-block-latest-comments__comment-meta{
    1021     float: none !important;
    1022   }
    1023   .sidebar-area  ol.wp-block-latest-comments{
    1024     padding-left: 0px !important;
    1025     padding: 15px 30px 25px;
    1026     border-radius: 10px;
    1027     border: solid 1px #e4e7ee;
    1028   }
    1029   .footer-area .wp-block-heading,
    1030   .footer-area .widget_search label{
    1031     font-size: 30px;
    1032     color: #fff;
    1033     margin-top: 30px;
    1034   }
     1073.widget_search .wp-block-search__inside-wrapper {
     1074  border: solid 1px #e4e7ee;
     1075  border-radius: 30px;
     1076}
     1077
     1078.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
     1079  width: calc(100% - 110px);
     1080  margin: 0;
     1081  padding: 12px;
     1082  float: left;
     1083  background-color: transparent;
     1084  border: none;
     1085}
     1086
     1087.widget_search button.wp-block-search__button.wp-element-button {
     1088  background: var(--primary-theme-color);
     1089  border: none;
     1090  color: #fff;
     1091  font-size: 14px;
     1092  font-weight: 600;
     1093  text-align: center;
     1094  position: relative;
     1095  float: left;
     1096  border-radius: 30px;
     1097  text-shadow: none;
     1098  padding: 10px 0;
     1099  width: 105px;
     1100  margin: 4px auto;
     1101  cursor: pointer;
     1102  -webkit-transition: color .3s ease, background-color .3s ease;
     1103  -moz-transition: color .3s ease, background-color .3s ease;
     1104  -o-transition: color .3s ease, background-color .3s ease;
     1105  transition: color .3s ease, background-color .3s ease;
     1106}
     1107
     1108.widget_search button.wp-block-search__button:hover,
     1109.widget_search button.wp-block-search__button:focus {
     1110  background: var(--primary-theme-color);
     1111  text-decoration: none;
     1112}
     1113
     1114.widget_search .wp-block-search__inside-wrapper {
     1115  content: "";
     1116  display: table;
     1117  clear: both;
     1118}
     1119
     1120.sidebar-area .wp-block-search label {
     1121  display: inline;
     1122}
     1123
     1124.sidebar-area .widget_search label,
     1125.sidebar-area .sidebar-widget.widget_block .wp-block-heading {
     1126  position: relative;
     1127  font-size: 25px;
     1128  margin-left: 60px;
     1129  margin-bottom: 20px;
     1130  color: #000;
     1131}
     1132
     1133.sidebar-area .wp-block-search label {
     1134  display: inline;
     1135}
     1136
     1137.sidebar-area .widget_search label:before,
     1138.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
     1139  position: absolute;
     1140  content: "";
     1141  width: 50px;
     1142  left: -60px;
     1143  height: 2px;
     1144  background: var(--primary-theme-color);
     1145  top: 0;
     1146  bottom: 0;
     1147  margin: auto;
     1148}
     1149
     1150.sidebar-area .widget_search label:after,
     1151.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
     1152  position: absolute;
     1153  content: "";
     1154  width: 10px;
     1155  left: -60px;
     1156  height: 10px;
     1157  border-radius: 10px;
     1158  background: var(--primary-theme-color);
     1159  top: 0;
     1160  bottom: 0;
     1161  margin: auto;
     1162}
     1163
     1164.sidebar-area .wp-block-tag-cloud a,
     1165.footer-area .wp-block-tag-cloud a,
     1166.tag-cloud-link {
     1167  font-size: 15px !important;
     1168  color: #5b5b5b;
     1169  display: inline-block;
     1170  margin: 5px 0;
     1171  padding: 7px;
     1172  border-radius: 5px;
     1173  border: solid 1px #e4e7ee;
     1174}
     1175
     1176.footer-area .wp-block-tag-cloud a {
     1177  border: solid 1px #fff;
     1178  color: #fff;
     1179}
     1180
     1181.sidebar-area .wp-block-tag-cloud a:before,
     1182.footer-area .wp-block-tag-cloud a:before,
     1183.tag-cloud-link:before {
     1184  content: "#";
     1185}
     1186
     1187.sidebar-area .wp-block-tag-cloud a:hover,
     1188.footer-area .wp-block-tag-cloud a:hover,
     1189.tag-cloud-link:hover {
     1190  background: var(--primary-theme-color);
     1191  color: #fff;
     1192}
     1193
     1194.sidebar-area ol footer.wp-block-latest-comments__comment-meta {
     1195  float: none !important;
     1196}
     1197
     1198.sidebar-area ol.wp-block-latest-comments {
     1199  padding-left: 0px !important;
     1200  padding: 15px 30px 25px;
     1201  border-radius: 10px;
     1202  border: solid 1px #e4e7ee;
     1203}
     1204
     1205.footer-area .wp-block-heading,
     1206.footer-area .widget_search label {
     1207  font-size: 30px;
     1208  color: #fff;
     1209  margin-top: 30px;
     1210}
     1211
    10351212/* WOOCOMMERCE */
    1036 .wp-block-woocommerce-cart.alignwide{
     1213.wp-block-woocommerce-cart.alignwide {
    10371214  margin-right: auto;
    10381215  margin-left: auto;
    10391216}
     1217
    10401218.wp-block-woocommerce-checkout.alignwide {
    10411219  margin-right: auto;
    10421220  margin-left: auto;
    10431221}
    1044 .wp-block-woocommerce-cart .wc-block-cart-items{
    1045   border: 1px solid #dee2e6!important;
     1222
     1223.wp-block-woocommerce-cart .wc-block-cart-items {
     1224  border: 1px solid #dee2e6 !important;
    10461225  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10471226  padding: 10px;
    10481227}
     1228
    10491229.wp-block-woocommerce-cart-order-summary-block {
    1050   border: 1px solid #dee2e6!important;
     1230  border: 1px solid #dee2e6 !important;
    10511231  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10521232}
    1053 .wp-block-woocommerce-cart-order-summary-heading-block{
     1233
     1234.wp-block-woocommerce-cart-order-summary-heading-block {
    10541235  padding: 10px 20px !important;
    10551236  background: #f3f4f7 !important;
    10561237}
    1057 .wc-block-components-product-name{
     1238
     1239.wc-block-components-product-name {
    10581240  font-size: 20px;
    10591241  text-decoration: none !important;
    … …  
    10611243  color: #000 !important;
    10621244}
    1063 .wc-block-cart-items__header-image{
     1245
     1246.wc-block-cart-items__header-image {
    10641247  padding-left: 16px !important;
    10651248}
    1066 .wc-block-cart-items__header-total{
     1249
     1250.wc-block-cart-items__header-total {
    10671251  padding-right: 16px !important;
    10681252}
    1069 .wc-block-components-totals-coupon-link ,
     1253
     1254.wc-block-components-totals-coupon-link,
    10701255.wc-block-cart__submit-container a,
    10711256.wc-block-checkout__actions_row button,
    10721257.wc-block-components-totals-coupon__form button,
    10731258.wc-block-components-checkout-return-to-cart-button,
    1074 .wc-block-grid__product-add-to-cart a{
     1259.wc-block-grid__product-add-to-cart a {
    10751260  background: var(--primary-theme-color);
    10761261  color: #fff !important;
    … …  
    10821267  text-decoration: none !important;
    10831268}
    1084 .wc-block-cart__submit-container a{
     1269
     1270.wc-block-cart__submit-container a {
    10851271  margin-top: 20px;
    10861272}
     1273
    10871274.wc-block-components-totals-coupon-link:hover,
    10881275.wc-block-cart__submit-container:hover a,
    10891276.wc-block-checkout__actions_row button:hover,
    10901277.wc-block-components-checkout-return-to-cart-button:hover,
    1091 .wc-block-grid__product-add-to-cart a:hover{
     1278.wc-block-grid__product-add-to-cart a:hover {
    10921279  background: #121212;
    10931280}
     1281
    10941282.wc-block-components-totals-coupon {
    10951283  text-align: center;
    10961284}
    1097 .wc-block-cart-items__header-product{
     1285
     1286.wc-block-cart-items__header-product {
    10981287  background: #f3f4f7 !important;
    10991288}
    1100 .wc-block-cart-items__header th{
     1289
     1290.wc-block-cart-items__header th {
    11011291  padding: 10px 20px !important;
    11021292  font-size: 14px;
    11031293}
    1104 .wc-block-cart__totals-title{
     1294
     1295.wc-block-cart__totals-title {
    11051296  font-size: 14px !important;
    11061297  font-weight: 700 !important;
    11071298  text-align: center !important;
    11081299}
     1300
    11091301tr.wc-block-cart-items__row {
    11101302  padding: 15px 15px !important;
    11111303}
     1304
    11121305.wc-block-components-totals-item,
    1113 .wc-block-components-totals-item{
     1306.wc-block-components-totals-item {
    11141307  padding-left: 16px !important;
    11151308  padding-right: 16px !important;
    11161309}
    1117 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
     1310
     1311span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    11181312  display: block !important;
    11191313}
     1314
    11201315/* Cart */
    11211316.wc-block-grid__product-title {
    … …  
    11241319  text-decoration: none !important;
    11251320}
    1126 a.wc-block-grid__product-link{
     1321
     1322a.wc-block-grid__product-link {
    11271323  text-decoration: none !important;
    11281324}
    1129 .wc-block-grid__product-price{
     1325
     1326.wc-block-grid__product-price {
    11301327  color: var(--primary-theme-color) !important;
    11311328  font-size: 14px !important;
    11321329  font-weight: 500 !important;
    11331330}
    1134 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
     1331
     1332.wc-block-grid .wc-block-grid__product-onsale,
     1333.wc-block-grid__product-image .wc-block-grid__product-onsale {
    11351334  top: 10px !important;
    11361335  right: 10px !important;
    … …  
    11441343  color: #fff !important;
    11451344}
     1345
    11461346/* CHECKOUT */
    1147 .wp-block-woocommerce-checkout-order-summary-block{
    1148   border: 1px solid #dee2e6!important;
     1347.wp-block-woocommerce-checkout-order-summary-block {
     1348  border: 1px solid #dee2e6 !important;
    11491349  padding: 10px;
    11501350  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    11511351}
    1152 .wc-block-components-checkout-place-order-button{
     1352
     1353.wc-block-components-checkout-place-order-button {
    11531354  border: 0px !important;
    11541355}
    … …  
    11621363  margin-bottom: 0;
    11631364}
    1164 nav.woocommerce-MyAccount-navigation ul li{
     1365
     1366nav.woocommerce-MyAccount-navigation ul li {
    11651367  padding: 10px;
    11661368  margin-bottom: 15px;
    11671369  background: var(--primary-theme-color);
    11681370}
    1169 nav.woocommerce-MyAccount-navigation ul li:hover{
     1371
     1372nav.woocommerce-MyAccount-navigation ul li:hover {
    11701373  background: #121212;
    11711374}
    1172 nav.woocommerce-MyAccount-navigation ul li a{
     1375
     1376nav.woocommerce-MyAccount-navigation ul li a {
    11731377  text-decoration: none;
    11741378  color: #fff
    11751379}
     1380
    11761381/* MY ACCOUNT Address Button */
    1177 .woocommerce-Address-title a{
     1382.woocommerce-Address-title a {
    11781383  background: var(--primary-theme-color);
    11791384  color: #fff !important;
    … …  
    11851390}
    11861391
    1187 header.woocommerce-Address-title.title{
     1392header.woocommerce-Address-title.title {
    11881393  display: inline-grid;
    11891394  margin-bottom: 20px;
    11901395}
     1396
    11911397/* CHECKOUT */
    11921398
    1193 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{
     1399.woocommerce form .form-row label,
     1400.woocommerce form .form-row,
     1401span.woocommerce-input-wrapper,
     1402span.password-input {
    11941403  width: 100%;
    11951404}
    … …  
    11971406/* BUTTONS */
    11981407
    1199 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce a.added_to_cart{
     1408.woocommerce #respond input#submit.alt,
     1409.woocommerce a.button.alt,
     1410.woocommerce button.button.alt,
     1411.woocommerce input.button.alt,
     1412.woocommerce #respond input#submit,
     1413.woocommerce a.button,
     1414.woocommerce button.button,
     1415.woocommerce input.button,
     1416.woocommerce a.added_to_cart {
    12001417  background: var(--primary-theme-color);
    12011418  color: #fff;
    … …  
    12031420  border-radius: 7px !important;
    12041421}
    1205 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce a.added_to_cart:hover{
     1422
     1423.woocommerce #respond input#submit.alt:hover,
     1424.woocommerce a.button.alt:hover,
     1425.woocommerce button.button.alt:hover,
     1426.woocommerce input.button.alt:hover,
     1427.woocommerce #respond input#submit:hover,
     1428.woocommerce a.button:hover,
     1429.woocommerce button.button:hover,
     1430.woocommerce input.button:hover,
     1431.woocommerce a.added_to_cart:hover {
    12061432  background: #121212;
    12071433  color: #fff;
    12081434}
    1209 .woocommerce a.added_to_cart{
     1435
     1436.woocommerce a.added_to_cart {
    12101437  padding: .618em 1em;
    12111438  font-weight: 700;
    … …  
    12161443/* SHOP & SINGLE PRODUCT */
    12171444
    1218 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
     1445.woocommerce ul.products li.product .onsale,
     1446.woocommerce span.onsale {
    12191447  top: 10px;
    12201448  right: 10px;
    … …  
    12271455  min-height: 2em !important;
    12281456}
    1229 .woocommerce span.onsale{
     1457
     1458.woocommerce span.onsale {
    12301459  left: 10px;
    12311460  right: auto;
    12321461}
     1462
    12331463h2.woocommerce-loop-product__title {
    12341464  font-size: 18px !important;
    12351465}
    1236 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
     1466
     1467.woocommerce ul.products li.product .price,
     1468.woocommerce div.product p.price,
     1469.woocommerce div.product span.price {
    12371470  color: var(--primary-theme-color);
    12381471  display: block;
    … …  
    12401473  font-size: 18px;
    12411474}
    1242 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
     1475
     1476.woocommerce ul.products li.product .price ins,
     1477.woocommerce div.product p.price ins,
     1478.woocommerce div.product span.price ins {
    12431479  text-decoration: none;
    12441480}
    1245 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
     1481
     1482.woocommerce ul.products li.product,
     1483.woocommerce-page ul.products li.product {
    12461484  text-align: center;
    12471485}
    … …  
    12511489  padding: 8px;
    12521490}
     1491
    12531492.woocommerce ul.products li.product .star-rating {
    12541493  font-size: 12px;
    12551494  margin: 0 auto 8px;
    12561495}
    1257 .woocommerce ul.products li.product a img{
     1496
     1497.woocommerce ul.products li.product a img {
    12581498  margin-bottom: 0;
    12591499}
    1260 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
     1500
     1501.woocommerce .woocommerce-ordering select,
     1502.woocommerce form .form-row input.input-text,
     1503.woocommerce form .form-row textarea {
    12611504  padding: 12px;
    12621505  border: 1px solid #d3ced2;
    12631506  background: transparent;
    12641507}
    1265 .wp-block-button__link{
    1266         color: #fff !important;
    1267   background-color:var(--primary-theme-color);
     1508
     1509.wp-block-button__link {
     1510  color: #fff !important;
     1511  background-color: var(--primary-theme-color);
    12681512  margin-bottom: 5px;
    12691513}
    1270 .wp-block-button.is-style-outline .wp-block-button__link{
     1514
     1515.wp-block-button.is-style-outline .wp-block-button__link {
    12711516  border: 1px solid var(--primary-theme-color);
    12721517  color: #121212 !important;
    12731518}
    1274 .wp-block-button.is-style-squared .wp-block-button__link{
     1519
     1520.wp-block-button.is-style-squared .wp-block-button__link {
    12751521  border-radius: 0px !important;
    12761522}
     1523
    12771524.woocommerce-shop .woocommerce ul.products li.product a img {
    12781525  width: 200px;
    … …  
    12811528  border-radius: 20px;
    12821529}
    1283 .woocommerce-shop .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
     1530
     1531.woocommerce-shop .woocommerce ul.products li.product,
     1532.woocommerce-page ul.products li.product {
    12841533  border: 1px solid var(--primary-theme-color);
    12851534  border-radius: 10px;
    12861535  padding: 10px;
    12871536}
     1537
    12881538/* shop page pagination  */
    12891539.woocommerce nav.woocommerce-pagination ul li span.current {
    … …  
    12941544  font-weight: bold;
    12951545}
     1546
    12961547.woocommerce nav.woocommerce-pagination ul li a {
    12971548  display: block;
    … …  
    13061557  border-radius: 10px;
    13071558}
    1308 .woocommerce nav.woocommerce-pagination ul li a:hover{
     1559
     1560.woocommerce nav.woocommerce-pagination ul li a:hover {
    13091561  background: var(--primary-theme-color);
    13101562  color: #121212;
    13111563}
    1312 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
     1564
     1565.woocommerce nav.woocommerce-pagination ul,
     1566.woocommerce nav.woocommerce-pagination ul li {
    13131567  border: none;
    13141568  float: none;
    13151569  overflow: unset;
    13161570}
     1571
    13171572.woocommerce nav.woocommerce-pagination {
    13181573  text-align: center;
    13191574  margin-bottom: 20px;
    13201575}
     1576
    13211577/*  SINGLE POST */
    13221578.single-post-category span {
    … …  
    13241580  color: #5b5b5b;
    13251581}
    1326 .single-post-category .post-categories li ,.single-post-category ul{
    1327 display: inline-block;
    1328 padding-left: 0px;
    1329 }
    1330 .single-post-category .post-categories li a{
    1331 margin-right: 8px;
    1332 margin-bottom: 8px;
    1333 background-color:var(--primary-theme-color);
    1334 padding: 8px 10px;
    1335 color: #fff;
    1336 display: inline-block;
    1337 font-size: 13px;
    1338 font-weight: 500;
    1339 line-height: 1;
    1340 }
     1582
     1583.single-post-category .post-categories li,
     1584.single-post-category ul {
     1585  display: inline-block;
     1586  padding-left: 0px;
     1587}
     1588
     1589.single-post-category .post-categories li a {
     1590  margin-right: 8px;
     1591  margin-bottom: 8px;
     1592  background-color: var(--primary-theme-color);
     1593  padding: 8px 10px;
     1594  color: #fff;
     1595  display: inline-block;
     1596  font-size: 13px;
     1597  font-weight: 500;
     1598  line-height: 1;
     1599}
     1600
    13411601/* Scroll To Top*/
    13421602.scroll-up {
    … …  
    13461606  z-index: 999;
    13471607}
    1348 .scroll-up a{
    1349 background: var(--primary-theme-color);
    1350 color:#fff;
    1351 }
     1608
     1609.scroll-up a {
     1610  background: var(--primary-theme-color);
     1611  color: #fff;
     1612}
     1613
    13521614.scroll-up a {
    13531615  display: block;
    … …  
    13631625  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    13641626}
    1365 .scroll-up i{
     1627
     1628.scroll-up i {
    13661629  line-height: 40px;
    13671630}
    1368 /*PRELOADER*/
     1631
     1632/* PRELOADER */
    13691633.loader {
    1370   background-color: #fff;
    13711634  width: 100%;
    13721635  height: 100%;
    … …  
    13781641  align-items: center;
    13791642}
     1643
    13801644.preloader {
    13811645  animation: move 0.5s ease infinite alternate;
    13821646}
     1647
    13831648.diamond {
    13841649  width: 60px;
    … …  
    13901655  align-items: center;
    13911656}
    1392 .diamond span{
     1657
     1658.diamond span {
    13931659  width: 60px;
    13941660  height: 60px;
    … …  
    13971663  left: 0;
    13981664}
    1399 .diamond span:nth-child(1){
     1665
     1666.diamond span:nth-child(1) {
    14001667  border: 10px solid var(--primary-theme-color);
    14011668  border-left-color: #000;
    … …  
    14031670  transform: rotateX(90deg) rotateZ(45deg);
    14041671}
    1405 .diamond span:nth-child(2){
     1672
     1673.diamond span:nth-child(2) {
    14061674  border: 6px solid var(--primary-theme-color);
    14071675  border-left-color: #000;
    … …  
    14091677  transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
    14101678}
    1411 .diamond span:last-child{
     1679
     1680.diamond span:last-child {
    14121681  border: 6px solid var(--primary-theme-color);
    14131682  border-left-color: #000;
    … …  
    14151684  transform: rotateZ(45deg);
    14161685}
    1417 @keyframes move{
    1418   0%{ transform: translateY(0) scaleY(0.9); }
    1419   100%{ transform: translateY(-70px) scaleY(1.1); }
    1420 }
    1421 @keyframes spin{
    1422   0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); }
    1423   100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); }
    1424 }
     1686
     1687@keyframes move {
     1688  0% {
     1689    transform: translateY(0) scaleY(0.9);
     1690  }
     1691
     1692  100% {
     1693    transform: translateY(-70px) scaleY(1.1);
     1694  }
     1695}
     1696
     1697@keyframes spin {
     1698  0% {
     1699    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
     1700  }
     1701
     1702  100% {
     1703    transform: translateY(-50%) rotateX(-15deg) rotateY(180deg);
     1704  }
     1705}
     1706
     1707.orbit-loader {
     1708  position: relative;
     1709  width: 120px;
     1710  height: 120px;
     1711  display: flex;
     1712  justify-content: center;
     1713  align-items: center;
     1714}
     1715
     1716.orbit-center {
     1717  width: 20px;
     1718  height: 20px;
     1719  background: var(--primary-theme-color);
     1720  border-radius: 50%;
     1721  position: absolute;
     1722  box-shadow: 0 0 15px var(--primary-theme-color);
     1723}
     1724
     1725.orbit-ring {
     1726  position: absolute;
     1727  width: 100px;
     1728  height: 100px;
     1729  animation: rotateOrbit 2s linear infinite;
     1730}
     1731
     1732.orbit-ring span {
     1733  width: 12px;
     1734  height: 12px;
     1735  background: var(--primary-theme-color);
     1736  border-radius: 50%;
     1737  position: absolute;
     1738}
     1739
     1740.orbit-ring span:nth-child(1) {
     1741  top: 0;
     1742  left: 50%;
     1743  transform: translateX(-50%);
     1744}
     1745
     1746.orbit-ring span:nth-child(2) {
     1747  bottom: 0;
     1748  left: 0;
     1749}
     1750
     1751.orbit-ring span:nth-child(3) {
     1752  bottom: 0;
     1753  right: 0;
     1754}
     1755
     1756@keyframes rotateOrbit {
     1757  100% {
     1758    transform: rotate(360deg);
     1759  }
     1760}
     1761
     1762.liquid-loader {
     1763  position: relative;
     1764  width: 150px;
     1765  height: 150px;
     1766}
     1767
     1768.liquid-blob {
     1769  width: 100%;
     1770  height: 100%;
     1771  border-radius: 50%;
     1772  background: radial-gradient(circle at 30% 30%,
     1773      var(--primary-theme-color),
     1774      #000);
     1775  animation: liquidMorph 4s ease-in-out infinite;
     1776}
     1777
     1778@keyframes liquidMorph {
     1779  0% {
     1780    border-radius: 42% 58% 63% 37% / 43% 40% 60% 57%;
     1781  }
     1782
     1783  50% {
     1784    border-radius: 58% 42% 37% 63% / 57% 60% 40% 43%;
     1785  }
     1786
     1787  100% {
     1788    border-radius: 42% 58% 63% 37% / 43% 40% 60% 57%;
     1789  }
     1790}
     1791
    14251792.not-found-content #searchform {
    14261793  display: inline-block;
    14271794}
    1428 .result-search #searchform{
     1795
     1796.result-search #searchform {
    14291797  display: table;
    14301798}
    1431 .footer-copyright a,.footer-copyright p{
     1799
     1800.footer-copyright a,
     1801.footer-copyright p {
    14321802  color: #ffffff;
    14331803}
    1434 .footer-copyright a:hover{
    1435   color:var(--primary-theme-color);
    1436 }
     1804
     1805.footer-copyright a:hover {
     1806  color: var(--primary-theme-color);
     1807}
     1808
    14371809/* ===============================================
    14381810  Progress Bar
    … …  
    14451817  z-index: 99999;
    14461818}
     1819
    14471820#elemento-progress-bar.top {
    14481821  top: 0;
    14491822}
     1823
    14501824.admin-bar #elemento-progress-bar.top {
    14511825  top: 32px;
    14521826}
     1827
    14531828#elemento-progress-bar.bottom {
    14541829  bottom: 0;
    14551830}
    14561831
    1457  /* ===============================================
     1832/* ===============================================
    14581833   Sticky Sidebar
    14591834============================================= */
    … …  
    14671842/* Sticky Copyright */
    14681843
    1469 .sticky-copyright.footer-copyright{
     1844.sticky-copyright.footer-copyright {
    14701845  position: fixed;
    1471   bottom:0;
    1472   left:0;
     1846  bottom: 0;
     1847  left: 0;
    14731848  width: 100%;
    14741849  z-index: 999;
    … …  
    14811856   =============================================== */
    14821857/*banner-section*/
    1483 .diy-banner-section{
     1858.diy-banner-section {
    14841859  width: auto;
    14851860  height: auto;
    14861861}
    1487 .diy-banner-section .banner-button a.elementor-button{
     1862
     1863.diy-banner-section .banner-button a.elementor-button {
    14881864  padding: 12px 12px 12px 4px !important;
    14891865}
    1490 .diy-banner-section .banner-button a.elementor-button span.elementor-button-text::before{
     1866
     1867.diy-banner-section .banner-button a.elementor-button span.elementor-button-text::before {
    14911868  font-family: 'Font Awesome 5 Free';
    14921869  font-weight: 900;
    … …  
    14981875  margin-right: 5px;
    14991876}
     1877
    15001878/*product-section*/
    1501 .diy-product-tab .ht-product-inner img{
     1879.diy-product-tab .ht-product-inner img {
    15021880  border: 1px solid #8d8d8d6e;
    15031881  width: 100% !important;
    15041882}
    1505 .diy-product-tab .ht-products .ht-product .ht-product-inner{
     1883
     1884.diy-product-tab .ht-products .ht-product .ht-product-inner {
    15061885  color: #ffffff !important;
    15071886  border: none !important;
    15081887}
    1509 .diy-product-tab .ht-products .ht-product .ht-product-inner:hover{
     1888
     1889.diy-product-tab .ht-products .ht-product .ht-product-inner:hover {
    15101890  box-shadow: none !important;
    15111891}
    1512 .diy-product-tab .ht-product-inner .woolentor-btn-text-cart li:first-child{
     1892
     1893.diy-product-tab .ht-product-inner .woolentor-btn-text-cart li:first-child {
    15131894  display: none !important;
    15141895}
    1515 .diy-product-tab .ht-products .ht-product-content-inner .ht-product-price ,
    1516 .diy-product-tab .ht-products .ht-product-content-inner .ht-product-ratting-wrap{
    1517 display: inline-block !important;
    1518 }
    1519 
    1520 .diy-product-tab .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-ratting-wrap + .ht-product-action{
     1896
     1897.diy-product-tab .ht-products .ht-product-content-inner .ht-product-price,
     1898.diy-product-tab .ht-products .ht-product-content-inner .ht-product-ratting-wrap {
     1899  display: inline-block !important;
     1900}
     1901
     1902.diy-product-tab .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-ratting-wrap+.ht-product-action {
    15211903  margin-top: 3px !important;
    15221904}
    1523 .diy-product-tab .ht-products .ht-product-content-inner .ht-product-action{
     1905
     1906.diy-product-tab .ht-products .ht-product-content-inner .ht-product-action {
    15241907  justify-content: center !important;
    15251908}
    15261909
    1527 .diy-product-tab .ht-product-content-inner .woolentor-cart a:after{
     1910.diy-product-tab .ht-product-content-inner .woolentor-cart a:after {
    15281911  font-family: 'Font Awesome 5 Free';
    15291912  font-weight: 900;
    … …  
    15361919  right: 104%;
    15371920}
     1921
    15381922.diy-product-tab .ht-product-inner .ht-product-image-wrap:before {
    15391923  position: absolute;
    … …  
    15471931  opacity: 0;
    15481932}
    1549 .diy-product-tab .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right{
     1933
     1934.diy-product-tab .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right {
    15501935  color: #ffffff !important;
    15511936  background: #000000 !important;
    15521937  padding: 3px !important;
    15531938}
    1554 .diy-product-tab .ht-product-inner .ht-product-image-wrap:hover::before{
     1939
     1940.diy-product-tab .ht-product-inner .ht-product-image-wrap:hover::before {
    15551941  opacity: 1;
    15561942}
    1557 .diy-product-tab .ht-product-content-inner .woolentor-cart .added_to_cart.wc-forward{
     1943
     1944.diy-product-tab .ht-product-content-inner .woolentor-cart .added_to_cart.wc-forward {
    15581945  margin-top: 0px !important;
    15591946  background: none;
    15601947}
    1561 .diy-product-tab .ht-tab-menus li{
    1562 margin-right: 0px !important;
    1563 }
     1948
     1949.diy-product-tab .ht-tab-menus li {
     1950  margin-right: 0px !important;
     1951}
Note: See TracChangeset for help on using the changeset viewer.