Make WordPress Themes

Changeset 313062


Ignore:
Timestamp:
02/12/2026 05:28:45 AM (9 months ago)
Author:
themedropbox
Message:

New version of Tattoo Studio - 0.1.8

Location:
tattoo-studio/0.1.8
Files:
13 edited
1 copied

Legend:

Unmodified
Added
Removed
  • tattoo-studio/0.1.8/functions.php

    r304404 r313062  
    381381}
    382382
     383add_filter( 'woocommerce_single_product_image_thumbnail_html', function( $html ) {
     384    return '<div class="product-img">' . $html . '</div>';
     385});
     386
    383387/**
    384388 * Change number or products per row to 4
  • tattoo-studio/0.1.8/includes/color-setting/custom-color-control.php

    r265748 r313062  
    4242        $tattoo_studio_theme_custom_setting_css .='}';
    4343    }
     44
     45    // Featured Image Hover Effect
     46    $tattoo_studio_show_featured = get_theme_mod('tattoo_studio_featured_image_hide_show', 1);
     47    $tattoo_studio_hover_effect = get_theme_mod('tattoo_studio_single_post_featured_image_hover','none');
     48
     49    if ( $tattoo_studio_show_featured && $tattoo_studio_hover_effect !== 'none' ) {
     50
     51    $tattoo_studio_theme_custom_setting_css .= '
     52    .post-img img{
     53        transition: all 0.4s ease;
     54    }';
     55
     56    if ( $tattoo_studio_hover_effect === 'zoom-in' ) {
     57        $tattoo_studio_theme_custom_setting_css .= '
     58        .post-img:hover img{
     59            transform: scale(1.2);
     60        }';
     61    }
     62
     63    if ( $tattoo_studio_hover_effect === 'zoom-out' ) {
     64        $tattoo_studio_theme_custom_setting_css .= '
     65        .post-img img{ transform: scale(1.2); }
     66        .post-img:hover img{ transform: scale(1); }';
     67    }
     68
     69    if ( $tattoo_studio_hover_effect === 'grayscale' ) {
     70        $tattoo_studio_theme_custom_setting_css .= '
     71        .post-img img{ filter: grayscale(100%); }
     72        .post-img:hover img{ filter: grayscale(0); }';
     73    }
     74
     75    if ( $tattoo_studio_hover_effect === 'sepia' ) {
     76        $tattoo_studio_theme_custom_setting_css .= '
     77        .post-img:hover img{ filter: sepia(100%); }';
     78    }
     79
     80    if ( $tattoo_studio_hover_effect === 'blur' ) {
     81        $tattoo_studio_theme_custom_setting_css .= '
     82        .post-img:hover img{ filter: blur(3px); }';
     83    }
     84
     85    if ( $tattoo_studio_hover_effect === 'bright' ) {
     86        $tattoo_studio_theme_custom_setting_css .= '
     87        .post-img:hover img{ filter: brightness(1.3); }';
     88    }
     89
     90    if ( $tattoo_studio_hover_effect === 'translate' ) {
     91        $tattoo_studio_theme_custom_setting_css .= '
     92        .post-img:hover img{ transform: translateY(-10px); }';
     93    }
     94
     95    if ( $tattoo_studio_hover_effect === 'scale' ) {
     96        $tattoo_studio_theme_custom_setting_css .= '
     97        .post-img:hover img{ transform: scale(1.1); }';
     98    }
     99}
     100 // Product Featured Image Hover Effect
     101    $tattoo_studio_show_featured = get_theme_mod('tattoo_studio_featured_image_hide_show', 1);
     102    $tattoo_studio_hover_effect = get_theme_mod('tattoo_studio_product_featured_image_hover','none');
     103
     104    if ( $tattoo_studio_show_featured && $tattoo_studio_hover_effect !== 'none' ) {
     105
     106    $tattoo_studio_theme_custom_setting_css .= '
     107    .product-img img{
     108        transition: all 0.4s ease;
     109    }';
     110
     111    if ( $tattoo_studio_hover_effect === 'zoom-in' ) {
     112        $tattoo_studio_theme_custom_setting_css .= '
     113        .product-img:hover img{
     114            transform: scale(1.2);
     115        }';
     116    }
     117
     118    if ( $tattoo_studio_hover_effect === 'zoom-out' ) {
     119        $tattoo_studio_theme_custom_setting_css .= '
     120        .product-img img{ transform: scale(1.2); }
     121        .product-img:hover img{ transform: scale(1); }';
     122    }
     123
     124    if ( $tattoo_studio_hover_effect === 'grayscale' ) {
     125        $tattoo_studio_theme_custom_setting_css .= '
     126        .product-img img{ filter: grayscale(100%); }
     127        .product-img:hover img{ filter: grayscale(0); }';
     128    }
     129
     130    if ( $tattoo_studio_hover_effect === 'sepia' ) {
     131        $tattoo_studio_theme_custom_setting_css .= '
     132        .product-img:hover img{ filter: sepia(100%); }';
     133    }
     134
     135    if ( $tattoo_studio_hover_effect === 'blur' ) {
     136        $tattoo_studio_theme_custom_setting_css .= '
     137        .product-img:hover img{ filter: blur(3px); }';
     138    }
     139
     140    if ( $tattoo_studio_hover_effect === 'bright' ) {
     141        $tattoo_studio_theme_custom_setting_css .= '
     142        .product-img:hover img{ filter: brightness(1.3); }';
     143    }
     144
     145    if ( $tattoo_studio_hover_effect === 'translate' ) {
     146        $tattoo_studio_theme_custom_setting_css .= '
     147        .product-img:hover img{ transform: translateY(-10px); }';
     148    }
     149
     150    if ( $tattoo_studio_hover_effect === 'scale' ) {
     151        $tattoo_studio_theme_custom_setting_css .= '
     152        .product-img:hover img{ transform: scale(1.1); }';
     153    }
     154}   
  • tattoo-studio/0.1.8/includes/customizer.php

    r299345 r313062  
    670670                ),
    671671        ] );
     672
     673        Kirki::add_field( 'theme_config_id', [
     674    'type'     => 'custom',
     675    'settings' => 'tattoo_studio_show_product_featured_image_hover_heading',
     676    'section'  => 'tattoo_studio_woocommerce_settings',
     677    'default'  => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1;">' . __( 'Product Featured Image Hover Effect', 'tattoo-studio' ) . '</h3>',
     678    'priority' => 20,
     679   ] );
     680
     681        Kirki::add_field( 'theme_config_id', [
     682    'type'     => 'select',
     683    'settings' => 'tattoo_studio_product_featured_image_hover',
     684    'label'    => esc_html__( 'Product Featured Image Hover Effect', 'tattoo-studio' ),
     685    'section'  => 'tattoo_studio_woocommerce_settings',
     686    'default'  => 'none',
     687    'priority' => 30,
     688    'choices'  => [
     689        'none'      => esc_html__( 'None', 'tattoo-studio' ),
     690        'zoom-in'   => esc_html__( 'Zoom In', 'tattoo-studio' ),
     691        'zoom-out'  => esc_html__( 'Zoom Out', 'tattoo-studio' ),
     692        'scale'     => esc_html__( 'Scale', 'tattoo-studio' ),
     693        'grayscale' => esc_html__( 'Grayscale', 'tattoo-studio' ),
     694        'blur'      => esc_html__( 'Blur', 'tattoo-studio' ),
     695        'bright'    => esc_html__( 'Bright', 'tattoo-studio' ),
     696        'sepia'     => esc_html__( 'Sepia', 'tattoo-studio' ),
     697        'translate' => esc_html__( 'Translate', 'tattoo-studio' ),
     698    ],
     699    ] );
    672700       
    673701        //ADDITIONAL SETTINGS
    … …  
    12541282
    12551283        Kirki::add_field( 'theme_config_id', [
     1284        'type'     => 'select',
     1285        'tab'      => 'single-post',
     1286        'settings' => 'tattoo_studio_single_post_featured_image_hover',
     1287        'label'    => esc_html__( 'Featured Image Hover Effect', 'tattoo-studio' ),
     1288        'section'  => 'tattoo_studio_blog_post',
     1289        'default'  => 'none',
     1290        'priority' => 20,
     1291        'choices'  => [
     1292                'none'      => esc_html__( 'None', 'tattoo-studio' ),
     1293                'zoom-in'   => esc_html__( 'Zoom In', 'tattoo-studio' ),
     1294                'zoom-out'  => esc_html__( 'Zoom Out', 'tattoo-studio' ),
     1295                'scale'     => esc_html__( 'Scale', 'tattoo-studio' ),
     1296                'grayscale' => esc_html__( 'Grayscale', 'tattoo-studio' ),
     1297                'blur'      => esc_html__( 'Blur', 'tattoo-studio' ),
     1298                'bright'    => esc_html__( 'Bright', 'tattoo-studio' ),
     1299                'sepia'     => esc_html__( 'Sepia', 'tattoo-studio' ),
     1300                'translate' => esc_html__( 'Translate', 'tattoo-studio' ),
     1301        ],
     1302    ] );
     1303
     1304        Kirki::add_field( 'theme_config_id', [
    12561305                'type'        => 'custom',
    12571306                'tab'      => 'single-post',
  • tattoo-studio/0.1.8/includes/getstart/getstart.css

    r304404 r313062  
    417417}
    418418
     419.quick-btn a:hover{
     420    background:#2195af;
     421}
     422.premium-btn a:hover{
     423    background:#2195af;
     424}
     425.demo-btn a:hover{
     426    background:#2195af;
     427}
     428.doc-btn a:hover{
     429    background:#2195af;
     430}
     431
    419432.premium-features ul li {
    420433    margin-bottom: 10px;
    … …  
    591604
    592605.tattoo-studio-recommended-plugins a.button:hover {
    593     border: 1px solid #1E2957;
    594     background: #1E2957;
     606    border: 1px solid #2195af;
     607    background: #2195af;
    595608}
    596609.tattoo-studio-recommended-plugins a.button:focus {
  • tattoo-studio/0.1.8/includes/getstart/getstart.php

    r304404 r313062  
    4545                $tattoo_studio_changelog_list = tattoo_studio_parse_changelog( $tattoo_studio_changelog );
    4646
    47                 // ✅ wrapper + button add kiya gaya hai
    4847                echo '<div id="tattoo-studio-changelog-container">';
    4948                echo wp_kses_post( $tattoo_studio_changelog_list );
  • tattoo-studio/0.1.8/includes/product-create.php

    r265748 r313062  
    121121        foreach ( $tattoo_studio_product_ids as $tattoo_studio_product_id ) {
    122122        update_post_meta( $tattoo_studio_product_id, 'tattoo_studio_product_image_gallery', $tattoo_studio_product_image_gallery );
    123         }
    124 }
    125 
     123
     124        }
     125
     126        /* Create Menu */
     127            $tattoo_studio_menuname  = 'Main Menus';
     128            $tattoo_studio_location  = 'main-menu';
     129
     130            $tattoo_studio_menu = wp_get_nav_menu_object( $tattoo_studio_menuname );
     131
     132            if ( ! $tattoo_studio_menu ) {
     133            $tattoo_studio_menu_id = wp_create_nav_menu( $tattoo_studio_menuname );
     134
     135           // Home Page
     136                        wp_update_nav_menu_item( $tattoo_studio_menu_id, 0, array(
     137                                'menu-item-title'     => __( 'Home', 'tattoo-studio' ),
     138                                'menu-item-url'       => home_url( '/' ),
     139                                'menu-item-type'      => 'custom',
     140                                'menu-item-status'    => 'publish',
     141                        ) );
     142
     143                        // About Us Page
     144                        $tattoo_studio_about_id = wp_insert_post( array(
     145                        'post_type'   => 'page',
     146                        'post_content' => 'We are committed to providing reliable, professional, and result-oriented solutions tailored to meet individual needs. Our goal is to empower people with the right guidance, knowledge, and support to help them make informed decisions for a better future. <br><br> Our mission is to deliver high-quality services with honesty, transparency, and dedication. We focus on understanding client requirements and offering practical solutions that create long-term value. <br><br> With a client-centric approach, experienced professionals, and a commitment to excellence, we ensure every individual receives the attention and guidance they deserve. We believe in building trust through quality service and consistent results.',
     147                        'post_title'  => 'About Us',
     148                        'post_status' => 'publish',
     149                        ) );
     150
     151                        if ( $tattoo_studio_about_id ) {
     152                        wp_update_nav_menu_item( $tattoo_studio_menu_id, 0, array(
     153                        'menu-item-title'     => 'About Us',
     154                        'menu-item-object'    => 'page',
     155                        'menu-item-object-id' => $tattoo_studio_about_id,
     156                        'menu-item-type'      => 'post_type',
     157                        'menu-item-status'    => 'publish',
     158                        ) );
     159                        }
     160
     161                        // Portfolio Page
     162                        $tattoo_studio_about_id = wp_insert_post( array(
     163                        'post_type'   => 'page',
     164                        'post_content' => 'We are committed to providing reliable, professional, and result-oriented solutions tailored to meet individual needs. Our goal is to empower people with the right guidance, knowledge, and support to help them make informed decisions for a better future. <br><br> Our mission is to deliver high-quality services with honesty, transparency, and dedication. We focus on understanding client requirements and offering practical solutions that create long-term value. <br><br> With a client-centric approach, experienced professionals, and a commitment to excellence, we ensure every individual receives the attention and guidance they deserve. We believe in building trust through quality service and consistent results.',
     165                        'post_title'  => 'Portfolio',
     166                        'post_status' => 'publish',
     167                        ) );
     168
     169                        if ( $tattoo_studio_about_id ) {
     170                        wp_update_nav_menu_item( $tattoo_studio_menu_id, 0, array(
     171                        'menu-item-title'     => 'Portfolio',
     172                        'menu-item-object'    => 'page',
     173                        'menu-item-object-id' => $tattoo_studio_about_id,
     174                        'menu-item-type'      => 'post_type',
     175                        'menu-item-status'    => 'publish',
     176                        ) );
     177                        }
     178
     179                        // Elements Page
     180                        $tattoo_studio_about_id = wp_insert_post( array(
     181                        'post_type'   => 'page',
     182                        'post_content' => 'We are committed to providing reliable, professional, and result-oriented solutions tailored to meet individual needs. Our goal is to empower people with the right guidance, knowledge, and support to help them make informed decisions for a better future. <br><br> Our mission is to deliver high-quality services with honesty, transparency, and dedication. We focus on understanding client requirements and offering practical solutions that create long-term value. <br><br> With a client-centric approach, experienced professionals, and a commitment to excellence, we ensure every individual receives the attention and guidance they deserve. We believe in building trust through quality service and consistent results.',
     183                        'post_title'  => 'Elements',
     184                        'post_status' => 'publish',
     185                        ) );
     186
     187                        if ( $tattoo_studio_about_id ) {
     188                        wp_update_nav_menu_item( $tattoo_studio_menu_id, 0, array(
     189                        'menu-item-title'     => 'Elements',
     190                        'menu-item-object'    => 'page',
     191                        'menu-item-object-id' => $tattoo_studio_about_id,
     192                        'menu-item-type'      => 'post_type',
     193                        'menu-item-status'    => 'publish',
     194                        ) );
     195                        }
     196
     197                        // Contact Us Page
     198                        $tattoo_studio_about_id = wp_insert_post( array(
     199                        'post_type'   => 'page',
     200                        'post_content' => 'We are committed to providing reliable, professional, and result-oriented solutions tailored to meet individual needs. Our goal is to empower people with the right guidance, knowledge, and support to help them make informed decisions for a better future. <br><br> Our mission is to deliver high-quality services with honesty, transparency, and dedication. We focus on understanding client requirements and offering practical solutions that create long-term value. <br><br> With a client-centric approach, experienced professionals, and a commitment to excellence, we ensure every individual receives the attention and guidance they deserve. We believe in building trust through quality service and consistent results.',
     201                        'post_title'  => 'Contact Us',
     202                        'post_status' => 'publish',
     203                        ) );
     204
     205                        if ( $tattoo_studio_about_id ) {
     206                        wp_update_nav_menu_item( $tattoo_studio_menu_id, 0, array(
     207                        'menu-item-title'     => 'Contact Us',
     208                        'menu-item-object'    => 'page',
     209                        'menu-item-object-id' => $tattoo_studio_about_id,
     210                        'menu-item-type'      => 'post_type',
     211                        'menu-item-status'    => 'publish',
     212                        ) );
     213                        }
     214
     215            // Create Shop Page
     216                $tattoo_studio_about_title = 'Shop';
     217                $tattoo_studio_about_content = 'Lorem ipsum dolor sit amet...';
     218
     219                $shop_page = get_page_by_path('shop');
     220                if ( !$shop_page ) {
     221                    $tattoo_studio_about = array(
     222                        'post_type'   => 'page',
     223                        'post_title'  => $tattoo_studio_about_title,
     224                        'post_content'=> $tattoo_studio_about_content,
     225                        'post_status' => 'publish',
     226                        'post_author' => 1,
     227                        'post_name'   => 'shop'
     228                        );
     229                        $tattoo_studio_about_id = wp_insert_post($tattoo_studio_about);
     230                    } else {
     231                        $tattoo_studio_about_id = $shop_page->ID;
     232                    }
     233
     234                    wp_update_nav_menu_item($tattoo_studio_menu_id, 0, array(
     235                        'menu-item-title'   => __('Shop', 'tattoo-studio'),
     236                        'menu-item-classes' => 'shop',
     237                        'menu-item-object-id' => $tattoo_studio_about_id,
     238                        'menu-item-object'  => 'page',
     239                        'menu-item-type'    => 'post_type',
     240                        'menu-item-status'  => 'publish'
     241                    ));
     242
     243                        /* Assign Menu Location */
     244                        $tattoo_studio_locations = get_theme_mod( 'nav_menu_locations', array() );
     245                        $tattoo_studio_locations[ $tattoo_studio_location ] = $tattoo_studio_menu_id;
     246                        set_theme_mod( 'nav_menu_locations', $tattoo_studio_locations );
     247                }
     248    }
    126249}
    127250 
  • tattoo-studio/0.1.8/includes/tgm/class-tgm-plugin-activation.php

    r264917 r313062  
    99 *
    1010 * @package   TGM-Plugin-Activation
    11  * @version   2.6.1 for parent theme Tattoo Studio for publication on WordPress.org
     11 * @version   2.6.1
    1212 * @link      http://tgmpluginactivation.com/
    1313 * @author    Thomas Griffin, Gary Jones, Juliette Reinders Folmer
    … …  
    3232        Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    3333*/
     34
     35// Exit if accessed directly.
     36if ( ! defined( 'ABSPATH' ) ) {
     37        return;
     38}
    3439
    3540if ( ! class_exists( 'TGM_Plugin_Activation' ) ) {
    … …  
    260265                        do_action_ref_array( 'tgmpa_init', array( $this ) );
    261266
    262 
     267                        /*
     268                         * Load our text domain and allow for overloading the fall-back file.
     269                         *
     270                         * {@internal IMPORTANT! If this code changes, review the regex in the custom TGMPA
     271                         * generator on the website.}}
     272                         */
     273                        add_action( 'init', array( $this, 'load_textdomain' ), 5 );
     274                        add_filter( 'load_textdomain_mofile', array( $this, 'overload_textdomain_mofile' ), 10, 2 );
    263275
    264276                        // When the rest of WP has loaded, kick-start the rest of the class.
    … …  
    283295                 */
    284296                public function __set( $name, $value ) {
     297                        // phpcs:ignore Squiz.PHP.NonExecutableCode.ReturnNotRequired -- See explanation above.
    285298                        return;
    286299                }
    … …  
    332345                                'updating'                        => __( 'Updating Plugin: %s', 'tattoo-studio' ),
    333346                                'oops'                            => __( 'Something went wrong with the plugin API.', 'tattoo-studio' ),
     347                                /* translators: 1: plugin name(s). */
    334348                                'notice_can_install_required'     => _n_noop(
    335                                         /* translators: 1: plugin name(s). */
    336349                                        'This theme requires the following plugin: %1$s.',
    337350                                        'This theme requires the following plugins: %1$s.',
    338351                                        'tattoo-studio'
    339352                                ),
     353                                /* translators: 1: plugin name(s). */
    340354                                'notice_can_install_recommended'  => _n_noop(
    341                                         /* translators: 1: plugin name(s). */
    342355                                        'This theme recommends the following plugin: %1$s.',
    343356                                        'This theme recommends the following plugins: %1$s.',
    344357                                        'tattoo-studio'
    345358                                ),
     359                                /* translators: 1: plugin name(s). */
    346360                                'notice_ask_to_update'            => _n_noop(
    347                                         /* translators: 1: plugin name(s). */
    348361                                        'The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: %1$s.',
    349362                                        'The following plugins need to be updated to their latest version to ensure maximum compatibility with this theme: %1$s.',
    350363                                        'tattoo-studio'
    351364                                ),
     365                                /* translators: 1: plugin name(s). */
    352366                                'notice_ask_to_update_maybe'      => _n_noop(
    353                                         /* translators: 1: plugin name(s). */
    354367                                        'There is an update available for: %1$s.',
    355368                                        'There are updates available for the following plugins: %1$s.',
    356369                                        'tattoo-studio'
    357370                                ),
     371                                /* translators: 1: plugin name(s). */
    358372                                'notice_can_activate_required'    => _n_noop(
    359                                         /* translators: 1: plugin name(s). */
    360373                                        'The following required plugin is currently inactive: %1$s.',
    361374                                        'The following required plugins are currently inactive: %1$s.',
    362375                                        'tattoo-studio'
    363376                                ),
     377                                /* translators: 1: plugin name(s). */
    364378                                'notice_can_activate_recommended' => _n_noop(
    365                                         /* translators: 1: plugin name(s). */
    366379                                        'The following recommended plugin is currently inactive: %1$s.',
    367380                                        'The following recommended plugins are currently inactive: %1$s.',
    … …  
    445458                                add_action( 'switch_theme', array( $this, 'force_deactivation' ) );
    446459                        }
     460
     461                        // Add CSS for the TGMPA admin page.
     462                        add_action( 'admin_head', array( $this, 'admin_css' ) );
     463                }
     464
     465                /**
     466                 * Load translations.
     467                 *
     468                 * @since 2.6.0
     469                 *
     470                 * (@internal Uses `load_theme_textdomain()` rather than `load_plugin_textdomain()` to
     471                 * get round the different ways of handling the path and deprecated notices being thrown
     472                 * and such. For plugins, the actual file name will be corrected by a filter.}}
     473                 *
     474                 * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA
     475                 * generator on the website.}}
     476                 */
     477                public function load_textdomain() {
     478                        if ( is_textdomain_loaded( 'tattoo-studio' ) ) {
     479                                return;
     480                        }
     481
     482                        if ( false !== strpos( __FILE__, WP_PLUGIN_DIR ) || false !== strpos( __FILE__, WPMU_PLUGIN_DIR ) ) {
     483                                // Plugin, we'll need to adjust the file name.
     484                                add_action( 'load_textdomain_mofile', array( $this, 'correct_plugin_mofile' ), 10, 2 );
     485                                load_theme_textdomain( 'tattoo-studio', dirname( __FILE__ ) . '/languages' );
     486                                remove_action( 'load_textdomain_mofile', array( $this, 'correct_plugin_mofile' ), 10 );
     487                        } else {
     488                                load_theme_textdomain( 'tattoo-studio', dirname( __FILE__ ) . '/languages' );
     489                        }
     490                }
     491
     492                /**
     493                 * Correct the .mo file name for (must-use) plugins.
     494                 *
     495                 * Themese use `/path/{locale}.mo` while plugins use `/path/{text-domain}-{locale}.mo`.
     496                 *
     497                 * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA
     498                 * generator on the website.}}
     499                 *
     500                 * @since 2.6.0
     501                 *
     502                 * @param string $mofile Full path to the target mofile.
     503                 * @param string $domain The domain for which a language file is being loaded.
     504                 * @return string $mofile
     505                 */
     506                public function correct_plugin_mofile( $mofile, $domain ) {
     507                        // Exit early if not our domain (just in case).
     508                        if ( 'tattoo-studio' !== $domain ) {
     509                                return $mofile;
     510                        }
     511                        return preg_replace( '`/([a-z]{2}_[A-Z]{2}.mo)$`', '/tgmpa-$1', $mofile );
     512                }
     513
     514                /**
     515                 * Potentially overload the fall-back translation file for the current language.
     516                 *
     517                 * WP, by default since WP 3.7, will load a local translation first and if none
     518                 * can be found, will try and find a translation in the /wp-content/languages/ directory.
     519                 * As this library is theme/plugin agnostic, translation files for TGMPA can exist both
     520                 * in the WP_LANG_DIR /plugins/ subdirectory as well as in the /themes/ subdirectory.
     521                 *
     522                 * This method makes sure both directories are checked.
     523                 *
     524                 * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA
     525                 * generator on the website.}}
     526                 *
     527                 * @since 2.6.0
     528                 *
     529                 * @param string $mofile Full path to the target mofile.
     530                 * @param string $domain The domain for which a language file is being loaded.
     531                 * @return string $mofile
     532                 */
     533                public function overload_textdomain_mofile( $mofile, $domain ) {
     534                        // Exit early if not our domain, not a WP_LANG_DIR load or if the file exists and is readable.
     535                        if ( 'tattoo-studio' !== $domain || false === strpos( $mofile, WP_LANG_DIR ) || @is_readable( $mofile ) ) {
     536                                return $mofile;
     537                        }
     538
     539                        // Current fallback file is not valid, let's try the alternative option.
     540                        if ( false !== strpos( $mofile, '/themes/' ) ) {
     541                                return str_replace( '/themes/', '/plugins/', $mofile );
     542                        } elseif ( false !== strpos( $mofile, '/plugins/' ) ) {
     543                                return str_replace( '/plugins/', '/themes/', $mofile );
     544                        } else {
     545                                return $mofile;
     546                        }
    447547                }
    448548
    … …  
    556656
    557657                                global $tab, $body_id;
     658                                // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- WP requirement.
    558659                                $body_id = 'plugin-information';
    559                                 // @codingStandardsIgnoreStart
    560                                 $tab     = 'plugin-information';
    561                                 // @codingStandardsIgnoreEnd
     660
     661                                // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited -- Overriding the WP global is the point.
     662                                $tab = 'plugin-information';
    562663
    563664                                install_plugin_information();
    … …  
    631732                 */
    632733                protected function add_admin_menu( array $args ) {
    633                         $this->page_hook = add_theme_page( $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] );
     734                        if ( has_filter( 'tgmpa_admin_menu_use_add_theme_page' ) ) {
     735                                _deprecated_function( 'The "tgmpa_admin_menu_use_add_theme_page" filter', '2.5.0', esc_html__( 'Set the parent_slug config variable instead.', 'tattoo-studio' ) );
     736                        }
     737
     738                        if ( 'themes.php' === $this->parent_slug ) {
     739                                $this->page_hook = call_user_func( 'add_theme_page', $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] );
     740                        } else {
     741                                $this->page_hook = call_user_func( 'add_submenu_page', $args['parent_slug'], $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] );
     742                        }
    634743                }
    635744
    … …  
    647756                public function install_plugins_page() {
    648757                        // Store new instance of plugin table in object.
    649                         $plugin_table = new TGMPA_List_Table;
     758                        $plugin_table = new TGMPA_List_Table();
    650759
    651760                        // Return early if processing a plugin installation action.
    … …  
    735844                                $method = ''; // Leave blank so WP_Filesystem can populate it as necessary.
    736845
    737                                 if ( false === ( $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, array() ) ) ) {
     846                                $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, array() );
     847                                if ( false === $creds ) {
    738848                                        return true;
    739849                                }
    … …  
    792902                                if ( 'update' === $install_type ) {
    793903                                        // Inject our info into the update transient.
    794                                         $to_inject                    = array( $slug => $this->plugins[ $slug ] );
     904                                        $to_inject                    = array(
     905                                                $slug => $this->plugins[ $slug ],
     906                                        );
    795907                                        $to_inject[ $slug ]['source'] = $source;
    796908                                        $this->inject_update_info( $to_inject );
    … …  
    819931                                // Display message based on if all plugins are now active or not.
    820932                                if ( $this->is_tgmpa_complete() ) {
    821                                         echo '<p>', sprintf( esc_html( $this->strings['complete'] ), '<a href="' . esc_url( self_admin_url() ) . '">' . esc_html__( 'Return to the Dashboard', 'tattoo-studio' ) . '</a>' ), '</p>';
     933                                        echo '<p>', sprintf( esc_html( $this->strings['complete'] ), '<a href="' . esc_url( self_admin_url() ) . '">' . esc_html( $this->strings['dashboard'] ) . '</a>' ), '</p>';
    822934                                        echo '<style type="text/css">#adminmenu .wp-submenu li.current { display: none !important; }</style>';
    823935                                } else {
    … …  
    849961
    850962                        if ( ! is_object( $repo_updates ) ) {
    851                                 $repo_updates = new stdClass;
     963                                $repo_updates = new stdClass();
    852964                        }
    853965
    … …  
    856968
    857969                                if ( empty( $repo_updates->response[ $file_path ] ) ) {
    858                                         $repo_updates->response[ $file_path ] = new stdClass;
     970                                        $repo_updates->response[ $file_path ] = new stdClass();
    859971                                }
    860972
    … …  
    9261038                                                return trailingslashit( $to_path );
    9271039                                        } else {
    928                                                 return new WP_Error( 'rename_failed', esc_html__( 'The remote plugin package does not contain a folder with the desired slug and renaming did not work.', 'tattoo-studio' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', 'tattoo-studio' ), array( 'found' => $subdir_name, 'expected' => $desired_slug ) );
     1040                                                return new WP_Error(
     1041                                                        'rename_failed',
     1042                                                        esc_html__( 'The remote plugin package does not contain a folder with the desired slug and renaming did not work.', 'tattoo-studio' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', 'tattoo-studio' ),
     1043                                                        array(
     1044                                                                'found'    => $subdir_name,
     1045                                                                'expected' => $desired_slug,
     1046                                                        )
     1047                                                );
    9291048                                        }
    9301049                                } elseif ( empty( $subdir_name ) ) {
    931                                         return new WP_Error( 'packaged_wrong', esc_html__( 'The remote plugin package consists of more than one file, but the files are not packaged in a folder.', 'tattoo-studio' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', 'tattoo-studio' ), array( 'found' => $subdir_name, 'expected' => $desired_slug ) );
     1050                                        return new WP_Error(
     1051                                                'packaged_wrong',
     1052                                                esc_html__( 'The remote plugin package consists of more than one file, but the files are not packaged in a folder.', 'tattoo-studio' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', 'tattoo-studio' ),
     1053                                                array(
     1054                                                        'found'    => $subdir_name,
     1055                                                        'expected' => $desired_slug,
     1056                                                )
     1057                                        );
    9321058                                }
    9331059                        }
    … …  
    9601086                                                // Make sure message doesn't display again if bulk activation is performed
    9611087                                                // immediately after a single activation.
    962                                                 if ( ! isset( $_POST['action'] ) ) { // WPCS: CSRF OK.
     1088                                                // phpcs:ignore WordPress.Security.NonceVerification.Missing -- Not using the superglobal.
     1089                                                if ( ! isset( $_POST['action'] ) ) {
    9631090                                                        echo '<div id="message" class="updated"><p>', esc_html( $this->strings['activated_successfully'] ), ' <strong>', esc_html( $this->plugins[ $slug ]['name'] ), '.</strong></p></div>';
    9641091                                                }
    … …  
    9811108                                        // Make sure message doesn't display again if bulk activation is performed
    9821109                                        // immediately after a single activation.
    983                                         if ( ! isset( $_POST['action'] ) ) { // WPCS: CSRF OK.
     1110                                        // phpcs:ignore WordPress.Security.NonceVerification.Missing -- Not using the superglobal.
     1111                                        if ( ! isset( $_POST['action'] ) ) {
    9841112                                                echo '<div id="message" class="error"><p>',
    9851113                                                        sprintf(
    … …  
    11311259
    11321260                                // Register the nag messages and prepare them to be processed.
    1133                                 add_settings_error( 'tgmpa', 'tgmpa', $rendered, $this->get_admin_notice_class() );
     1261                                add_settings_error( 'tattoo-studio', 'tattoo-studio', $rendered, $this->get_admin_notice_class() );
    11341262                        }
    11351263
    … …  
    12311359                        global $wp_settings_errors;
    12321360
    1233                         settings_errors( 'tgmpa' );
     1361                        settings_errors( 'tattoo-studio' );
    12341362
    12351363                        foreach ( (array) $wp_settings_errors as $key => $details ) {
    1236                                 if ( 'tgmpa' === $details['setting'] ) {
     1364                                if ( 'tattoo-studio' === $details['setting'] ) {
    12371365                                        unset( $wp_settings_errors[ $key ] );
    12381366                                        break;
    … …  
    12761404
    12771405                        $defaults = array(
    1278                                 'name'               => '',      // String
    1279                                 'slug'               => '',      // String
    1280                                 'source'             => 'repo',  // String
    1281                                 'required'           => false,   // Boolean
    1282                                 'version'            => '',      // String
    1283                                 'force_activation'   => false,   // Boolean
    1284                                 'force_deactivation' => false,   // Boolean
    1285                                 'external_url'       => '',      // String
    1286                                 'is_callable'        => '',      // String|Array.
     1406                                'name'               => '',      // String.
     1407                                'slug'               => '',      // String.
     1408                                'source'             => 'repo',  // String.
     1409                                'required'           => false,   // Boolean.
     1410                                'version'            => '',      // String.
     1411                                'force_activation'   => false,   // Boolean.
     1412                                'force_deactivation' => false,   // Boolean.
     1413                                'external_url'       => '',      // String.
     1414                                'is_callable'        => '',      // String or array.
    12871415                        );
    12881416
    … …  
    15501678                                }
    15511679
    1552                                 $response = plugins_api( 'plugin_information', array( 'slug' => $slug, 'fields' => array( 'sections' => false ) ) );
     1680                                $response = plugins_api(
     1681                                        'plugin_information',
     1682                                        array(
     1683                                                'slug'   => $slug,
     1684                                                'fields' => array(
     1685                                                        'sections' => false,
     1686                                                ),
     1687                                        )
     1688                                );
    15531689
    15541690                                $api[ $slug ] = false;
    … …  
    16331769                                // Core update screen.
    16341770                                return true;
    1635                         } elseif ( 'plugins' === $screen->base && ! empty( $_POST['action'] ) ) { // WPCS: CSRF ok.
     1771                        } elseif ( 'plugins' === $screen->base && ! empty( $_POST['action'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing
    16361772                                // Plugins bulk update screen.
    16371773                                return true;
    1638                         } elseif ( 'update' === $screen->base && ! empty( $_POST['action'] ) ) { // WPCS: CSRF ok.
     1774                        } elseif ( 'update' === $screen->base && ! empty( $_POST['action'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing
    16391775                                // Individual updates (ajax call).
    16401776                                return true;
    … …  
    19822118
    19832119                /**
     2120                 * Adds CSS to admin head.
     2121                 *
     2122                 * @since 2.6.2
     2123                 */
     2124                public function admin_css() {
     2125                        if ( ! $this->is_tgmpa_page() ) {
     2126                                return;
     2127                        }
     2128
     2129                        echo '
     2130                        <style>
     2131                        #tgmpa-plugins .tgmpa-type-required > th {
     2132                                border-left: 3px solid #dc3232;
     2133                        }
     2134                        </style>';
     2135                }
     2136
     2137                /**
    19842138                 * Returns the singleton instance of the class.
    19852139                 *
    … …  
    20252179         * @param array $config  Optional. An array of configuration values.
    20262180         */
    2027         function tattoo_studio_tgmpa( $plugins, $config = array() ) {
     2181        function tgmpa( $plugins, $config = array() ) {
    20282182                $instance = call_user_func( array( get_class( $GLOBALS['tgmpa'] ), 'get_instance' ) );
    20292183
    … …  
    24782632                                $color = '';
    24792633                                if ( ! empty( $item['minimum_version'] ) && $this->tgmpa->does_plugin_require_update( $item['slug'] ) ) {
    2480                                         $color = ' color: #FF0000; font-weight: bold;';
     2634                                        $color = ' color: #ff0000; font-weight: bold;';
    24812635                                }
    24822636
    … …  
    25252679                 */
    25262680                public function no_items() {
    2527                         echo esc_html__( 'No plugins to install, update or activate.', 'tattoo-studio' ) . ' <a href="' . esc_url( self_admin_url() ) . '"> ' . esc_html__( 'Return to the Dashboard', 'tattoo-studio' ) . '</a>';
     2681                        echo esc_html__( 'No plugins to install, update or activate.', 'tattoo-studio' ) . ' <a href="' . esc_url( self_admin_url() ) . '"> ' . esc_html( $this->tgmpa->strings['dashboard'] ) . '</a>';
    25282682                        echo '<style type="text/css">#adminmenu .wp-submenu li.current { display: none !important; }</style>';
    25292683                }
    … …  
    26432797                 */
    26442798                public function single_row( $item ) {
    2645                         parent::single_row( $item );
     2799                        echo '<tr class="' . esc_attr( 'tgmpa-type-' . strtolower( $item['type'] ) ) . '">';
     2800                        $this->single_row_columns( $item );
     2801                        echo '</tr>';
    26462802
    26472803                        /**
    … …  
    26882844                 * @since 2.5.0
    26892845                 *
    2690                  * @param string $which 'top' or 'bottom' table navigation.
     2846                 * @param string $which Either 'top' or 'bottom' table navigation.
    26912847                 */
    26922848                public function extra_tablenav( $which ) {
    … …  
    28142970                                $fields = array_keys( $_POST ); // Extra fields to pass to WP_Filesystem.
    28152971
    2816                                 if ( false === ( $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, $fields ) ) ) {
     2972                                $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, $fields );
     2973                                if ( false === $creds ) {
    28172974                                        return true; // Stop the normal page form from displaying, credential request form will be shown.
    28182975                                }
    … …  
    29423099                                        $imploded     = empty( $plugin_names ) ? $last_plugin : ( implode( ', ', $plugin_names ) . ' ' . esc_html_x( 'and', 'plugin A *and* plugin B', 'tattoo-studio' ) . ' ' . $last_plugin );
    29433100
    2944                                         printf( // WPCS: xss ok.
     3101                                        printf(
    29453102                                                '<div id="message" class="updated"><p>%1$s %2$s.</p></div>',
    29463103                                                esc_html( _n( 'The following plugin was activated successfully:', 'The following plugins were activated successfully:', $count, 'tattoo-studio' ) ),
     3104                                                // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Pre-escaped via wrap_in_strong() method above.
    29473105                                                $imploded
    29483106                                        );
    … …  
    32893447                                                                break;
    32903448                                                        }
    3291                                                 } //end foreach $plugins
     3449                                                }
    32923450
    32933451                                                $this->maintenance_mode( false );
    … …  
    33093467                                                 * }
    33103468                                                 */
    3311                                                 do_action( 'upgrader_process_complete', $this, array(
    3312                                                         'action'  => 'install', // [TGMPA + ] adjusted.
    3313                                                         'type'    => 'plugin',
    3314                                                         'bulk'    => true,
    3315                                                         'plugins' => $plugins,
    3316                                                 ) );
     3469                                                do_action(
     3470                                                        // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- Using WP core hook.
     3471                                                        'upgrader_process_complete',
     3472                                                        $this,
     3473                                                        array(
     3474                                                                'action'  => 'install', // [TGMPA + ] adjusted.
     3475                                                                'type'    => 'plugin',
     3476                                                                'bulk'    => true,
     3477                                                                'plugins' => $plugins,
     3478                                                        )
     3479                                                );
    33173480
    33183481                                                $this->skin->bulk_footer();
    … …  
    35013664                                                                $this->upgrader->strings['skin_upgrade_start'] = __( 'The installation and activation process is starting. This process may take a while on some hosts, so please be patient.', 'tattoo-studio' );
    35023665                                                                /* translators: 1: plugin name. */
    3503                                                                 $this->upgrader->strings['skin_update_successful'] = __( '%1$s installed and activated successfully.', 'tattoo-studio' ) . ' <a href="#" class="hide-if-no-js" onclick="%2$s"><span>' . esc_html__( 'Show Details', 'tattoo-studio' ) . '</span><span class="hidden">' . esc_html__( 'Hide Details', 'tattoo-studio' ) . '</span>.</a>';
     3666                                                                $this->upgrader->strings['skin_update_successful'] = __( '%1$s installed and activated successfully.', 'tattoo-studio' );
    35043667                                                                $this->upgrader->strings['skin_upgrade_end']       = __( 'All installations and activations have been completed.', 'tattoo-studio' );
    35053668                                                                /* translators: 1: plugin name, 2: action number 3: total number of actions. */
    … …  
    35093672                                                                $this->upgrader->strings['skin_upgrade_start'] = __( 'The installation process is starting. This process may take a while on some hosts, so please be patient.', 'tattoo-studio' );
    35103673                                                                /* translators: 1: plugin name. */
    3511                                                                 $this->upgrader->strings['skin_update_successful'] = esc_html__( '%1$s installed successfully.', 'tattoo-studio' ) . ' <a href="#" class="hide-if-no-js" onclick="%2$s"><span>' . esc_html__( 'Show Details', 'tattoo-studio' ) . '</span><span class="hidden">' . esc_html__( 'Hide Details', 'tattoo-studio' ) . '</span>.</a>';
     3674                                                                $this->upgrader->strings['skin_update_successful'] = __( '%1$s installed successfully.', 'tattoo-studio' );
    35123675                                                                $this->upgrader->strings['skin_upgrade_end']       = __( 'All installations have been completed.', 'tattoo-studio' );
    35133676                                                                /* translators: 1: plugin name, 2: action number 3: total number of actions. */
    35143677                                                                $this->upgrader->strings['skin_before_update_header'] = __( 'Installing Plugin %1$s (%2$d/%3$d)', 'tattoo-studio' );
     3678                                                        }
     3679
     3680                                                        // Add "read more" link only for WP < 4.8.
     3681                                                        if ( version_compare( $this->tgmpa->wp_version, '4.8', '<' ) ) {
     3682                                                                $this->upgrader->strings['skin_update_successful'] .= ' <a href="#" class="hide-if-no-js" onclick="%2$s"><span>' . esc_html__( 'Show Details', 'tattoo-studio' ) . '</span><span class="hidden">' . esc_html__( 'Hide Details', 'tattoo-studio' ) . '</span>.</a>';
    35153683                                                        }
    35163684                                                }
    … …  
    35723740                                                        $update_actions['dashboard'] = sprintf(
    35733741                                                                esc_html( $this->tgmpa->strings['complete'] ),
    3574                                                                 '<a href="' . esc_url( self_admin_url() ) . '">' . esc_html__( 'Return to the Dashboard', 'tattoo-studio' ) . '</a>'
     3742                                                                '<a href="' . esc_url( self_admin_url() ) . '">' . esc_html( $this->tgmpa->strings['dashboard'] ) . '</a>'
    35753743                                                        );
    35763744                                                } else {
    … …  
    37153883                 */
    37163884                protected static function emulate_filter_bool( $value ) {
    3717                         // @codingStandardsIgnoreStart
     3885                        // phpcs:disable WordPress.Arrays.ArrayDeclarationSpacing.ArrayItemNoNewLine
    37183886                        static $true  = array(
    37193887                                '1',
    … …  
    37303898                                'off', 'Off', 'OFF',
    37313899                        );
    3732                         // @codingStandardsIgnoreEnd
     3900                        // phpcs:enable
    37333901
    37343902                        if ( is_bool( $value ) ) {
    … …  
    37523920                }
    37533921        } // End of class TGMPA_Utils
    3754 } // End of class_exists wrapper
     3922}
  • tattoo-studio/0.1.8/includes/tgm/tgm.php

    r264917 r313062  
    4646        );
    4747        $config = array();
    48         tattoo_studio_tgmpa( $plugins, $config );
     48        tgmpa( $plugins, $config );
    4949}
    5050add_action( 'tgmpa_register', 'tattoo_studio_register_recommended_plugins' );
  • tattoo-studio/0.1.8/readme.txt

    r308426 r313062  
    22Contributors: wpelemento
    33Requires at least: 5.0
    4 Stable tag: 0.1.6
     4Stable tag: 0.1.8
    55Requires PHP: 5.6
    66Tested up to: 6.9
    … …  
    2525
    2626Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
    27  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
     27* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
    2828
    2929Webfonts Loader
    … …  
    9494
    9595== Changelog ==
     96
     97= February-5-2026 :: 0.1.8
     98
     99* Added hover effect on product featured image.
     100* Added animation on single post.
     101* Added animation on related post.
     102* Hover color on getstarted button.
     103
     104= January-12-2026 :: 0.1.7
     105
     106* Updated rtl.css file.
     107* Added hover effect on single post featured image.
     108* Resolve css error.
     109* Added menu in demo import.
     110* Fetching products in shop page.
     111* Resolve tgm plugin error.     
    96112
    97113= January-1-2026 :: 0.1.6
  • tattoo-studio/0.1.8/rtl.css

    r288877 r313062  
    55
    66.screen-reader-text {
    7         border: 0;
    8         clip: rect(1px, 1px, 1px, 1px);
    9         clip-path: inset(50%);
    10         height: 1px;
    11         margin: -1px;
    12         overflow: hidden;
    13         padding: 0;
    14         position: absolute !important;
    15         width: 1px;
    16         word-wrap: normal !important;
    17         -webkit-transition: none;
    18         -moz-transition: none;
    19         -o-transition: none;
    20         transition: none;
    21 }
     7  border: 0;
     8  clip: rect(1px, 1px, 1px, 1px);
     9  clip-path: inset(50%);
     10  height: 1px;
     11  margin: -1px;
     12  overflow: hidden;
     13  padding: 0;
     14  position: absolute !important;
     15  width: 1px;
     16  word-wrap: normal !important;
     17  -webkit-transition: none;
     18  -moz-transition: none;
     19  -o-transition: none;
     20  transition: none;
     21}
     22
    2223.screen-reader-text:focus {
    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 }
     24  background-color: #f1f1f1;
     25  border-radius: 3px;
     26  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     27  clip: auto !important;
     28  clip-path: none;
     29  color: #21759b;
     30  display: block;
     31  font-size: 14px;
     32  font-weight: 600;
     33  height: auto;
     34  right: 5px;
     35  line-height: normal;
     36  padding: 15px 23px 14px;
     37  text-decoration: none;
     38  top: 5px;
     39  width: auto;
     40  z-index: 100000;
     41}
     42
    4143#content[tabindex="-1"]:focus {
    42         outline: 0;
    43 }
     44  outline: 0;
     45}
     46
    4447body {
    4548  font-family: "Inter", sans-serif;
    4649  color: #5b5b5b;
    47   margin:0;
     50  margin: 0;
    4851  background: #fff;
    4952}
    50 h1,h2,h3,h4,h5,h6{
    51         font-weight: bold;
    52         color: #121212;
     53
     54h1,
     55h2,
     56h3,
     57h4,
     58h5,
     59h6 {
     60  font-weight: bold;
     61  color: #121212;
    5362  font-family: "Cinzel", serif;
    5463}
     64
    5565a {
    56   color:#121212;
     66  color: #121212;
    5767  -webkit-transition: color .1s linear;
    5868  -moz-transition: color .1s linear;
    … …  
    6171  text-decoration: none;
    6272}
     73
    6374a:hover,
    6475a:focus {
    65   color:var(--primary-theme-color);
     76  color: var(--primary-theme-color);
    6677  text-decoration: none;
    6778}
    68 .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 {
     79
     80.post-single a,
     81.page-single a,
     82.sidebar-area .textwidget a,
     83.comment-content a,
     84.woocommerce-product-details__short-description a,
     85#tab-description a,
     86.extra-home-content a {
    6987  text-decoration: underline;
    70   color:var(--primary-theme-color);
    71 }
    72 .post-content a{
    73   color:var(--primary-theme-color);
    74 }
     88  color: var(--primary-theme-color);
     89}
     90
     91.post-content a {
     92  color: var(--primary-theme-color);
     93}
     94
    7595/* ===============================================
    7696   HEADER BOX
    7797   ============================================= */
    78 #site-navigation{
     98#site-navigation {
    7999  background-color: var(--secondary-theme-color);
    80100}
    81 .bottom-header{
     101
     102.bottom-header {
    82103  display: flex;
    83104  justify-content: flex-end;
    84105  align-items: center;
    85106}
    86 .search-icon{
     107
     108.search-icon {
    87109  margin-left: 20px;
    88110}
    89 .my-cart .cart-customlocation{
     111
     112.my-cart .cart-customlocation {
    90113  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.4707H15V13.3531C15 14.2627 14.1046 15.0001 13 15.0001H3C1.89543 15.0001 1 14.2627 1 13.3531V3.4707Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 1H2.5L1 3.47059H15L13.5 1Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 6.76465L10.2 8.41171H5.8L5 6.76465" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    91114  background-repeat: no-repeat;
    … …  
    93116  background-position: center center;
    94117}
     118
    95119.search-icon form.woocommerce-product-search {
    96120  border: solid 1px #e4e7ee;
    … …  
    99123  display: inline-block;
    100124}
     125
    101126.search-icon input#woocommerce-product-search-field-0 {
    102127  width: calc(100% - 90px);
    … …  
    106131  border: none;
    107132}
     133
    108134.search-icon form button {
    109   background: url(assets/images/search.png) no-repeat scroll
    110     var(--primary-theme-color) right 10px top 8px;
     135  background: url(assets/images/search.png) no-repeat scroll var(--primary-theme-color) right 10px top 8px;
    111136  border: none;
    112137  color: #fff;
    … …  
    129154  transition: color 0.3s ease, background-color 0.3s ease;
    130155}
     156
    131157.search-field::placeholder {
    132158  color: #000;
    133159}
    134   /* ===============================================
     160
     161/* ===============================================
    135162  FOOTER SOCIAL ICONS
    136163    ============================================= */
    137   .footer-links{
    138     text-align: right;
    139     padding: 6px 0px;
    140   }
    141   .footer-links i{
    142     color: #000;
    143     background: #fff;
    144     padding: 7px;
    145     border-radius: 3px;
    146   }
    147   .footer-links i:hover{
    148     color: var(--primary-theme-color);
    149   }
     164.footer-links {
     165  text-align: right;
     166  padding: 6px 0px;
     167}
     168
     169.footer-links i {
     170  color: #000;
     171  background: #fff;
     172  padding: 7px;
     173  border-radius: 3px;
     174}
     175
     176.footer-links i:hover {
     177  color: var(--primary-theme-color);
     178}
     179
    150180/* ===============================================
    151181   HEADER IMAGE
    152182   ============================================= */
    153183
    154   .header-image-box{
    155     position: relative;
    156     height: 550px;
    157     display: flex;
    158     align-items: center;
    159     background-position: center;
    160   }
    161   .header-image-box:before {
    162     position: absolute;
    163     content: "";
    164     top: 0;
    165     left: 0;
    166     right: 0;
    167     bottom: 0;
    168     background: #00000061;
    169     z-index: 1;
    170   }
    171   .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
    172     position: relative;
    173     z-index: 1;
    174     color: #fff;
    175   }
    176   .header-image-box h1{
    177     font-size: 65px;
    178   }
    179   .header-image-box h1 , .post-title a{
    180     word-wrap: break-word;
    181   }
     184.header-image-box {
     185  position: relative;
     186  height: 550px;
     187  display: flex;
     188  align-items: center;
     189  background-position: center;
     190}
     191
     192.header-image-box:before {
     193  position: absolute;
     194  content: "";
     195  top: 0;
     196  left: 0;
     197  right: 0;
     198  bottom: 0;
     199  background: #00000061;
     200  z-index: 1;
     201}
     202
     203.header-image-box h1,
     204.headerimgbox-meta span,
     205.crumb-box a,
     206.crumb-box,
     207.header-image-box p {
     208  position: relative;
     209  z-index: 1;
     210  color: #fff;
     211}
     212
     213.header-image-box h1 {
     214  font-size: 65px;
     215}
     216
     217.header-image-box h1,
     218.post-title a {
     219  word-wrap: break-word;
     220}
     221
    182222/* ===============================================
    183223   LOGO BOX
    184224   ============================================= */
    185225
    186   .logo a {
    187     color: #fff;
    188     font-size: 28px;
    189     line-height: 35px;
    190     text-decoration: none;
    191     -webkit-transition: color .1s linear;
    192     -moz-transition: color .1s linear;
    193     -o-transition: color .1s linear;
    194     transition: color .1s linear;
    195     font-weight: bold;
    196   }
    197   .logo span {
    198     display: block;
    199     font-size: 16px;
    200     line-height: 18px;
    201     color: #fff;
    202   }
     226.logo a {
     227  color: #fff;
     228  font-size: 28px;
     229  line-height: 35px;
     230  text-decoration: none;
     231  -webkit-transition: color .1s linear;
     232  -moz-transition: color .1s linear;
     233  -o-transition: color .1s linear;
     234  transition: color .1s linear;
     235  font-weight: bold;
     236}
     237
     238.logo span {
     239  display: block;
     240  font-size: 16px;
     241  line-height: 18px;
     242  color: #fff;
     243}
    203244
    204245/* ===============================================
    205246   MENU BOX
    206247   ============================================= */
    207   #main-menu {
    208     display:block;
    209     position:relative;
    210   }
    211   #main-menu ul {
    212     margin:0;
    213     padding: 0;
    214     display:block;
    215   }
    216   #main-menu ul li {
    217     position:relative;
    218     display:block;
    219     float:right;
    220     text-align:right;
    221   }
    222   #main-menu ul li a {
    223     display: block;
    224     z-index: 1;
    225     font-size: 14px;
    226     color: #fff;
    227     line-height: 1.5;
    228     font-weight: 400;
    229     text-transform: uppercase;
    230     margin: 12px 18px;
    231     font-family: "Anton", sans-serif;
    232     letter-spacing: 1px;
    233   }
    234 
    235   #main-menu .sub-menu li a:hover::after{
    236     display: none;
    237   }
    238   #main-menu a:hover,
    239   #main-menu ul li a:hover,
    240   #main-menu li:hover > a,
    241   #main-menu a:focus,
    242   #main-menu ul li a:focus,
    243   #main-menu li.focus > a,
    244   #main-menu li:focus > a,
    245   #main-menu ul li.current-menu-item > a,
    246   #main-menu ul li.current_page_item > a,
    247   #main-menu ul li.current-menu-parent > a,
    248   #main-menu ul li.current_page_ancestor > a,
    249   #main-menu ul li.current-menu-ancestor > a {
    250     color: #fff;
    251   }
    252   #main-menu ul.children ,
    253   #main-menu ul.sub-menu {
    254     opacity:0;
    255     position: absolute;
    256     top: 35px;
    257     right: -9999em;
    258     background:#f5f9ff;
    259     z-index:10001;
    260     width:190px;
    261     padding-right:0;
    262     -webkit-transition: opacity 0.3s ease 0s;
    263     -moz-transition: opacity 0.3s ease 0s;
    264     -o-transition: opacity 0.3s ease 0s;
    265     transition: opacity 0.3s ease 0s;   
    266   }
    267   #main-menu ul.children li ,
    268   #main-menu ul.sub-menu li {
    269     position:relative;
    270     margin:0;
    271     line-height:1.2em;
    272     text-transform:none;
    273     width:190px;
    274     min-height: inherit;
    275     margin:0;
    276   }
    277   #main-menu li li:hover > ul,
    278   #main-menu li li:focus > ul,
    279   #main-menu li li.focus > ul {
    280     top:0px;
    281     right: 100%;
    282   }
    283   #main-menu ul.children li a ,
    284   #main-menu ul.sub-menu li a {
    285     text-decoration:none;
    286     text-align:right;
    287     display:block;
    288     padding:10px 15px;
    289     margin:0;
    290     border:none;
    291     line-height:inherit;
    292     color: #121212;
    293   }
    294   #main-menu ul.children li a:hover,
    295   #main-menu ul.sub-menu li a:hover{
    296     background: var(--primary-theme-color);
    297     color: #fff;
    298     border-radius: 0;
    299   }
    300   #main-menu ul.children li ul:before,
    301   #main-menu ul.sub-menu li ul:before,
    302   .menu-toggle,
    303   .dropdown-toggle,
    304   button.close-menu {
    305     display:none;
    306   }
    307   #main-menu li:hover > ul,
    308   #main-menu li:focus > ul,
    309   #main-menu li.focus > ul {
    310     opacity:1;
    311     right: 0;
    312   }
     248#main-menu {
     249  display: block;
     250  position: relative;
     251}
     252
     253#main-menu ul {
     254  margin: 0;
     255  padding: 0;
     256  display: block;
     257}
     258
     259#main-menu ul li {
     260  position: relative;
     261  display: block;
     262  float: right;
     263  text-align: right;
     264}
     265
     266#main-menu ul li a {
     267  display: block;
     268  z-index: 1;
     269  font-size: 14px;
     270  color: #fff;
     271  line-height: 1.5;
     272  font-weight: 400;
     273  text-transform: uppercase;
     274  margin: 12px 18px;
     275  font-family: "Anton", sans-serif;
     276  letter-spacing: 1px;
     277}
     278
     279#main-menu .sub-menu li a:hover::after {
     280  display: none;
     281}
     282
     283#main-menu a:hover,
     284#main-menu ul li a:hover,
     285#main-menu li:hover>a,
     286#main-menu a:focus,
     287#main-menu ul li a:focus,
     288#main-menu li.focus>a,
     289#main-menu li:focus>a,
     290#main-menu ul li.current-menu-item>a,
     291#main-menu ul li.current_page_item>a,
     292#main-menu ul li.current-menu-parent>a,
     293#main-menu ul li.current_page_ancestor>a,
     294#main-menu ul li.current-menu-ancestor>a {
     295  color: #fff;
     296}
     297
     298#main-menu ul.children,
     299#main-menu ul.sub-menu {
     300  opacity: 0;
     301  position: absolute;
     302  top: 35px;
     303  right: -9999em;
     304  background: #f5f9ff;
     305  z-index: 10001;
     306  width: 190px;
     307  padding-right: 0;
     308  -webkit-transition: opacity 0.3s ease 0s;
     309  -moz-transition: opacity 0.3s ease 0s;
     310  -o-transition: opacity 0.3s ease 0s;
     311  transition: opacity 0.3s ease 0s;
     312}
     313
     314#main-menu ul.children li,
     315#main-menu ul.sub-menu li {
     316  position: relative;
     317  margin: 0;
     318  line-height: 1.2em;
     319  text-transform: none;
     320  width: 190px;
     321  min-height: inherit;
     322  margin: 0;
     323}
     324
     325#main-menu li li:hover>ul,
     326#main-menu li li:focus>ul,
     327#main-menu li li.focus>ul {
     328  top: 0px;
     329  right: 100%;
     330}
     331
     332#main-menu ul.children li a,
     333#main-menu ul.sub-menu li a {
     334  text-decoration: none;
     335  text-align: right;
     336  display: block;
     337  padding: 10px 15px;
     338  margin: 0;
     339  border: none;
     340  line-height: inherit;
     341  color: #121212;
     342}
     343
     344#main-menu ul.children li a:hover,
     345#main-menu ul.sub-menu li a:hover {
     346  background: var(--primary-theme-color);
     347  color: #fff;
     348  border-radius: 0;
     349}
     350
     351#main-menu ul.children li ul:before,
     352#main-menu ul.sub-menu li ul:before,
     353.menu-toggle,
     354.dropdown-toggle,
     355button.close-menu {
     356  display: none;
     357}
     358
     359#main-menu li:hover>ul,
     360#main-menu li:focus>ul,
     361#main-menu li.focus>ul {
     362  opacity: 1;
     363  right: 0;
     364}
     365
    313366/* ===============================================
    314367  menu dropdown css
    315368 ============================================= */
    316  #main-menu ul li.menu-item-has-children:after {
     369#main-menu ul li.menu-item-has-children:after {
    317370  content: "\f078";
    318371  font-family: 'Font Awesome 6 Free';
    … …  
    323376  display: inline-block;
    324377  padding: 0px;
    325   transform: translate(50% , -50%);
    326   color: #fff;
    327 }
    328 #main-menu ul li.menu-item-has-children{
     378  transform: translate(50%, -50%);
     379  color: #fff;
     380}
     381
     382#main-menu ul li.menu-item-has-children {
    329383  padding-left: 10px;
    330384  margin-left: 10px;
    331385}
     386
    332387#main-menu ul.sub-menu li.menu-item-has-children:after {
    333388  left: 30px;
    334389}
    335 img.custom-logo{
     390
     391img.custom-logo {
    336392  max-width: 100%;
    337393}
     394
    338395/* ===============================================
    339396   POST BOX
    340397   ============================================= */
    341398
    342   .sticky .post-content-box{
    343     background: #f2f8ff;
    344   }
    345   .post-box {
    346     box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    347     border-radius: 10px;
    348     text-align: center;
    349   }
    350   h3.post-title {
    351     font-size: 25px;
    352   }
    353   .post-content p{
    354     color: #5b5b5b;
    355   }
    356   .post-meta,.crumb-box a:hover{
    357     color: var(--primary-theme-color);
    358   }
    359   pre {
    360     display: block;
    361     padding: 9.5px;
    362     margin: 0 0 10px;
    363     font-size: 13px;
    364     line-height: 1.42857143;
    365     color: #121212;
    366     white-space: break-spaces;
    367     background-color: #f5f5f5;
    368     border: 1px solid #ccc;
    369     border-radius: 4px;
    370   }
    371   .post-content img,
    372   .post-thumbnail img,
    373   .post-content iframe,
    374   .post-content object,
    375   .post-content embed {
    376     max-width: 100%;
    377   }
    378   .post-content img,
    379   .post-thumbnail img {
    380     max-height:100%;
    381     height:auto;
    382   }
    383   .post-content:after {
    384     content: "";
    385     display: table;
    386     clear: both;
    387   }
    388   .post-content {
    389     word-wrap: break-word;
    390   }
    391   #content,footer {
    392     float: right;
    393     width: 100%;
    394   }
    395   .box {
    396     background-color: rgb(171 171 171 / 70%);
    397     text-align: center;
    398     overflow: hidden;
    399     position: relative;
    400   }
    401   .post-box:hover:before{
    402     opacity: 1;
    403     transform: translateX(0);
    404   }
    405   .box img{
    406     width: 100%;
    407     height: auto;
    408     transform: translateX(20px) scale(1.15);
    409     transition: all 0.5s ease;
    410   }
    411   .post-box:hover img{
    412     opacity: 0.2;
    413     transform: translateX(-20px) scale(1.15);
    414   }
    415   .box .box-content{
    416     opacity: 0;
    417     transform: scale(0);
    418     position: absolute;
    419     top: 50%;
    420     transform: translateY(-50%);
    421     right: 0;
    422     left: 0;
    423     text-align: center;
    424     z-index: 1;
    425     transition: all 0.5s ease;
    426   }
    427   .post-box:hover .box-content{
    428     opacity: 1;
    429     transform: scale(1);
    430   }
    431   p.slider-button a {
    432     background: var(--primary-theme-color);
    433     color: #fff;
    434     padding: 15px 20px;
    435     font-size: 15px;
    436     font-weight: bold;
    437   }
    438   p.slider-button a:hover {
    439     background: #121212;
    440   }
    441   .post-info span,
    442   .post-info a {
    443     color: #000;
    444     font-size: 16px;
    445     padding: 2px;
    446     display: inline-block;
    447   }
    448   .post-info a:hover,
    449   .entry-date:hover a,
    450   .entry-date:hover i,
    451   .entry-author:hover a,
    452   .entry-author:hover i
    453   {
    454     color: var(--primary-theme-color);
    455   }
    456   .post-info i {
    457     color: var(--primary-theme-color);
    458     font-size: 12px;
    459   }
     399.sticky .post-content-box {
     400  background: #f2f8ff;
     401}
     402
     403.post-box {
     404  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
     405  border-radius: 10px;
     406  text-align: center;
     407}
     408
     409h3.post-title {
     410  font-size: 25px;
     411}
     412
     413.post-content p {
     414  color: #5b5b5b;
     415}
     416
     417.post-meta,
     418.crumb-box a:hover {
     419  color: var(--primary-theme-color);
     420}
     421
     422pre {
     423  display: block;
     424  padding: 9.5px;
     425  margin: 0 0 10px;
     426  font-size: 13px;
     427  line-height: 1.42857143;
     428  color: #121212;
     429  white-space: break-spaces;
     430  background-color: #f5f5f5;
     431  border: 1px solid #ccc;
     432  border-radius: 4px;
     433}
     434
     435.post-content img,
     436.post-thumbnail img,
     437.post-content iframe,
     438.post-content object,
     439.post-content embed {
     440  max-width: 100%;
     441}
     442
     443.post-content img,
     444.post-thumbnail img {
     445  max-height: 100%;
     446  height: auto;
     447}
     448
     449.post-content:after {
     450  content: "";
     451  display: table;
     452  clear: both;
     453}
     454
     455.post-content {
     456  word-wrap: break-word;
     457}
     458
     459#content,
     460footer {
     461  float: right;
     462  width: 100%;
     463}
     464
     465.box {
     466  background-color: rgb(171 171 171 / 70%);
     467  text-align: center;
     468  overflow: hidden;
     469  position: relative;
     470}
     471
     472.post-box:hover:before {
     473  opacity: 1;
     474  transform: translateX(0);
     475}
     476
     477.box img {
     478  width: 100%;
     479  height: auto;
     480  transform: translateX(20px) scale(1.15);
     481  transition: all 0.5s ease;
     482}
     483
     484.post-box:hover img {
     485  opacity: 0.2;
     486  transform: translateX(-20px) scale(1.15);
     487}
     488
     489.box .box-content {
     490  opacity: 0;
     491  transform: scale(0);
     492  position: absolute;
     493  top: 50%;
     494  transform: translateY(-50%);
     495  right: 0;
     496  left: 0;
     497  text-align: center;
     498  z-index: 1;
     499  transition: all 0.5s ease;
     500}
     501
     502.post-box:hover .box-content {
     503  opacity: 1;
     504  transform: scale(1);
     505}
     506
     507p.slider-button a {
     508  background: var(--primary-theme-color);
     509  color: #fff;
     510  padding: 15px 20px;
     511  font-size: 15px;
     512  font-weight: bold;
     513}
     514
     515p.slider-button a:hover {
     516  background: #121212;
     517}
     518
     519.post-info span,
     520.post-info a {
     521  color: #000;
     522  font-size: 16px;
     523  padding: 2px;
     524  display: inline-block;
     525}
     526
     527.post-info a:hover,
     528.entry-date:hover a,
     529.entry-date:hover i,
     530.entry-author:hover a,
     531.entry-author:hover i {
     532  color: var(--primary-theme-color);
     533}
     534
     535.post-info i {
     536  color: var(--primary-theme-color);
     537  font-size: 12px;
     538}
     539
    460540/* ===============================================
    461541   Pagination
    … …  
    464544.pagination,
    465545.tattoo-studio-pagination {
    466         margin:25px 0;
    467 }
     546  margin: 25px 0;
     547}
     548
    468549.pagination .nav-links a,
    469550.pagination .nav-links span.current,
    470551.tattoo-studio-pagination a span,
    471552.tattoo-studio-pagination span.current {
    472         display:inline-block;
    473         text-decoration: none;
    474         padding:10px 12px;
    475         font-size:14px;
    476         font-weight: bold;
    477         color:#333;
    478         text-align:center;
    479         cursor:pointer;
    480         background:#f3f4f7;
    481 }
     553  display: inline-block;
     554  text-decoration: none;
     555  padding: 10px 12px;
     556  font-size: 14px;
     557  font-weight: bold;
     558  color: #333;
     559  text-align: center;
     560  cursor: pointer;
     561  background: #f3f4f7;
     562}
     563
    482564.pagination .nav-links a:hover,
    483565.pagination .nav-links a:focus,
    … …  
    488570.tattoo-studio-pagination a span:hover,
    489571.tattoo-studio-pagination a span:focus {
    490         background: var(--primary-theme-color);
    491         color: #fff;
     572  background: var(--primary-theme-color);
     573  color: #fff;
    492574}
    493575
    … …  
    495577## Comments
    496578--------------------------------------------------------------*/
    497 .comment-reply a:focus{
    498   color: #fff;
    499 }
     579.comment-reply a:focus {
     580  color: #fff;
     581}
     582
    500583.comment-respond input#submit:hover,
    501 .comment-reply a:hover{
    502         background: #121212;
    503 }
    504 .comment-form-url input,nav.navigation.pagination{
     584.comment-reply a:hover {
     585  background: #121212;
     586}
     587
     588.comment-form-url input,
     589nav.navigation.pagination {
    505590  width: 100%;
    506591}
     592
    507593.comment-respond input#submit {
    508594  background: var(--primary-theme-color);
    … …  
    512598  font-weight: 600;
    513599}
     600
    514601.comment-content a {
    515602  word-wrap: break-word;
    516603}
     604
    517605.bypostauthor {
    518606  display: block;
    519607}
     608
    520609.comments-title {
    521610  font-size: 1.125rem;
    522611}
     612
    523613.comment-body .pull-left {
    524614  padding-left: 0.625rem;
    525615}
     616
    526617.comment-list {
    527618  padding-right: 0;
    528619  border-bottom: 1px solid #00000047;
    529620}
     621
    530622.comment-list .comment {
    531623  display: block;
    532624}
     625
    533626.comment-list .pingback {
    534627  border-top: 1px solid rgba(0, 0, 0, 0.125);
    535628  padding: 0.563rem 0;
    536629}
     630
    537631.comment-list .pingback a {
    538632  margin-right: 5px;
    539633  margin-left: 5px;
    540634}
     635
    541636.comment-content.card-block {
    542637  padding: 15px;
    543638}
     639
    544640.comment-reply a {
    545641  padding: 10px;
    … …  
    547643  background: var(--primary-theme-color);
    548644}
    549 #comments footer.comment-reply.card-footer{
     645
     646#comments footer.comment-reply.card-footer {
    550647  border-top: none !important;
    551648  background-color: #fff !important;
    552649  margin-bottom: 10px;
    553650}
    554 #comments .comment-body img{
     651
     652#comments .comment-body img {
    555653  margin-bottom: 10px;
    556654}
     655
    557656/* ===============================================
    558657   SIDEBARS
    … …  
    563662  padding: 0 20px 0 0;
    564663}
     664
    565665.sidebar-area .textwidget img,
    566 .footer-area .textwidget img{
     666.footer-area .textwidget img {
    567667  width: 100%;
    568668  height: auto;
    569669}
     670
    570671.sidebar-area .sidebar-widget {
    571         margin-bottom: 25px;
    572 }
     672  margin-bottom: 25px;
     673}
     674
    573675.sidebar-area a,
    574676.sidebar-area p,
    … …  
    580682.sidebar-area th,
    581683.sidebar-area .textwidget {
    582         line-height:1.9em;
    583         font-weight: normal;
    584 }
    585 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
     684  line-height: 1.9em;
     685  font-weight: normal;
     686}
     687
     688.sidebar-area ul,
     689#calendar_wrap,
     690.sidebar-area .textwidget,
     691.tagcloud {
    586692  list-style: none;
    587693  margin: 0;
    588694}
     695
    589696.sidebar-area ul {
    590697  padding: 15px 30px 25px;
    … …  
    592699  border: solid 1px #e4e7ee;
    593700}
    594 .wp-calendar
    595 .sidebar-area li a,
     701
     702.wp-calendar .sidebar-area li a,
    596703.sidebar-area li {
    597704  font-size: 15px;
    598705  color: #5b5b5b;
    599706}
    600 .sidebar-area li a:hover, .sidebar-area li:hover{
     707
     708.sidebar-area li a:hover,
     709.sidebar-area li:hover {
    601710  color: var(--primary-theme-color);
    602711}
     712
    603713.sidebar-area li {
    604714  padding: 14px 10px;
    605715  border-bottom: solid 1px #e4e7ee;
    606716}
     717
    607718.sidebar-area h4.title {
    608         position: relative;
     719  position: relative;
    609720  font-size: 25px;
    610721  margin-right: 60px;
    611722  margin-bottom: 20px;
    612723}
     724
    613725.sidebar-area h4.title:before {
    614         position: absolute;
     726  position: absolute;
    615727  content: "";
    616728  width: 50px;
    … …  
    622734  margin: auto;
    623735}
     736
    624737.sidebar-area h4.title:after {
    625738  position: absolute;
    … …  
    634747  margin: auto;
    635748}
     749
    636750.sidebar-area .tagcloud a,
    637751.footer-area .tagcloud a {
    … …  
    644758  border: solid 1px #e4e7ee;
    645759}
    646 .footer-area .tagcloud a{
    647         border: solid 1px #fff;
    648         color: #fff;
    649 }
     760
     761.footer-area .tagcloud a {
     762  border: solid 1px #fff;
     763  color: #fff;
     764}
     765
    650766.sidebar-area .tagcloud a:before,
    651 .footer-area .tagcloud a:before  {
     767.footer-area .tagcloud a:before {
    652768  content: "#";
    653769}
     770
    654771.sidebar-area .tagcloud a:hover,
    655 .footer-area .tagcloud a:hover{
    656         background: var(--primary-theme-color);
    657         color: #fff;
    658 }
     772.footer-area .tagcloud a:hover {
     773  background: var(--primary-theme-color);
     774  color: #fff;
     775}
     776
    659777.sidebar-area .wp-block-group__inner-container h2 {
    660778  color: #000000 !important;
    661779  font-size: 20px;
    662780}
     781
    663782.sidebar-area select,
    664783.footer-area select,
    665 .sidebar-area textarea, #comments textarea,
     784.sidebar-area textarea,
     785#comments textarea,
    666786.sidebar-area input[type="text"],
    667  #comments input[type="text"],
    668  #comments input[type="search"],
    669  .sidebar-area input[type="search"],
     787#comments input[type="text"],
     788#comments input[type="search"],
     789.sidebar-area input[type="search"],
    670790.sidebar-area input[type="password"],
    671791.sidebar-area input[type="datetime"],
    … …  
    683803.sidebar-area .uneditable-input,
    684804#comments input[type="email"],
    685 #comments input[type="url"]{
    686         -webkit-border-radius: 0;
    687         -moz-border-radius: 0;
    688         border-radius: 0;
    689         width:100%;
    690         padding: 5px 2%;
    691         border: solid 1px #e4e7ee;
    692 }
    693 .sidebar-area ol.wp-block-latest-comments{
     805#comments input[type="url"] {
     806  -webkit-border-radius: 0;
     807  -moz-border-radius: 0;
     808  border-radius: 0;
     809  width: 100%;
     810  padding: 5px 2%;
     811  border: solid 1px #e4e7ee;
     812}
     813
     814.sidebar-area ol.wp-block-latest-comments {
    694815  padding-right: 0px;
    695816}
     817
    696818#wp-calendar th,
    697 #wp-calendar
    698 #today,
    699 #wp-calendar
    700 #today a {
    701         background:#f3f4f7;
    702         color:#434343 !important;
    703 }
     819#wp-calendar #today,
     820#wp-calendar #today a {
     821  background: #f3f4f7;
     822  color: #434343 !important;
     823}
     824
    704825#wp-calendar a:hover {
    705         border:none;
    706 }
     826  border: none;
     827}
     828
    707829#wp-calendar {
    708         background: #fff;
    709         width:100%;
    710 }
     830  background: #fff;
     831  width: 100%;
     832}
     833
    711834#wp-calendar caption {
    712         font-size: 14px;
    713         text-transform:uppercase;
    714         margin:0 0 10px 0;
    715         text-align:right;
     835  font-size: 14px;
     836  text-transform: uppercase;
     837  margin: 0 0 10px 0;
     838  text-align: right;
    716839  color: #fff;
    717840  font-weight: 500;
    718841}
     842
    719843#wp-calendar th,
    720844#wp-calendar td {
    721         text-align: center;
    722         font-size: 14px;
    723         color:#434343 !important;
    724         padding:3px 6px;
    725 }
     845  text-align: center;
     846  font-size: 14px;
     847  color: #434343 !important;
     848  padding: 3px 6px;
     849}
     850
    726851#wp-calendar td a {
    727         display:block;
    728         text-align: center;
    729         font-size: 14px;
    730         color:#434343 !important;
    731         text-decoration:underline
    732 }
     852  display: block;
     853  text-align: center;
     854  font-size: 14px;
     855  color: #434343 !important;
     856  text-decoration: underline
     857}
     858
    733859#wp-calendar td#prev a,
    734 #wp-calendar td#prev a{
    735         text-decoration:none;
    736         text-align:right;
    737 }
    738 #wp-calendar th{
    739         font-weight:bold
    740 }
     860#wp-calendar td#prev a {
     861  text-decoration: none;
     862  text-align: right;
     863}
     864
     865#wp-calendar th {
     866  font-weight: bold
     867}
     868
    741869tr:nth-child(2n+2) {
    742         background-color: #f3f4f7;
    743 }
     870  background-color: #f3f4f7;
     871}
     872
    744873.searchform label {
    745         display: block;
    746 }
     874  display: block;
     875}
     876
    747877.searchform input[type=text],
    748878.searchform input[type=search] {
    … …  
    755885  border-radius: 30px;
    756886}
     887
    757888#searchform {
    758889  border: solid 1px #e4e7ee;
    759890  border-radius: 30px;
    760891}
     892
    761893.searchform input[type=submit] {
    762894  background: var(--primary-theme-color);
    … …  
    774906  margin: 4px auto;
    775907  cursor: pointer;
    776         -webkit-transition: color .3s ease, background-color .3s ease;
    777         -moz-transition: color .3s ease, background-color .3s ease;
    778         -o-transition: color .3s ease, background-color .3s ease;
    779         transition: color .3s ease, background-color .3s ease;
    780 }
    781 .searchform input[type=submit]:hover ,
     908  -webkit-transition: color .3s ease, background-color .3s ease;
     909  -moz-transition: color .3s ease, background-color .3s ease;
     910  -o-transition: color .3s ease, background-color .3s ease;
     911  transition: color .3s ease, background-color .3s ease;
     912}
     913
     914.searchform input[type=submit]:hover,
    782915.searchform input[type=submit]:focus {
    783         background: var(--primary-theme-color);
    784         text-decoration:none
    785 }
     916  background: var(--primary-theme-color);
     917  text-decoration: none
     918}
     919
    786920.searchform:after {
    787921  content: "";
    … …  
    789923  clear: both;
    790924}
     925
    791926.footer-widget {
    792         background: #171414;
    793 }
    794 .footer-copyright{
    795   background: var(--primary-theme-color);
    796 }
     927  background: #171414;
     928}
     929
     930.footer-copyright {
     931  background: var(--primary-theme-color);
     932}
     933
    797934footer a,
    798935footer p,
    … …  
    804941footer .sidebar-area th,
    805942footer .sidebar-area .title,
    806 footer .sidebar-area .textwidget,.footer-area li,
     943footer .sidebar-area .textwidget,
     944.footer-area li,
    807945.footer-area input[type=text],
    808946.footer-area input[type=search],
    809 .wp-block-group__inner-container h2  {
    810         color: #fff;
    811 }
     947.wp-block-group__inner-container h2 {
     948  color: #fff;
     949}
     950
    812951.footer-area ul {
    813952  padding: 0;
    814953  list-style: none;
    815954}
     955
    816956.footer-area h4.title {
    817         font-size: 30px;
     957  font-size: 30px;
    818958  color: #fff;
    819959  margin-top: 30px;
    820960  word-wrap: break-word;
    821961}
     962
    822963.footer-area li {
    823         padding: 8px 0;
    824 }
     964  padding: 8px 0;
     965}
     966
    825967.footer-area input[type="search"] {
    826968  width: calc(100% - 110px);
    … …  
    829971  border: solid 1px#4d4d4d;
    830972}
    831 .footer-area form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button {
     973
     974.footer-area form.woocommerce-product-search button,
     975#sidebar form.woocommerce-product-search button {
    832976  background: var(--primary-theme-color);
    833977  border-radius: 0px;
    … …  
    840984  border: solid 1pxvar(--primary-theme-color);
    841985}
     986
    842987img.size-auto,
    843988img.size-full,
    … …  
    848993img.aligncenter,
    849994.attachment img {
    850         max-width:100%;
    851         height:auto;
    852 }
     995  max-width: 100%;
     996  height: auto;
     997}
     998
    853999.alignleft,
    8541000img.alignleft {
    855         display:inline;
    856         float:right;
    857         margin-left:24px;
    858         margin-top:4px;
    859 }
     1001  display: inline;
     1002  float: right;
     1003  margin-left: 24px;
     1004  margin-top: 4px;
     1005}
     1006
    8601007.alignright,
    8611008img.alignright {
    862         display:inline;
    863         float:left;
    864         margin-right:24px;
    865         margin-top:4px;
    866 }
     1009  display: inline;
     1010  float: left;
     1011  margin-right: 24px;
     1012  margin-top: 4px;
     1013}
     1014
    8671015div.aligncenter,
    8681016img.aligncenter {
    869         display: block;
    870         margin-right: auto !important;
    871         margin-left: auto !important;
    872         float:none;
    873 }
     1017  display: block;
     1018  margin-right: auto !important;
     1019  margin-left: auto !important;
     1020  float: none;
     1021}
     1022
    8741023img.alignleft,
    8751024img.alignright,
    8761025img.aligncenter {
    877         margin-bottom:12px;
    878 }
     1026  margin-bottom: 12px;
     1027}
     1028
    8791029.wp-caption {
    880         line-height:18px;
    881         margin-bottom:25px;
    882         max-width:100% !important;
    883         padding:4px;
    884         text-align:center;
    885 }
     1030  line-height: 18px;
     1031  margin-bottom: 25px;
     1032  max-width: 100% !important;
     1033  padding: 4px;
     1034  text-align: center;
     1035}
     1036
    8861037.wp-caption img {
    887         margin:5px 5px 0;
    888         width:96%;
    889         height:100%
    890 }
     1038  margin: 5px 5px 0;
     1039  width: 96%;
     1040  height: 100%
     1041}
     1042
    8911043.wp-caption p.wp-caption-text {
    892         color:#888;
    893         font-size:12px;
    894         margin:5px;
    895 }
    896 .wp-block-latest-comments__comment-meta a{
     1044  color: #888;
     1045  font-size: 12px;
     1046  margin: 5px;
     1047}
     1048
     1049.wp-block-latest-comments__comment-meta a {
    8971050  color: #000;
    8981051}
     1052
    8991053/* ===============================================
    9001054    BLOCK CSS
    9011055  =============================================== */
    9021056
    903   .sidebar-area .widget_search .wp-block-search__inside-wrapper {
    904     border: solid 1px #e4e7ee;
    905     border-radius: 30px;
    906   }
    907   .sidebar-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{
    908     width: calc(100% - 110px);
    909     margin: 0;
    910     padding: 12px;
    911     float: right;
    912     background-color: transparent;
    913     border: none;
    914     border-radius: 30px;
    915   }
    916   .sidebar-area .widget_search button.wp-block-search__button.wp-element-button{
    917     background: var(--primary-theme-color);
    918     border: none;
    919     color: #fff;
    920     font-size: 14px;
    921     font-weight: 600;
    922     text-align: center;
    923     position: relative;
    924     float: right;
    925     border-radius: 30px;
    926     text-shadow: none;
    927     padding: 10px 0;
    928     width: 105px;
    929     margin: 4px auto;
    930     cursor: pointer;
    931     -webkit-transition: color .3s ease, background-color .3s ease;
    932     -moz-transition: color .3s ease, background-color .3s ease;
    933     -o-transition: color .3s ease, background-color .3s ease;
    934     transition: color .3s ease, background-color .3s ease;
    935   }
    936   .sidebar-area .widget_search button.wp-block-search__button:hover,
    937   .sidebar-area .widget_search button.wp-block-search__button:focus{
    938     background: var(--primary-theme-color);
    939     text-decoration:none;
    940   }
    941   .sidebar-area .widget_search .wp-block-search__inside-wrapper {
    942     content: "";
    943     display: table;
    944     clear: both;
    945   }
    946  
    947   .sidebar-area .widget_search label ,
    948   .sidebar-area .sidebar-widget.widget_block .wp-block-heading{
    949     position: relative;
    950     font-size: 25px;
    951     margin-right: 60px;
    952     margin-bottom: 20px;
    953     color: #000;
    954   }
    955   .sidebar-area .wp-block-search label{
    956     display: inline;
    957   }
    958   .sidebar-area .widget_search label:before,
    959   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
    960     position: absolute;
    961     content: "";
    962     width: 50px;
    963     right: -60px;
    964     height: 2px;
    965     background: var(--primary-theme-color);
    966     top: 0;
    967     bottom: 0;
    968     margin: auto;
    969   }
    970   .sidebar-area .widget_search label:after,
    971   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
    972     position: absolute;
    973     content: "";
    974     width: 10px;
    975     right: -60px;
    976     height: 10px;
    977     border-radius: 10px;
    978     background: var(--primary-theme-color);
    979     top: 0;
    980     bottom: 0;
    981     margin: auto;
    982   }
    983   .sidebar-area .wp-block-tag-cloud a,
    984   .footer-area .wp-block-tag-cloud a ,.tag-cloud-link{
    985     font-size: 15px !important;
    986     color: #5b5b5b;
    987     display: inline-block;
    988     margin: 5px 0;
    989     padding: 10px;
    990     border-radius: 5px;
    991     border: solid 1px #e4e7ee;
    992   }
    993   .footer-area .wp-block-tag-cloud a{
    994     border: solid 1px #fff;
    995     color: #fff;
    996   }
    997   .sidebar-area .wp-block-tag-cloud a:before,
    998   .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before {
    999     content: "#";
    1000   }
    1001   .sidebar-area .wp-block-tag-cloud a:hover,
    1002   .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{
    1003     background: var(--primary-theme-color);
    1004     color: #fff;
    1005   }
    1006   .sidebar-area ol footer.wp-block-latest-comments__comment-meta{
    1007     float: none !important;
    1008   }
    1009   .sidebar-area  ol.wp-block-latest-comments{
    1010     padding-right: 0px !important;
    1011     padding: 15px 30px 25px;
    1012     border-radius: 10px;
    1013     border: solid 1px #e4e7ee;
    1014   }
    1015   .footer-area .wp-block-heading {
    1016     font-size: 30px;
    1017     color: #fff;
    1018     margin-top: 30px;
    1019     word-wrap: break-word;
    1020   }
    1021   .footer-area{
    1022     margin-bottom: 10px;
    1023   }
     1057.sidebar-area .widget_search .wp-block-search__inside-wrapper {
     1058  border: solid 1px #e4e7ee;
     1059  border-radius: 30px;
     1060}
     1061
     1062.sidebar-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
     1063  width: calc(100% - 110px);
     1064  margin: 0;
     1065  padding: 12px;
     1066  float: right;
     1067  background-color: transparent;
     1068  border: none;
     1069  border-radius: 30px;
     1070}
     1071
     1072.sidebar-area .widget_search button.wp-block-search__button.wp-element-button {
     1073  background: var(--primary-theme-color);
     1074  border: none;
     1075  color: #fff;
     1076  font-size: 14px;
     1077  font-weight: 600;
     1078  text-align: center;
     1079  position: relative;
     1080  float: right;
     1081  border-radius: 30px;
     1082  text-shadow: none;
     1083  padding: 10px 0;
     1084  width: 105px;
     1085  margin: 4px auto;
     1086  cursor: pointer;
     1087  -webkit-transition: color .3s ease, background-color .3s ease;
     1088  -moz-transition: color .3s ease, background-color .3s ease;
     1089  -o-transition: color .3s ease, background-color .3s ease;
     1090  transition: color .3s ease, background-color .3s ease;
     1091}
     1092
     1093.sidebar-area .widget_search button.wp-block-search__button:hover,
     1094.sidebar-area .widget_search button.wp-block-search__button:focus {
     1095  background: var(--primary-theme-color);
     1096  text-decoration: none;
     1097}
     1098
     1099.sidebar-area .widget_search .wp-block-search__inside-wrapper {
     1100  content: "";
     1101  display: table;
     1102  clear: both;
     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: 10px;
     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  font-size: 30px;
     1188  color: #fff;
     1189  margin-top: 30px;
     1190  word-wrap: break-word;
     1191}
     1192
     1193.footer-area {
     1194  margin-bottom: 10px;
     1195}
     1196
    10241197/* WOOCOMMERCE */
    10251198/* Cart */
    1026 .wp-block-woocommerce-cart.alignwide{
     1199.wp-block-woocommerce-cart.alignwide {
    10271200  margin-left: auto;
    10281201  margin-right: auto;
    10291202}
     1203
    10301204.wp-block-woocommerce-checkout.alignwide {
    10311205  margin-left: auto;
    10321206  margin-right: auto;
    10331207}
    1034 .wp-block-woocommerce-cart .wc-block-cart-items{
    1035   border: 1px solid #dee2e6!important;
     1208
     1209.wp-block-woocommerce-cart .wc-block-cart-items {
     1210  border: 1px solid #dee2e6 !important;
    10361211  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10371212  padding: 10px;
    10381213}
     1214
    10391215.wp-block-woocommerce-cart-order-summary-block {
    1040   border: 1px solid #dee2e6!important;
     1216  border: 1px solid #dee2e6 !important;
    10411217  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10421218}
    1043 .wp-block-woocommerce-cart-order-summary-heading-block{
     1219
     1220.wp-block-woocommerce-cart-order-summary-heading-block {
    10441221  padding: 10px 20px !important;
    10451222  background: #f3f4f7 !important;
    10461223}
    1047 .wc-block-components-product-name{
     1224
     1225.wc-block-components-product-name {
    10481226  font-size: 20px;
    10491227  text-decoration: none !important;
    … …  
    10511229  color: #000 !important;
    10521230}
    1053 .wc-block-cart-items__header-image{
     1231
     1232.wc-block-cart-items__header-image {
    10541233  padding-right: 16px !important;
    10551234}
    1056 .wc-block-cart-items__header-total{
     1235
     1236.wc-block-cart-items__header-total {
    10571237  padding-left: 16px !important;
    10581238}
    1059 .wc-block-components-totals-coupon-link ,
     1239
     1240.wc-block-components-totals-coupon-link,
    10601241.wc-block-cart__submit-container a,
    10611242.wc-block-checkout__actions_row button,
    … …  
    10641245.wc-block-grid__product-add-to-cart a,
    10651246.product-add-to-cart a,
    1066 .woocommerce-Address-title.title a ,
    1067 .products .yith-wcwl-add-button a,.products .yith-wcwl-wishlistexistsbrowse ,.products .yith-wcwl-wishlistaddedbrowse,
    1068 .entry-summary .yith-wcwl-add-button a,.entry-summary .yith-wcwl-wishlistexistsbrowse ,.entry-summary .yith-wcwl-wishlistaddedbrowse
    1069 {
     1247.woocommerce-Address-title.title a,
     1248.products .yith-wcwl-add-button a,
     1249.products .yith-wcwl-wishlistexistsbrowse,
     1250.products .yith-wcwl-wishlistaddedbrowse,
     1251.entry-summary .yith-wcwl-add-button a,
     1252.entry-summary .yith-wcwl-wishlistexistsbrowse,
     1253.entry-summary .yith-wcwl-wishlistaddedbrowse {
    10701254  background: var(--primary-theme-color);
    10711255  color: #fff !important;
    … …  
    10771261  text-decoration: none !important;
    10781262}
     1263
    10791264.yith-wcwl-wishlistexistsbrowse a,
    1080 .yith-wcwl-wishlistaddedbrowse a{
     1265.yith-wcwl-wishlistaddedbrowse a {
    10811266  background: var(--primary-theme-color);
    10821267  color: #fff !important;
    10831268}
     1269
    10841270.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse {
    10851271  display: inline-block !important;
    10861272}
    1087 .entry-summary .yith-wcwl-add-button a,.entry-summary .yith-wcwl-wishlistexistsbrowse ,.entry-summary .yith-wcwl-wishlistaddedbrowse{
     1273
     1274.entry-summary .yith-wcwl-add-button a,
     1275.entry-summary .yith-wcwl-wishlistexistsbrowse,
     1276.entry-summary .yith-wcwl-wishlistaddedbrowse {
    10881277  margin-bottom: 10px;
    10891278}
    1090 .wc-block-components-totals-coupon__form button{
     1279
     1280.wc-block-components-totals-coupon__form button {
    10911281  margin-top: 0px !important;
    10921282}
    1093 .entry-summary .yith-wcwl-add-button,.products  .yith-wcwl-add-button{
     1283
     1284.entry-summary .yith-wcwl-add-button,
     1285.products .yith-wcwl-add-button {
    10941286  margin-top: 21px;
    10951287  margin-bottom: 10px;
    10961288}
    1097 .wc-block-cart__submit-container a{
     1289
     1290.wc-block-cart__submit-container a {
    10981291  margin-top: 20px;
    10991292}
     1293
    11001294.wc-block-components-totals-coupon-link:hover,
    11011295.wc-block-cart__submit-container:hover a,
    … …  
    11031297.wc-block-components-checkout-return-to-cart-button:hover,
    11041298.wc-block-grid__product-add-to-cart a:hover,
    1105 .yith-wcwl-add-button:hover a{
     1299.yith-wcwl-add-button:hover a {
    11061300  background: #121212;
    11071301}
     1302
    11081303.wc-block-components-totals-coupon {
    11091304  text-align: center;
    1110   padding-right: 16px ;
    1111   padding-left: 16px ;
    1112 }
    1113 .wc-block-cart-items__header-product{
     1305  padding-right: 16px;
     1306  padding-left: 16px;
     1307}
     1308
     1309.wc-block-cart-items__header-product {
    11141310  background: #f3f4f7 !important;
    11151311}
    1116 .wc-block-cart-items__header th{
     1312
     1313.wc-block-cart-items__header th {
    11171314  padding: 10px 20px !important;
    11181315  font-size: 14px;
    11191316}
    1120 .wc-block-cart__totals-title{
     1317
     1318.wc-block-cart__totals-title {
    11211319  font-size: 14px !important;
    11221320  font-weight: 700 !important;
    11231321  text-align: center !important;
    11241322}
     1323
    11251324tr.wc-block-cart-items__row {
    11261325  padding: 15px 15px !important;
    11271326}
     1327
    11281328.wc-block-components-totals-item,
    1129 .wc-block-components-totals-item{
     1329.wc-block-components-totals-item {
    11301330  padding-right: 16px !important;
    11311331  padding-left: 16px !important;
    11321332}
    1133 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
     1333
     1334span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    11341335  display: block !important;
    11351336}
    1136 #commentform input[type="text"],#commentform input[type="email"],#commentform input[type="phno"],
    1137 #commentform input[type="password"],#commentform textarea,#commentform input#url ,#commentform input[type="search"]{
    1138     border: 1px solid #c8c8c8;
    1139     width: 100%;
    1140     font-size: 16px;
    1141     padding: 10px 10px ;
    1142     margin: 0 0 23px 0;
    1143     height: auto;
    1144 }
    1145 .woocommerce-message p{
     1337
     1338#commentform input[type="text"],
     1339#commentform input[type="email"],
     1340#commentform input[type="phno"],
     1341#commentform input[type="password"],
     1342#commentform textarea,
     1343#commentform input#url,
     1344#commentform input[type="search"] {
     1345  border: 1px solid #c8c8c8;
     1346  width: 100%;
     1347  font-size: 16px;
     1348  padding: 10px 10px;
     1349  margin: 0 0 23px 0;
     1350  height: auto;
     1351}
     1352
     1353.woocommerce-message p {
    11461354  flex-basis: 55%;
    11471355}
    1148 .product .price ins ,.price .woocommerce-Price-amount.amount {
     1356
     1357.product .price ins,
     1358.price .woocommerce-Price-amount.amount {
    11491359  font-size: 20px;
    11501360  font-weight: 600;
    11511361}
    1152 .product .price del .woocommerce-Price-amount.amount{
     1362
     1363.product .price del .woocommerce-Price-amount.amount {
    11531364  font-size: 18px !important;
    11541365  font-weight: 500 !important;
    11551366}
    1156 .product .price{
     1367
     1368.product .price {
    11571369  margin: 10px 0px !important;
    11581370}
     1371
    11591372/* single product review form */
    1160 #reviews .comment-form{
     1373#reviews .comment-form {
    11611374  display: flex;
    1162   flex-direction: column;
    1163 }
    1164 #reviews .comment-form-author{
     1375  flex-direction: column;
     1376}
     1377
     1378#reviews .comment-form-author {
    11651379  order: 1;
    11661380}
    1167 #reviews .comment-form-email{
     1381
     1382#reviews .comment-form-email {
    11681383  order: 2;
    11691384}
    1170 #reviews .comment-form-comment{
     1385
     1386#reviews .comment-form-comment {
    11711387  order: 3;
    11721388}
    1173 #reviews .comment-form-cookies-consent{
     1389
     1390#reviews .comment-form-cookies-consent {
    11741391  order: 4;
    11751392}
    1176 #reviews .form-submit{
     1393
     1394#reviews .form-submit {
    11771395  order: 5;
    1178 }
     1396}
     1397
    11791398/* Wishlist */
    1180 .wishlist_table.mobile{
     1399.wishlist_table.mobile {
    11811400  padding-right: 0;
    11821401}
    1183 .wishlist_table.mobile table{
     1402
     1403.wishlist_table.mobile table {
    11841404  width: auto;
    11851405}
    1186 .wishlist_table.mobile li{
     1406
     1407.wishlist_table.mobile li {
    11871408  padding: 15px;
    11881409  border: 1px solid rgba(0, 0, 0, .1);
    11891410}
    1190 .cart.wishlist_table .additional-info-wrapper{
     1411
     1412.cart.wishlist_table .additional-info-wrapper {
    11911413  display: flex;
    11921414  align-items: center;
    11931415  justify-content: space-around;
    11941416}
    1195 ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
     1417
     1418ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile {
    11961419  display: grid;
    11971420  grid-template-columns: 2fr 50%;
    11981421  gap: 10px;
    11991422}
    1200 .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label,
    1201 .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
     1423
     1424.wishlist_table.images_grid li .item-details table.item-details-table td.label,
     1425.wishlist_table.mobile li .item-details table.item-details-table td.label,
     1426.wishlist_table.mobile li table.additional-info td.label,
     1427.wishlist_table.modern_grid li .item-details table.item-details-table td.label {
    12021428  font-size: 16px !important;
    12031429}
    1204 .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
     1430
     1431.wishlist_table.mobile li .item-details table.item-details-table td,
     1432.additional-info .value {
    12051433  font-size: 14px !important;
    12061434  padding: 6px !important;
    12071435  font-family: "Exo 2", sans-serif;
    12081436}
     1437
    12091438.main-product-section .wishlist_view {
    12101439  display: block !important;
    12111440}
    1212 .share-button i::before{
     1441
     1442.share-button i::before {
    12131443  font-family: 'FontAwesome';
    12141444}
    1215 .hidden-title-form button i,.wishlist-title a.show-title-form i,.wishlist_manage_table tfoot a.create-new-wishlist i,.wishlist_manage_table tfoot button.submit-wishlist-changes i,.wishlist_table .add_to_cart.button i,.wishlist_table .ask-an-estimate-button i,.yith-wcwl-add-button>a i,.yith-wcwl-wishlist-new button i,.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
     1445
     1446.hidden-title-form button i,
     1447.wishlist-title a.show-title-form i,
     1448.wishlist_manage_table tfoot a.create-new-wishlist i,
     1449.wishlist_manage_table tfoot button.submit-wishlist-changes i,
     1450.wishlist_table .add_to_cart.button i,
     1451.wishlist_table .ask-an-estimate-button i,
     1452.yith-wcwl-add-button>a i,
     1453.yith-wcwl-wishlist-new button i,
     1454.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
    12161455  margin-left: 0px !important;
    12171456}
    1218 .wpr-grid-slider-dots{
     1457
     1458.wpr-grid-slider-dots {
    12191459  z-index: 9 !important;
    12201460}
    1221 .wishlist_table tr td, .wishlist_table tr th.product-checkbox, .wishlist_table tr th.wishlist-delete {
    1222 text-align: right !important;
    1223 }
     1461
     1462.wishlist_table tr td,
     1463.wishlist_table tr th.product-checkbox,
     1464.wishlist_table tr th.wishlist-delete {
     1465  text-align: right !important;
     1466}
     1467
    12241468/* Cart */
    12251469.wc-block-grid__product-title {
    … …  
    12281472  text-decoration: none !important;
    12291473}
    1230 a.wc-block-grid__product-link{
     1474
     1475a.wc-block-grid__product-link {
    12311476  text-decoration: none !important;
    12321477}
    1233 .wc-block-grid__product-price{
     1478
     1479.wc-block-grid__product-price {
    12341480  color: var(--primary-theme-color) !important;
    12351481  font-size: 14px !important;
    12361482  font-weight: 500 !important;
    12371483}
    1238 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
     1484
     1485.wc-block-grid .wc-block-grid__product-onsale,
     1486.wc-block-grid__product-image .wc-block-grid__product-onsale {
    12391487  top: 10px !important;
    12401488  left: 10px !important;
    … …  
    12481496  color: #fff !important;
    12491497}
    1250 .wc-block-grid__products .wc-block-grid__product-image img{
     1498
     1499.wc-block-grid__products .wc-block-grid__product-image img {
    12511500  width: 100% !important;
    12521501}
     1502
    12531503/* CHECKOUT */
    1254 .wp-block-woocommerce-checkout-order-summary-block{
    1255   border: 1px solid #dee2e6!important;
     1504.wp-block-woocommerce-checkout-order-summary-block {
     1505  border: 1px solid #dee2e6 !important;
    12561506  padding: 10px;
    12571507  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    12581508}
     1509
    12591510/* MY ACCOUNT */
    12601511nav.woocommerce-MyAccount-navigation ul {
    … …  
    12631514  margin-bottom: 0;
    12641515}
    1265 nav.woocommerce-MyAccount-navigation ul li{
     1516
     1517nav.woocommerce-MyAccount-navigation ul li {
    12661518  padding: 10px;
    12671519  margin-bottom: 15px;
    12681520  background: var(--primary-theme-color);
    12691521}
    1270 nav.woocommerce-MyAccount-navigation ul li:hover{
     1522
     1523nav.woocommerce-MyAccount-navigation ul li:hover {
    12711524  background: #121212;
    12721525}
    1273 nav.woocommerce-MyAccount-navigation ul li a{
     1526
     1527nav.woocommerce-MyAccount-navigation ul li a {
    12741528  text-decoration: none;
    12751529  color: #fff
    12761530}
     1531
    12771532/* CHECKOUT */
    1278 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{
     1533.woocommerce form .form-row label,
     1534.woocommerce form .form-row,
     1535span.woocommerce-input-wrapper,
     1536span.password-input {
    12791537  width: 100%;
    12801538}
     1539
    12811540/* BUTTONS */
    1282 .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{
     1541.woocommerce #respond input#submit.alt,
     1542.woocommerce a.button.alt,
     1543.woocommerce button.button.alt,
     1544.woocommerce input.button.alt,
     1545.woocommerce #respond input#submit,
     1546.woocommerce a.button,
     1547.woocommerce button.button,
     1548.woocommerce input.button,
     1549.woocommerce a.added_to_cart {
    12831550  background: var(--primary-theme-color);
    12841551  color: #fff;
    … …  
    12861553  border-radius: 7px !important;
    12871554}
    1288 .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{
     1555
     1556.woocommerce #respond input#submit.alt:hover,
     1557.woocommerce a.button.alt:hover,
     1558.woocommerce button.button.alt:hover,
     1559.woocommerce input.button.alt:hover,
     1560.woocommerce #respond input#submit:hover,
     1561.woocommerce a.button:hover,
     1562.woocommerce button.button:hover,
     1563.woocommerce input.button:hover,
     1564.woocommerce a.added_to_cart:hover {
    12891565  background: #121212;
    12901566  color: #fff;
    12911567}
    1292 .woocommerce a.added_to_cart{
     1568
     1569.woocommerce a.added_to_cart {
    12931570  padding: .618em 1em;
    12941571  font-weight: 700;
    … …  
    12961573  border-radius: 0px;
    12971574}
     1575
    12981576/* SHOP & SINGLE PRODUCT */
    12991577
    1300 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
     1578.woocommerce ul.products li.product .onsale,
     1579.woocommerce span.onsale {
    13011580  top: 5px;
    13021581  left: 5px;
    … …  
    13091588  min-height: 2em !important;
    13101589}
    1311 .woocommerce span.onsale{
     1590
     1591.woocommerce span.onsale {
    13121592  right: 10px;
    13131593  left: auto;
    13141594}
     1595
    13151596h2.woocommerce-loop-product__title {
    13161597  font-size: 18px !important;
    13171598}
    1318 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
     1599
     1600.woocommerce ul.products li.product .price,
     1601.woocommerce div.product p.price,
     1602.woocommerce div.product span.price {
    13191603  color: #000;
    13201604  display: block;
    … …  
    13221606  font-size: 18px;
    13231607}
    1324 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
     1608
     1609.woocommerce ul.products li.product .price ins,
     1610.woocommerce div.product p.price ins,
     1611.woocommerce div.product span.price ins {
    13251612  text-decoration: none;
    13261613}
    1327 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
     1614
     1615.woocommerce ul.products li.product,
     1616.woocommerce-page ul.products li.product {
    13281617  text-align: center;
    13291618}
     1619
    13301620.woocommerce .quantity .qty {
    13311621  width: 9em;
    13321622  padding: 8px;
    13331623}
     1624
    13341625.woocommerce ul.products li.product .star-rating {
    13351626  font-size: 12px;
    13361627  margin: 0 auto 8px;
    13371628}
    1338 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
     1629
     1630.woocommerce .woocommerce-ordering select,
     1631.woocommerce form .form-row input.input-text,
     1632.woocommerce form .form-row textarea {
    13391633  padding: 12px;
    13401634  border: 1px solid #d3ced2;
    13411635  background: transparent;
    13421636}
    1343 .wp-block-button__link{
    1344         color: #fff !important;
    1345   background-color:var(--primary-theme-color) ;
     1637
     1638.wp-block-button__link {
     1639  color: #fff !important;
     1640  background-color: var(--primary-theme-color);
    13461641  margin-bottom: 5px;
    13471642}
    1348 .wp-block-button.is-style-outline .wp-block-button__link{
     1643
     1644.wp-block-button.is-style-outline .wp-block-button__link {
    13491645  border: 1px solid var(--primary-theme-color);
    13501646  color: #121212 !important;
    13511647}
    1352 .wp-block-button.is-style-squared .wp-block-button__link{
     1648
     1649.wp-block-button.is-style-squared .wp-block-button__link {
    13531650  border-radius: 0px !important;
    13541651}
    1355 .product .add_to_cart_button.added{
     1652
     1653.product .add_to_cart_button.added {
    13561654  display: none !important;
    13571655}
     1656
    13581657/* shop page additional css */
    1359 .woocommerce ul.products li.product a img{
     1658.woocommerce ul.products li.product a img {
    13601659  margin-bottom: 0;
    13611660  width: 200px;
    … …  
    13641663  border-radius: 20px
    13651664}
    1366 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
     1665
     1666.woocommerce ul.products li.product,
     1667.woocommerce-page ul.products li.product {
    13671668  border: 1px solid var(--primary-theme-color);
    1368     border-radius: 10px;
    1369     padding: 10px;
    1370 }
    1371 ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,a.added_to_cart.wc-forward {
     1669  border-radius: 10px;
     1670  padding: 10px;
     1671}
     1672
     1673ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
     1674a.added_to_cart.wc-forward {
    13721675  padding: 8px 28px;
    13731676}
    1374 ul.products h2.woocommerce-loop-product__title{
     1677
     1678ul.products h2.woocommerce-loop-product__title {
    13751679  color: var(--primary-theme-color);
    13761680  font-size: 22px !important;
    … …  
    13851689  font-weight: bold;
    13861690}
     1691
    13871692.woocommerce nav.woocommerce-pagination ul li a {
    13881693  display: block;
    … …  
    13971702  border-radius: 10px;
    13981703}
    1399 .woocommerce nav.woocommerce-pagination ul li a:hover{
     1704
     1705.woocommerce nav.woocommerce-pagination ul li a:hover {
    14001706  background: var(--primary-theme-color);
    14011707  color: #121212;
    14021708}
    1403 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
     1709
     1710.woocommerce nav.woocommerce-pagination ul,
     1711.woocommerce nav.woocommerce-pagination ul li {
    14041712  border: none;
    14051713  float: none;
    14061714  overflow: unset;
    14071715}
     1716
    14081717.woocommerce nav.woocommerce-pagination {
    14091718  text-align: center;
    14101719  margin-bottom: 20px;
    14111720}
     1721
    14121722/*  SINGLE POST */
    14131723.single-post-category span {
    … …  
    14151725  color: #5b5b5b;
    14161726}
    1417 .single-post-category .post-categories li ,.single-post-category ul{
    1418 display: inline-block;
    1419 padding-right: 0px;
    1420 }
    1421 .single-post-category .post-categories li a{
    1422 margin-left: 8px;
    1423 margin-bottom: 8px;
    1424 background-color:var(--primary-theme-color);
    1425 padding: 8px 10px;
    1426 color: #fff;
    1427 display: inline-block;
    1428 font-size: 13px;
    1429 font-weight: 500;
    1430 line-height: 1;
    1431 }
    1432 .single-post-category .post-categories li a:hover{
    1433 background: #000000;
    1434 }
     1727
     1728.single-post-category .post-categories li,
     1729.single-post-category ul {
     1730  display: inline-block;
     1731  padding-right: 0px;
     1732}
     1733
     1734.single-post-category .post-categories li a {
     1735  margin-left: 8px;
     1736  margin-bottom: 8px;
     1737  background-color: var(--primary-theme-color);
     1738  padding: 8px 10px;
     1739  color: #fff;
     1740  display: inline-block;
     1741  font-size: 13px;
     1742  font-weight: 500;
     1743  line-height: 1;
     1744}
     1745
     1746.single-post-category .post-categories li a:hover {
     1747  background: #000000;
     1748}
     1749
    14351750/*scroll-to-top*/
    14361751.scroll-up {
    … …  
    14401755  z-index: 999;
    14411756}
     1757
    14421758.scroll-up a {
    14431759  background: var(--primary-theme-color);
    1444   color:#ffffff;
    1445 }
    1446 .scroll-up a:hover{
     1760  color: #ffffff;
     1761}
     1762
     1763.scroll-up a:hover {
    14471764  background: var(--secondary-theme-color);
    14481765}
     1766
    14491767.scroll-up a {
    14501768  bottom: 10px;
    … …  
    14641782  transition: border-width 0.3s ease-in-out;
    14651783}
    1466 .scroll-up a i{
     1784
     1785.scroll-up a i {
    14671786  position: relative;
    14681787  top: 13px;
    … …  
    14771796  transform: translate(-66%);
    14781797}
     1798
    14791799.scroll-up a:hover i {
    14801800  top: 5px;
    … …  
    14941814  align-items: center;
    14951815}
     1816
    14961817.preloader {
    14971818  animation: move 0.5s ease infinite alternate;
    14981819}
     1820
    14991821.diamond {
    15001822  width: 60px;
    … …  
    15061828  align-items: center;
    15071829}
    1508 .diamond span{
     1830
     1831.diamond span {
    15091832  width: 60px;
    15101833  height: 60px;
    … …  
    15131836  right: 0;
    15141837}
    1515 .diamond span:nth-child(1){
     1838
     1839.diamond span:nth-child(1) {
    15161840  border: 10px solid var(--primary-theme-color);
    15171841  border-right-color: #000;
    … …  
    15191843  transform: rotateX(90deg) rotateZ(-45deg);
    15201844}
    1521 .diamond span:nth-child(2){
     1845
     1846.diamond span:nth-child(2) {
    15221847  border: 6px solid var(--primary-theme-color);
    15231848  border-right-color: #000;
    … …  
    15251850  transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg);
    15261851}
    1527 .diamond span:last-child{
     1852
     1853.diamond span:last-child {
    15281854  border: 6px solid var(--primary-theme-color);
    15291855  border-right-color: #000;
    … …  
    15311857  transform: rotateZ(-45deg);
    15321858}
    1533 @keyframes move{
    1534   0%{ transform: translateY(0) scaleY(0.9); }
    1535   100%{ transform: translateY(-70px) scaleY(1.1); }
    1536 }
    1537 @keyframes spin{
    1538   0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); }
    1539   100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(-180deg); }
    1540 }
    1541 .result-search #searchform{
     1859
     1860@keyframes move {
     1861  0% {
     1862    transform: translateY(0) scaleY(0.9);
     1863  }
     1864
     1865  100% {
     1866    transform: translateY(-70px) scaleY(1.1);
     1867  }
     1868}
     1869
     1870@keyframes spin {
     1871  0% {
     1872    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
     1873  }
     1874
     1875  100% {
     1876    transform: translateY(-50%) rotateX(-15deg) rotateY(-180deg);
     1877  }
     1878}
     1879
     1880.result-search #searchform {
    15421881  display: table;
    15431882}
     1883
    15441884.not-found-content #searchform {
    15451885  display: inline-block;
    15461886}
    1547 .footer-copyright a,.footer-copyright p{
     1887
     1888.footer-copyright a,
     1889.footer-copyright p {
    15481890  color: #ffffff;
    15491891}
     1892
    15501893/* ===============================================
    15511894  Search pop up
    15521895  =============================================== */
    1553   .search-cont button {
    1554     border: 0;
    1555     background: transparent;
    1556   }
    1557   .outer-search {
    1558     background: #ffff;
    1559     position: fixed;
    1560     top: 0;
    1561     right: 0;
    1562     width: 100%;
    1563     display: none;
    1564     text-align: center;
    1565     height: 100%;
    1566     z-index: 9999;
    1567   }
    1568   .inner-search label {
    1569     width: 100%;
    1570   }
    1571   .inner-search input#search {
    1572     background: transparent;
    1573     border-top: 2px solid #222;
    1574     border-bottom: 2px solid #222;
    1575     border-right: 0px solid transparent;
    1576     border-left: 0px solid transparent;
    1577     font-size: 32px;
    1578     text-align: center;
    1579     color: #222;
    1580     border-radius: 0px;
    1581     width: 100%;
    1582   }
    1583   .inner-search input#search::placeholder {
    1584     color: #222;
    1585   }
    1586   .inner-search {
    1587     position: absolute;
    1588     top: 50%;
    1589     transform: translate(50%, -50%);
    1590     width: 100%;
    1591     z-index: 99999;
    1592     right: 50%;
    1593     padding: 0 15px;
    1594   }
    1595   .outer-search .closepop {
    1596     position: absolute;
    1597     top: 20%;
    1598     transform: translateY(-50%);
    1599     left: 5%;
    1600     text-align: left;
    1601     background: transparent;
    1602     border: 0;
    1603     font-size: 40px;
    1604     color: #222;
    1605   }
    1606   .outer-search .closepop:focus {
    1607     outline-color: #000;
    1608   }
    1609   .inner-search form.searchform {
    1610     margin: 0 auto;
    1611     max-width: 700px;
    1612   }
    1613   .inner-search .searchform input[type="text"] {
    1614     width: 100%;
    1615   }
    1616   .inner-search input.search-submit {
    1617     display: none;
    1618   }
    1619   .search-cont i {
    1620     color: #fff;
    1621     font-size: 17px;
    1622   }
    1623   .inner-search #searchform {
    1624     border: none;
    1625   }
    1626   .search-icon .search-field {
    1627     outline: none !important;
    1628   }
     1896.search-cont button {
     1897  border: 0;
     1898  background: transparent;
     1899}
     1900
     1901.outer-search {
     1902  background: #ffff;
     1903  position: fixed;
     1904  top: 0;
     1905  right: 0;
     1906  width: 100%;
     1907  display: none;
     1908  text-align: center;
     1909  height: 100%;
     1910  z-index: 9999;
     1911}
     1912
     1913.inner-search label {
     1914  width: 100%;
     1915}
     1916
     1917.inner-search input#search {
     1918  background: transparent;
     1919  border-top: 2px solid #222;
     1920  border-bottom: 2px solid #222;
     1921  border-right: 0px solid transparent;
     1922  border-left: 0px solid transparent;
     1923  font-size: 32px;
     1924  text-align: center;
     1925  color: #222;
     1926  border-radius: 0px;
     1927  width: 100%;
     1928}
     1929
     1930.inner-search input#search::placeholder {
     1931  color: #222;
     1932}
     1933
     1934.inner-search {
     1935  position: absolute;
     1936  top: 50%;
     1937  transform: translate(50%, -50%);
     1938  width: 100%;
     1939  z-index: 99999;
     1940  right: 50%;
     1941  padding: 0 15px;
     1942}
     1943
     1944.outer-search .closepop {
     1945  position: absolute;
     1946  top: 20%;
     1947  transform: translateY(-50%);
     1948  left: 5%;
     1949  text-align: left;
     1950  background: transparent;
     1951  border: 0;
     1952  font-size: 40px;
     1953  color: #222;
     1954}
     1955
     1956.outer-search .closepop:focus {
     1957  outline-color: #000;
     1958}
     1959
     1960.inner-search form.searchform {
     1961  margin: 0 auto;
     1962  max-width: 700px;
     1963}
     1964
     1965.inner-search .searchform input[type="text"] {
     1966  width: 100%;
     1967}
     1968
     1969.inner-search input.search-submit {
     1970  display: none;
     1971}
     1972
     1973.search-cont i {
     1974  color: #fff;
     1975  font-size: 17px;
     1976}
     1977
     1978.inner-search #searchform {
     1979  border: none;
     1980}
     1981
     1982.search-icon .search-field {
     1983  outline: none !important;
     1984}
     1985
    16291986/* ===============================================
    16301987  Progress Bar
    16311988=============================================== */
    1632   #elemento-progress-bar {
    1633     background-color: var(--primary-theme-color);
    1634     position: fixed;
    1635     width: 0;
    1636     height: 4px;
    1637     z-index: 99999;
    1638   }
    1639   #elemento-progress-bar.top {
    1640     top: 0;
    1641   }
    1642   #elemento-progress-bar.bottom {
    1643     bottom: 0;
    1644   }
    1645   .admin-bar #elemento-progress-bar.top {
    1646     top: 32px;
    1647   }
     1989#elemento-progress-bar {
     1990  background-color: var(--primary-theme-color);
     1991  position: fixed;
     1992  width: 0;
     1993  height: 4px;
     1994  z-index: 99999;
     1995}
     1996
     1997#elemento-progress-bar.top {
     1998  top: 0;
     1999}
     2000
     2001#elemento-progress-bar.bottom {
     2002  bottom: 0;
     2003}
     2004
     2005.admin-bar #elemento-progress-bar.top {
     2006  top: 32px;
     2007}
    16482008
    16492009/* ===============================================
    … …  
    16522012/* Banner Section */
    16532013
    1654 .tattoo-studio-banner-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper{
     2014.tattoo-studio-banner-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    16552015  margin-right: 0px !important;
    16562016}
    1657 .tattoo-studio-banner-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt{
     2017
     2018.tattoo-studio-banner-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt {
    16582019  display: none;
    16592020}
    1660 .tattoo-studio-banner-section .bdt-slider-excerpt-content{
     2021
     2022.tattoo-studio-banner-section .bdt-slider-excerpt-content {
    16612023  text-align: center;
    16622024}
    1663 .tattoo-studio-banner-section .bdt-sub-title{
     2025
     2026.tattoo-studio-banner-section .bdt-sub-title {
    16642027  display: none;
    16652028}
    1666 .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper{
     2029
     2030.bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    16672031  margin-top: 0px !important;
    16682032}
    1669 .tattoo-studio-banner-section .bdt-ps-slide-img{
     2033
     2034.tattoo-studio-banner-section .bdt-ps-slide-img {
    16702035  position: relative;
    16712036}
    1672 .tattoo-studio-banner-section .bdt-ps-slide-img::after{
     2037
     2038.tattoo-studio-banner-section .bdt-ps-slide-img::after {
    16732039  position: absolute;
    16742040  content: "";
    … …  
    16802046  z-index: 0;
    16812047}
    1682 .tattoo-studio-banner-section .bdt-slide-btn-icon svg{
     2048
     2049.tattoo-studio-banner-section .bdt-slide-btn-icon svg {
    16832050  display: none;
    16842051}
    1685 .tattoo-studio-banner-section .bdt-slide-btn-icon{
    1686    background: url('data:image/svg+xml,<svg width="7" height="17" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L6 7L0 14L2.82353 7L0 0Z" fill="white"/></svg>');
    1687    width: 7px;
    1688    height: 17px;
    1689    background-repeat: no-repeat;
    1690 }
    1691 .tattoo-studio-banner-section .bdt-slide-btn:hover .bdt-slide-btn-icon{
     2052
     2053.tattoo-studio-banner-section .bdt-slide-btn-icon {
     2054  background: url('data:image/svg+xml,<svg width="7" height="17" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L6 7L0 14L2.82353 7L0 0Z" fill="white"/></svg>');
     2055  width: 7px;
     2056  height: 17px;
     2057  background-repeat: no-repeat;
     2058}
     2059
     2060.tattoo-studio-banner-section .bdt-slide-btn:hover .bdt-slide-btn-icon {
    16922061  background: url('data:image/svg+xml,<svg width="7" height="17" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L6 7L0 14L2.82353 7L0 0Z" fill="black"/></svg>');
    16932062}
    1694 .tattoo-studio-banner-section .bdt-navigation-arrows{
     2063
     2064.tattoo-studio-banner-section .bdt-navigation-arrows {
    16952065  width: 100%;
    16962066  margin: 0 !important;
    16972067}
    1698 .tattoo-studio-banner-section .bdt-prime-slider-previous svg ,
    1699 .tattoo-studio-banner-section .bdt-prime-slider-next svg{
     2068
     2069.tattoo-studio-banner-section .bdt-prime-slider-previous svg,
     2070.tattoo-studio-banner-section .bdt-prime-slider-next svg {
    17002071  display: none;
    17012072}
    1702 .tattoo-studio-banner-section .bdt-prime-slider-previous{
     2073
     2074.tattoo-studio-banner-section .bdt-prime-slider-previous {
    17032075  position: absolute !important;
    17042076  right: 3%;
    … …  
    17072079  background-position: center !important;
    17082080}
    1709 .tattoo-studio-banner-section .bdt-prime-slider-previous:hover{
     2081
     2082.tattoo-studio-banner-section .bdt-prime-slider-previous:hover {
    17102083  background: url('data:image/svg+xml,<svg width="12" height="26" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 0L0 7L6 14L3.17647 7L6 0Z" fill="red"/></svg>') !important;
    17112084  background-repeat: no-repeat !important;
    17122085  background-position: center !important;
    17132086}
    1714 .tattoo-studio-banner-section .bdt-prime-slider-next{
     2087
     2088.tattoo-studio-banner-section .bdt-prime-slider-next {
    17152089  position: absolute !important;
    17162090  left: 3%;
    … …  
    17192093  background-position: center !important;
    17202094}
    1721 .tattoo-studio-banner-section .bdt-prime-slider-next:hover{
     2095
     2096.tattoo-studio-banner-section .bdt-prime-slider-next:hover {
    17222097  background: url('data:image/svg+xml,<svg width="12" height="26" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L6 7L0 14L2.82353 7L0 0Z" fill="red"/></svg>') !important;
    17232098  background-repeat: no-repeat !important;
    17242099  background-position: center !important;
    17252100}
    1726 .tattoo-studio-banner-section .bdt-navigation-arrows{
     2101
     2102.tattoo-studio-banner-section .bdt-navigation-arrows {
    17272103  bottom: 60% !important;
    17282104}
    1729 .tattoo-studio-banner-section .bdt-ps-counternav{
     2105
     2106.tattoo-studio-banner-section .bdt-ps-counternav {
    17302107  display: none !important;
    17312108}
    1732  
     2109
    17332110/* Product Section */
    17342111
    1735 .tattoo-studio-product-section .woocommerce-loop-product__title{
     2112.tattoo-studio-product-section .woocommerce-loop-product__title {
    17362113  font-family: "Anton", sans-serif !important;
    17372114  margin-top: 10px !important;
    17382115  margin-bottom: 5px !important;
    17392116}
    1740 .tattoo-studio-product-section .product-heading h2{
     2117
     2118.tattoo-studio-product-section .product-heading h2 {
    17412119  font-family: "Anton", sans-serif !important;
    17422120}
    1743 .tattoo-studio-product-section .eael-product-grid li img{
     2121
     2122.tattoo-studio-product-section .eael-product-grid li img {
    17442123  width: 100% !important;
    17452124  aspect-ratio: 250 / 270;
    17462125  object-fit: cover;
    17472126}
    1748 .tattoo-studio-product-section .eael-product-grid .overlay .button-wrap{
     2127
     2128.tattoo-studio-product-section .eael-product-grid .overlay .button-wrap {
    17492129  display: none !important;
    17502130}
    1751 .tattoo-studio-product-section .product-heading h2{
     2131
     2132.tattoo-studio-product-section .product-heading h2 {
    17522133  position: relative;
    17532134}
    1754 .tattoo-studio-product-section .product-heading h2::after{
     2135
     2136.tattoo-studio-product-section .product-heading h2::after {
    17552137  content: "";
    17562138  width: 200px;
    … …  
    17692151  width: min-content;
    17702152}
     2153
    17712154.tattoo-studio-banner-section .bdt-title-tag span:last-child {
    17722155  font-family: 'Cinzel', serif !important;
    … …  
    17742157  font-weight: 400;
    17752158}
     2159
    17762160.tattoo-studio-banner-section .bdt-title-tag span {
    17772161  width: 100%;
    … …  
    17832167}
    17842168
    1785  /* Wide Block  */
    1786  
    1787  .alignwide {
    1788   margin-right  : -60px;
    1789   margin-left : -60px;
    1790 }
     2169
     2170/* ===============================================
     2171   Wide Block
     2172============================================= */
     2173
     2174.alignwide {
     2175  margin-right: -60px;
     2176  margin-left: -60px;
     2177}
     2178
    17912179.alignfull {
    1792   margin-right  : calc( -100vw / 2 + 100% / 2 );
    1793   margin-left : calc( -100vw / 2 + 100% / 2 );
    1794   max-width    : 100vw;
    1795 }
    1796 
     2180  margin-right: calc(-100vw / 2 + 100% / 2);
     2181  margin-left: calc(-100vw / 2 + 100% / 2);
     2182  max-width: 100vw;
     2183}
     2184
     2185/* ===============================================
     2186   Sticky Copyright
     2187============================================= */
     2188
     2189.sticky-copyright.footer-copyright {
     2190  position: fixed;
     2191  bottom: 0;
     2192  right: 0;
     2193  width: 100%;
     2194  z-index: 999;
     2195  transition: bottom 0.4s;
     2196  box-shadow: 0px 0px 8px #000000;
     2197}
     2198
     2199/* ===============================================
     2200   Sticky Sidebar
     2201============================================= */
     2202
     2203.sidebar-sticky {
     2204  position: sticky;
     2205  top: 100px;
     2206  z-index: 999;
     2207}
  • tattoo-studio/0.1.8/style.css

    r308426 r313062  
    55Theme URI: https://www.wpelemento.com/products/free-tattoo-shop-wordpress-theme
    66Author URI: https://www.wpelemento.com/
    7 Version: 0.1.6
     7Version: 0.1.8
    88Requires PHP: 5.6
    99Tested up to: 6.9
    … …  
    21862186}
    21872187
    2188 
    21892188/* ===============================================
    21902189   Wide Block
    … …  
    22162215}
    22172216
    2218 
    22192217/* ===============================================
    22202218   Sticky Sidebar
  • tattoo-studio/0.1.8/template-parts/content-post.php

    r264917 r313062  
    1717<div id="post-<?php the_ID(); ?>" <?php post_class('post-single mb-4'); ?>>
    1818  <?php if ( has_post_thumbnail() && get_theme_mod( 'tattoo_studio_single_post_featured_image',true) ) { ?>
    19     <div class="post-thumbnail post-img">
     19    <div class="post-thumbnail post-img <?php echo esc_attr( get_theme_mod('tattoo_studio_enable_post_animation', true) ? 'zoomInUp wow' : '' ); ?>">
    2020      <?php the_post_thumbnail(''); ?>
    2121    </div>
  • tattoo-studio/0.1.8/template-parts/related-posts.php

    r267172 r313062  
    2222
    2323if ( $tattoo_studio_related_posts->have_posts() ) : ?>
    24     <div class="related-post">
     24    <div class="related-post <?php echo esc_attr( get_theme_mod('tattoo_studio_enable_post_animation', true) ? 'zoomInUp wow' : '' ); ?>">
    2525        <h3><?php echo esc_html__('Related Post' ,'tattoo-studio' );?></h3>
    2626        <div class="row">
Note: See TracChangeset for help on using the changeset viewer.