WordPress.org
Get WordPress

Make WordPress Themes

Changeset 356034


Ignore:
Timestamp:
10/28/2026 06:58:59 PM (17 hours ago)
Author:
themedropbox
Message:

New version of Shopress - 2.0

Location:
shopress/2.0
Files:
51 added
25 deleted
3 edited
1 copied

Legend:

Unmodified
Added
Removed

  • shopress/2.0/functions.php

    r206051 r356034  
    11<?php
    22/**
    3  * shopress functions and definitions.
     3 * Functions and definitions
    44 *
    55 * @link https://developer.wordpress.org/themes/basics/theme-functions/
    66 *
    7  * @package shopress
     7 * @package lesson-one
     8 * @since 0.0.1
    89 */
    910
     11/**
     12 * Enqueue the style.css file.
     13 *
     14 * @since 0.0.1
     15 */
     16defined( 'SHOPRESS_VERSION' ) || define( 'SHOPRESS_VERSION', '0.1' );
     17defined( 'SHOPRESS_DIR' ) || define( 'SHOPRESS_DIR', trailingslashit( get_template_directory() ) );
     18defined( 'SHOPRESS_URI' ) || define( 'SHOPRESS_URI', trailingslashit( get_template_directory_uri() ) );
    1019
    11         $shopress_theme_path = get_template_directory() . '/inc/icy/';
     20require get_parent_theme_file_path( 'inc/autoload.php' );
     21require get_parent_theme_file_path( 'inc/wptt-webfont-loader.php' );
     22shopress\Init::instance();
    1223
    13         require( $shopress_theme_path . '/shopress-custom-navwalker.php' );
    14         require( $shopress_theme_path . '/font/font.php');
    15 
    16         /*-----------------------------------------------------------------------------------*/
    17         /*      Enqueue scripts and styles.
    18         /*-----------------------------------------------------------------------------------*/
    19         require( $shopress_theme_path .'/enqueue.php');
    20         /* ----------------------------------------------------------------------------------- */
    21         /* Customizer */
    22         /* ----------------------------------------------------------------------------------- */
    23        
    24         require( $shopress_theme_path . '/customize/shopress_customize_copyright.php');
    25         require( $shopress_theme_path . '/customize/shopress_customize_homepage.php');
    26         require( $shopress_theme_path . '/customize/class-alpha-color-control/class-alpha-color-control.php');
    27        
    28        
    29        
    30         /*
    31          * Load customize pro
    32         */
    33         require_once( trailingslashit( get_template_directory() ) . 'inc/icy/customize-pro/class-customize.php' );
    34 
    35 /**
    36  * Sets up theme defaults and registers support for various WordPress features.
    37  *
    38  * Note that this function is hooked into the after_setup_theme hook, which
    39  * runs before the init hook. The init hook is too late for some features, such
    40  * as indicating support for post thumbnails.
    41  */
    42 function shopress_setup() {
    43         /*
    44          * Make theme available for translation.
    45          * Translations can be filed in the /languages/ directory.
    46          * If you're building a theme based on shopress, use a find and replace
    47          * to change 'shopress' to the name of your theme in all the template files.
    48          */
    49         load_theme_textdomain( 'shopress', get_template_directory() . '/languages' );
    50 
    51         // Add default posts and comments RSS feed links to head.
    52         add_theme_support( 'automatic-feed-links' );
    53 
    54        
    55 
    56         /*
    57          * Let WordPress manage the document title.
    58          * By adding theme support, we declare that this theme does not use a
    59          * hard-coded <title> tag in the document head, and expect WordPress to
    60          * provide it for us.
    61          */
    62         add_theme_support( 'title-tag' );
    63 
    64         /*
    65          * Enable support for Post Thumbnails on posts and pages.
    66          *
    67          * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
    68          */
    69         add_theme_support( 'post-thumbnails' );
    70 
    71         // This theme uses wp_nav_menu() in one location.
    72         register_nav_menus( array(
    73                 'primary' => __( 'Primary menu', 'shopress' ),
    74         'top-left' => __( 'Top Left Menu', 'shopress' ),
    75         'top-right' => __( 'Top Right Menu', 'shopress' ),
    76         ) );
    77 
    78         /*
    79          * Switch default core markup for search form, comment form, and comments
    80          * to output valid HTML5.
    81          */
    82         add_theme_support( 'html5', array(
    83                 'comment-list',
    84                 'gallery',
    85                 'caption',
    86         ) );
    87 
    88         // Set up the woocommerce feature.
    89     add_theme_support( 'woocommerce');
    90        
    91         //Custom logo
    92         add_theme_support( 'custom-logo');
    93        
    94        
    95                 // custom header
    96                 $args = array(
    97                 'default-image'         =>  get_template_directory_uri() .'/images/breadcrumb-back.jpg',
    98                 'width'                 => '1600',
    99                 'height'                => '500',
    100                 'flex-height'           => false,
    101                 'flex-width'            => false,
    102                 'header-text'           => true,
    103                 'default-text-color'    => '#143745'
    104                 );
    105                 add_theme_support( 'custom-header', $args );
    106 
     24function shopress_register_block_styles() {
     25        register_block_style(
     26                'core/heading',
     27                array(
     28                        'name'  => 'section-heading',
     29                        'label' => __( 'Section Heading', 'shopress' ),
     30                )
     31        );
    10732}
    108 add_action( 'after_setup_theme', 'shopress_setup' );
    109 
    110         function shopress_the_custom_logo() {
    111        
    112         if ( function_exists( 'the_custom_logo' ) ) {
    113                 the_custom_logo();
    114         }
    115 
    116         }
    117 
    118         add_filter('get_custom_logo','shopress_logo_class');
    119 
    120 
    121         function shopress_logo_class($html)
    122         {
    123         $html = str_replace('custom-logo-link', 'navbar-brand', $html);
    124         return $html;
    125         }
    126 
    127 /**
    128  * Set the content width in pixels, based on the theme's design and stylesheet.
    129  *
    130  * Priority 0 to make it available to lower priority callbacks.
    131  *
    132  * @global int $content_width
    133  */
    134 function shopress_content_width() {
    135         $GLOBALS['content_width'] = apply_filters( 'shopress_content_width', 640 );
    136 }
    137 add_action( 'after_setup_theme', 'shopress_content_width', 0 );
    138 
    139 /**
    140  * Register widget area.
    141  *
    142  * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
    143  */
    144 function shopress_widgets_init() {
    145         register_sidebar( array(
    146                 'name'          => esc_html__( 'Sidebar', 'shopress' ),
    147                 'id'            => 'sidebar-1',
    148                 'description'   => '',
    149                 'before_widget' => '<div id="%1$s" class="shopress-widget %2$s">',
    150                 'after_widget'  => '</div>',
    151                 'before_title'  => '<h6>',
    152                 'after_title'   => '</h6>',
    153         ) );
    154 
    155         register_sidebar( array(
    156                 'name'          => esc_html__( 'Footer Widget Area', 'shopress' ),
    157                 'id'            => 'footer_widget_area',
    158                 'description'   => '',
    159                 'before_widget' => '<div id="%1$s" class="col-md-3 col-sm-6 rotateInDownLeft animated shopress-widget %2$s">',
    160                 'after_widget'  => '</div>',
    161                 'before_title'  => '<h6>',
    162                 'after_title'   => '</h6>',
    163         ) );
    164 }
    165 add_action( 'widgets_init', 'shopress_widgets_init' );
    166 
    167 /* Implement the Custom Header feature. */
    168 
    169 //Get slider excerpt
    170 function shopress_slider_excerpt()
    171         {
    172                 global $post;
    173                 $excerpt = get_the_content();
    174                 $excerpt = strip_tags(preg_replace(" (\[.*?\])",'',$excerpt));
    175                 $excerpt = strip_shortcodes($excerpt);         
    176                 $original_len = strlen($excerpt);
    177                 $excerpt = substr($excerpt, 0, 100);           
    178                 $len=strlen($excerpt);   
    179                 if($original_len>200) {
    180                 $excerpt = $excerpt;
    181                 return $excerpt . '<div><a href="' . esc_url(get_permalink()) . '" class="btn btn-theme margin-bottom-10">'.__("Read More","shopress").'</a></div>';
    182                 }
    183                 else
    184                 { return $excerpt; }
    185         }
    186        
    187        
    188 function shopress_excerpt_more_button( $more ) {
    189         return '<br><a class="btn btn-theme post-btn" href="' . get_permalink() . '">'.__('Read More','shopress').'</a>';
    190 }
    191 add_filter( 'excerpt_more', 'shopress_excerpt_more_button', 20 );       
    192 
    193                
    194                
    195                 register_default_headers( array(
    196                         'mypic' => array(
    197                         'url'   => get_template_directory_uri() . '/images/page-header-bg.jpg',
    198                         'thumbnail_url' => get_template_directory_uri() . '/images/breadcrumb/background.jpg',
    199                         'description'   => _x( 'headerPic', 'header image description', 'shopress' )),
    200                 ));
    201                
    202 //Read more Button on slider & Post
    203 function shopress_read_more() {
    204        
    205         global $post;
    206        
    207         $readbtnurl = '<a class="btn btn-theme" href="' . get_permalink() . '">'.__('Read More','shopress').'</a>';
    208        
    209     return $readbtnurl;
    210 }
    211 add_filter( 'the_content_more_link', 'shopress_read_more' );
    212 
    213 if ( ! function_exists( 'wp_body_open' ) ) {
    214 
    215         function wp_body_open() {
    216                 /**
    217                  * Triggered after the opening <body> tag.
    218                  */
    219                 do_action( 'wp_body_open' );
    220         }
    221 }
     33add_action( 'init', 'shopress_register_block_styles' );

  • shopress/2.0/readme.txt

    r212211 r356034  
    1 =================
    2 Shopress THEME
    3 =================
    4 Contributors: themeansar
    5 Tags: one-column, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, e-commerce, news, photography
    6 Tested up to: 6.4.2
    7 Requires PHP: 7.0
    8 Requires at least: 5.4
    9 Stable tag: 1.7.12
     1=== Shopress ===
     2Contributors: Themeansar
     3Author: Themeansar
     4Requires at least: 6.0
     5Tested up to: 7.1
     6Requires PHP: 7.4
     7Stable tag: 2.0
     8Version: 2.0
     9License: GPLv2 or later
     10License URI: http://www.gnu.org/licenses/gpl-2.0.html
    1011
    11 == Theme License & Copyright ==
    12 Copyright (c) 2021 by Themeansar
     12== Description ==
     13Shopress is a fast, clean, modern-looking Best Responsive Full Site Editing e-commerce and blog theme. The theme allows you to customize every part of your website. Shopress is suitable for dynamic blog, publishers, blogs, editors, personal blogs,  publishing or review site and any creative website. Shopress is SEO friendly.
    1314
    14 This Theme is distributed under the terms of the GNU GPL.
     15== Installation ==
     161. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.
     172. Type in Shopress in the search form and press the 'Enter' key on your keyboard.
     183. Click on the 'Activate' button to use your new theme right away.
    1519
    16 This program is free software; you can redistribute it and/or modify
     20== Copyright ==
     21Shopress WordPress Theme, Copyright (c) 2026, Themeansar
     22Shopress is distributed under the terms of the GNU GPLs
     23
     24This program is free software: you can redistribute it and/or modify
    1725it under the terms of the GNU General Public License as published by
    18 the Free Software Foundation; either version 2 of the License, or
     26the Free Software Foundation, either version 2 of the License, or
    1927(at your option) any later version.
    2028
    21 ===========
    22 ABOUT THEME
    23 ===========
    24 Shopress is Responsive, Mulshopress-Purpose, HTML5 / CSS3 Theme for (Desktop, tablet, mobile phone�)
    25 shopress is Created with Twitter Bootstrap 3.3.2 Framework. shopress is a great design idea for
    26 website of Creative shopress,ecommerce, Corporate, Corporation, Company Profile, Personal Portfolio, and more �
    27 Create Outstanding Website or Blog in Minutes!. Awesome Design, Unique Concepts, shopress has static and fixed header feature. it�s developed with lots of care and love.
     29This program is distributed in the hope that it will be useful,
     30but WITHOUT ANY WARRANTY; without even the implied warranty of
     31MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
     32GNU General Public License for more details.
    2833
    29 Theme has two, three, four footer layout feature.We focused on usability across various
    30 devices, starting with smart phones.it is compatible with various devices. shopress is a
    31 Cross-Browser Compatible theme that works on All leading web browsers. shopress is easy to use and
    32 user friendly theme.
    33 Powerful but simple shopress theme content customized through customizer. to make your site attractive it has two
    34 widget sections first for �sidebar widget section� and second for �Footer widget section� .
     34This theme bundles the following third-party resources:
    3535
    36 To make your website in two column use sidebar widget section. to set custom menu in header set primary location. we added social media links to added your social links.It boasts of beautifully designed page sections , Home, Blog and Default Page Template(page with right sidebar), Page Full-Width, Page Left Sidebar. shopress theme has more advanced feature to make your site awesome like: it has header top bar dark & lite color feature. you can also changed header color dark and lite styling. Theme compatible with woocommerce. shopress is a fully woocommerce compitable theme. shopress is translation ready theme with WPML compatible & Many More�.
     36== Google Fonts ==
     37* Inter
     38    License: [Google Fonts Licensing](https://fonts.google.com/knowledge/glossary/licensing) 
     39    Source: [Inter on Google Fonts](https://fonts.google.com/specimen/Inter)
    3740
    38 This theme is compatible with Wordpress Version 4.5.2  and above and it supports the new theme customization API (https://codex.wordpress.org/Theme_Customization_API).
     41* Plus Jakarta Sans
     42    License: [Google Fonts Licensing](https://fonts.google.com/knowledge/glossary/licensing) 
     43    Source: [Plus Jakarta Sans on Google Fonts](https://fonts.google.com/specimen/Plus+Jakarta+Sans)
    3944
    40 Supported browsers: Firefox, Opera, Chrome, Safari and IE10+ (Some css3 styles like shadows, rounder corners and 2D transform are not supported by IE8 and below).
     45== Image Licence ==
     46License: Creative Commons CC0 license.
     47    License URI: https://pxhere.com/en/license
     48    License URI: https://stocksnap.io/license
    4149
    42 /***** BUNDELED CSS ***/
    43 ============================================
    44 This theme uses Underscores
    45 ============================================
    46  * shopress is based on Underscores. All the files in the theme package are from Underscores, unless stated otherwise.
    47  * Copyright: Automattic, automattic.com
    48  * Source: http://underscores.me/
    49  * License: GPLv2
    50  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
     50* Post Images
     51* https://stocksnap.io/photo/clothes-suits-XRVSDKCWZ7
     52* https://stocksnap.io/photo/woman-business-X0XJR9QNN8
     53* https://stocksnap.io/photo/botique-clothing-LYRMWV25YX
    5154
    52 ============================================
    53 This theme uses Font Awesome for the theme icons
    54 ============================================
    55  * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
    56  * Source: http://fontawesome.io
    57  * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
    58 ======================================
    59 This theme uses Bootstrap as a design tool
    60 ======================================
    61  * Bootstrap (http://getbootstrap.com/)
    62  * Copyright (c) 2011-2014 Twitter, Inc
    63  * Licensed under https://github.com/twbs/bootstrap/blob/master/LICENSE
    64 ======================================
    65 
    66 ======================================
    67 
    68 /***** BUNDELED JS ***/
    69 This theme uses Owl Carousel
    70 ======================================
    71  * Licensed under https://github.com/OwlFonk/OwlCarousel
    72 ======================================
    73 
    74 This theme uses vadikom/smartmenus
    75 ======================================
    76  * Licensed under https://github.com/vadikom/smartmenus
    77 ======================================
    78 
    79 /**** Images Source *****/
    80 
    81 /***** Screenshot Image & Bredcrumb Image CCO by Stocksnap  *****/
    82 https://stocksnap.io/photo/clothes-suits-XRVSDKCWZ7
    83 
    84 /***** product images *****/
    85 
    86 The images were obtained from the Sample Test Data provided by WooCommerce Plugin. They are under GPL License.
    87 
    88 Source: https://wordpress.org/plugins/woocommerce/
    89     https://github.com/woothemes/woocommerce/tree/master/dummy-data
    90 
    91 License:
    92     https://github.com/woothemes/woocommerce/blob/master/license.txt
    93 
    94 
    95 
    96 ========================================================================================       
     55== Changelog ==
    9756--- Version 0.1 ----
    98571. Relesed
    … …  
    182141--- Version 1.7.12 ----
    1831421. Fixed Styling styling.
     143
     144--- Version 2.0 ----
     1451. Update to Block base.
     1462. Update screenshot.

  • shopress/2.0/style.css

    r212211 r356034  
    11/*
    22Theme Name: Shopress
    3 Theme URI: https://themeansar.com/free-themes/shopress/
    4 Author: themeansar
     3Theme URI:
     4Description: Shopress Blocks Based is a fast, clean, modern-looking Best Responsive Full Site Editing WooCommerce theme. The theme allows you to customize every part of your website. Shopress is suitable for eCommerce fashion, fitness dynamic blog, publishers, blogs, editors, personal blogs,  publishing or review site and any creative website. Shopress is SEO friendly.
     5Author: Themeansar
    56Author URI: https://themeansar.com
    6 Description: Shopress is multipurpose WooCommerce WordPress Theme suitable for eCommerce websites of any store type: fashion, fitness, accessories, sport, technology, furniture, digitals etc. Its modern design is perfect to create a website for your business. Shopress includes plenty of customization options that are easy to use. Main features of Shopress: Customizer theme options, background image and color, wishlist support, homepage slider, product search with category select, SEO optimized, fully responsive, configurable home page, fast loading, left or right sidebar.Theme includes customizable homepage, awesome slider, social links, latest products, Featured product, Best deal product, latest blog section and other Advance section, check the demo at https://themeansar.com/demo/wp/shopress/default/
    7 Version: 1.7.12
    8 Tested up to: 6.4.2
    9 Requires PHP: 7.0
    10 Requires at least: 5.4
    11 Tags: one-column, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, e-commerce, news, photography
    12 License: GNU General Public License v3 or later
    13 License URI: http://www.gnu.org/licenses/gpl.html
     7Requires at least: 6.0
     8Tested up to: 7.1
     9Requires PHP: 7.4
     10Version: 2.0
     11License: GNU General Public License v2 or later
     12License URI: http://www.gnu.org/licenses/gpl-2.0.html
    1413Text Domain: shopress
     14Tags: full-site-editing, editor-style, block-patterns, wide-blocks, block-styles, custom-colors, custom-logo, custom-menu, featured-images, one-column, two-columns, grid-layout, right-sidebar, blog, news, e-commerce
    1515*/
    16 
    17 /* --------------------------------------
    18 =========================================
    19         Header
    20 =========================================
    21 -----------------------------------------*/
    22 .shopress-head-detail {
    23         padding: 5px 0;
    24         border-bottom: 1px solid #e5e5e5;
    25 }
    26 .shopress-head-detail .info-left {
    27         display: block;
    28         float: left;
    29         margin: 0;
    30         padding: 0;
    31 }
    32 .shopress-head-detail .info-left li {
    33         display: inline-block;
    34         margin-right: 15px;
    35         padding: 0;
    36 }
    37 .shopress-head-detail .info-left li a {
    38         font-size: 12px;
    39         font-weight: 500;
    40 }
    41 .shopress-head-detail .info-left i {
    42         font-size: 14px;
    43         padding-right: 10px;
    44 }
    45 .info-right {
    46         display: block;
    47         float: right;
    48         margin: 0;
    49         padding: 0;
    50 }
    51 .info-right li {
    52         display: inline-block;
    53         margin-right: 15px;
    54         padding: 0;
    55 }
    56 .shopress-head-detail .info-right li a {
    57         font-size: 12px;
    58         font-weight: 500;
    59 }
    60 .shopress-head-detail .info-right i {
    61         font-size: 14px;
    62         padding-right: 10px;
    63 }
    64 .shopress-head-detail ul ul {
    65         display:none;
    66         position:absolute;
    67         top:98%;
    68         right: inherit;
    69         background:#fff;
    70         padding:0;
    71         border-radius: 0;
    72         z-index: 999;
    73         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    74         border: 1px solid #eee;
    75 }
    76 .shopress-head-detail ul ul li {
    77         float:none;
    78         width:100%;
    79         min-width: 100px;
    80         padding: 8px 0;
    81 }
    82 .shopress-head-detail ul ul a {
    83         line-height:1;
    84         padding: 8px 16px;
    85 }
    86 .shopress-head-detail ul ul ul {
    87         top:0;
    88         left:100%;
    89 }
    90 .shopress-head-detail ul li:hover > ul {
    91         display:block;
    92 }
    93 .shopress-head-detail ul li:last-child > ul {
    94         float: left;
    95         right: 0;
    96         left: inherit;
    97 }
    98 /*---------------------------------------
    99         Header Widget     
    100 -----------------------------------------*/
    101 .header-widget .shopress-header-box {
    102         margin: 18px 0;
    103 }
    104 .header-widget .shopress-header-box .btn {
    105         border: medium none;
    106         height: 40px;
    107         padding: 2px 12px;
    108         transition: all 0.3s ease 0s;
    109 }
    110 .shopress-header-box .searchform .btn {
    111         border: medium none;
    112         height: 40px;
    113         padding: 2px 12px;
    114         transition: all 0.3s ease 0s;
    115         border-width: 1px 1px 1px 0px;
    116         border-style: solid;
    117         border-radius: 0;
    118 }
    119 .header-widget .shopress-header-cart {
    120         float: right;
    121         margin: 14px 0 18px;
    122         list-style: none;
    123 }
    124 .header-widget .shopress-header-cart a{
    125         display: flex;
    126 }
    127 .header-widget ul li a span i {
    128     float: left;
    129     font-size: 40px;
    130     height: 40px;
    131     line-height: 50px;
    132     margin: 0 6px 0 0;
    133     text-align: center;
    134     width: 50px;   
    135 }
    136 .header-widget .shopress-cart-total {
    137     color: #929292;
    138     display: inline-block;
    139     font-size: 14px;
    140     line-height: 18px;
    141     margin: 0;
    142     min-width: 160px;
    143     position: relative;
    144     text-align: left;
    145     border-style: solid;
    146     border-width: 0 0 0 1px;
    147     border-color: #ccc;
    148     padding-left: 10px;
    149 }
    150 .header-widget span.shopress-cart-title {
    151     display: block;
    152     font-size: 16px;
    153     font-weight: 600;
    154     margin-bottom: 10px;
    155 }
    156 .header-widget span.shopress-cart-price {
    157     color: #303f9f;
    158     font-size: 15px;
    159     margin-right: 0;
    160     white-space: nowrap;
    161 }
    162 .navbar-wp .shopress-header-cart-mob {
    163         float: right;
    164     font-size: 20px;
    165     line-height: 40px;
    166     display: none;
    167 }
    168 /*---------------------------------------
    169         Theme Menu         
    170 -----------------------------------------*/
    171 .navbar-wp {
    172         margin: 0;
    173         padding: 0;
    174         border-radius: 0;
    175         z-index: 1000;
    176         box-shadow: 0 1px 3px 0 rgba(226, 225, 225, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    177         border: 1px solid #ececec;
    178 }
    179 .navbar-brand {
    180         font-size: 26px;
    181         height: auto;
    182         line-height: 25px;
    183         margin-right: 50px;
    184         padding: 15px 0;
    185         text-shadow: 2px 2px 1px rgba(150, 150, 183, 0.18);
    186 }
    187 .navbar-brand span.site-description {
    188         font-size: 13px;
    189         line-height: 0;
    190 }
    191 .navbar-wp .navbar-nav > li> a {
    192         padding: 16px 16px;
    193         margin-right: 0;
    194         font-size: 14px;
    195         font-weight: 500;
    196         letter-spacing: 0.5px;
    197         -webkit-transition: all .25s ease-out;
    198         -moz-transition: all .25s ease-out;
    199         transition: all .25s ease-out;
    200         margin-bottom: 0px;
    201         text-transform: uppercase;
    202 }
    203 .navbar-wp .navbar-nav > li > ul::before {
    204         content: "";
    205         left: 15%;
    206         position: absolute;
    207         top: -22px;
    208         -moz-border-bottom-colors: none;
    209         -moz-border-left-colors: none;
    210         -moz-border-right-colors: none;
    211         -moz-border-top-colors: none;
    212         border-image: none;
    213         border-style: solid;
    214         border-width: 11px;
    215         width: 0;
    216         z-index: 1100;
    217 }
    218 .navbar-wp .navbar-nav > li > ul > li > a i {
    219         padding-right: 10px;
    220 }
    221 
    222 .navbar-wp .navbar-nav > .disabled > a, .navbar-wp .navbar-nav > .disabled > a:hover, .navbar-wp .navbar-nav > .disabled > a:focus {
    223         background-color: transparent;
    224 }
    225 .navbar-base .navbar-nav > .open > a, .navbar-base .navbar-nav > .open > a:hover, .navbar-base .navbar-nav > .open > a:focus {
    226         background: transparent;
    227 }
    228 .navbar-toggle {
    229         border: none;
    230         margin: 6px auto;
    231         position: absolute;
    232         left: 10px;
    233         right: 0;
    234         box-shadow: inherit;
    235 }
    236 .navbar-wp .dropdown-menu {
    237         min-width: 200px;
    238         padding: 0;
    239         border: none;
    240         border-radius: 0;
    241         z-index: 10;
    242         right: auto;
    243         left: 0;
    244 }
    245 .navbar-wp .dropdown-menu > li {
    246        
    247 }
    248 .navbar-wp .dropdown-menu > li:last-child {
    249         border: 0
    250 }
    251 .navbar-wp .dropdown-menu > li > a {
    252         padding: 8px 15px;
    253         font-size: 12px;
    254         font-weight: bold;
    255         letter-spacing: 1px;
    256         font-weight: 400;
    257 }
    258 .navbar-nav > li:last-child > .dropdown-menu {
    259         right: 0;
    260         left: auto;
    261 }
    262 .dropdown-submenu {
    263         position: relative
    264 }
    265 .dropdown-submenu > .dropdown-menu {
    266         top: -1px;
    267         left: 100%;
    268         margin-top: 0;
    269         margin-left: 0;
    270         border-top-left-radius: 0;
    271         border-bottom-left-radius: 0
    272 }
    273 .dropdown-submenu:hover > .dropdown-menu {
    274         display: block;
    275         padding: 0
    276 }
    277 .dropdown-submenu.pull-left {
    278         float: none
    279 }
    280 .dropdown-submenu.pull-left > .dropdown-menu {
    281         left: -100%;
    282         margin-left: 10px
    283 }
    284 .is-sticky .navbar-wp {
    285         box-shadow: 0 1px 3px 0 rgba(226, 225, 225, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    286 }
    287 .is-sticky .navbar-brand {
    288         padding: 8px 0 0 15px;
    289         transition: all 0.25s ease-out 0s;
    290         font-size: 22px;
    291         line-height: 18px;
    292 }
    293 .shopress-search-box > .dropdown-menu {
    294         right: 0;
    295         left: auto;
    296 }
    297 .shopress-search-box .shopress-search .btn {
    298         padding: 2px 12px;
    299         border-radius: 0 3px 3px 0;
    300         height: 40px;
    301         border-width: 1px;
    302         border-style: solid;
    303 }
    304 /* --------------------------------------
    305 =========================================
    306         General
    307 =========================================
    308 -----------------------------------------*/
    309 
    310 /*---------------------------------------
    311         Body & Global           
    312 -----------------------------------------*/
    313 body {
    314         padding: 0;
    315         margin: 0;
    316         font-family: 'Poppins', sans-serif;
    317         font-size: 14px;
    318         font-weight: 400;
    319         line-height: 24px;
    320 }
    321 .boxed {
    322         width: 1170px;
    323         margin: 0 auto;
    324         box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
    325 }
    326 a {
    327         text-decoration: none;
    328 }
    329 body a:focus, body a:hover {
    330         outline: none;
    331         text-decoration: none;
    332 }
    333 select {
    334         background-clip: padding-box;
    335         background-color: #fff;
    336         border: 1px solid #ccc;
    337         border-radius: 3px;
    338         color: #444;
    339         display: block;
    340         font-weight: 400;
    341         overflow: hidden;
    342         padding: 6px 12px;
    343         position: relative;
    344         text-decoration: none;
    345         white-space: nowrap;
    346 }
    347  .no-gutter > [class*=col-] {
    348  padding-right: 0;
    349  padding-left: 0;
    350 }
    351 input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
    352         border-radius: 3px;
    353         margin-bottom: 20px;
    354         box-shadow: inherit;
    355         padding: 6px 12px;
    356         line-height: 25px;
    357         border-width: 2px;
    358         border-style: solid;
    359 }
    360 input[type="submit"], button {
    361         padding: 5px 35px;
    362         line-height: 30px;
    363         border-radius: 2px;
    364         font-weight: bold;
    365         font-size: 14px;
    366         border-width: 2px;
    367         border-style: solid;
    368         transition: all 0.4s ease-in-out 0s;
    369         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    370 }
    371 input:not([type]):hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover, input:not([type]):focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
    372         border-width: 2px;
    373         border-style: solid;
    374 }
    375 textarea {
    376         border: 2px solid #eee;
    377         border-radius: 3px;
    378         width: 100%;
    379 }
    380 input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus {
    381         transition: all 0.3s ease 0s;
    382         outline: none;
    383         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
    384 }
    385 mark, .mark {
    386         padding: 2px 5px;
    387         border-radius: 3px;
    388 }
    389 /*---------------------------------------
    390         Typography       
    391 -----------------------------------------*/
    392 h1, .h1 {
    393         font-size: 34px;
    394         line-height: 40px;
    395 }
    396 h2, .h2 {
    397         font-size: 32px;
    398         line-height: 35px;
    399 }
    400 h3, .h3 {
    401         font-size: 28px;
    402         line-height: 30px;
    403 }
    404 h4, .h4 {
    405         font-size: 24px;
    406         line-height: 25px;
    407 }
    408 h5, .h5 {
    409         font-size: 20px;
    410         line-height: 20px;
    411 }
    412 h6, .h6 {
    413         font-size: 16px;
    414         line-height: 20px;
    415 }
    416 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    417         font-family: 'Abril Fatface', cursive;
    418         font-weight: normal;
    419 }
    420 .alignleft {
    421     display: inline;
    422     float: left;
    423     margin-right: 50px;
    424 }
    425 
    426 .alignright {
    427     display: inline;
    428     float: right;
    429     margin-left: 50px;
    430 }
    431 
    432 .aligncenter {
    433     clear: both;
    434     display: block;
    435     margin-left: auto;
    436     margin-right: auto;
    437     margin-bottom: 30px;
    438 }
    439 
    440 .text-alignleft {
    441     text-align: left;
    442 }
    443 
    444 .text-alignright {
    445     text-align: right;
    446 }
    447 
    448 .text-aligncenter {
    449     text-align: center;
    450 
    451 }
    452 blockquote {
    453         position: relative;
    454         width: 100%;
    455         border-width: 0 0 0 5px;
    456         border-style: solid;
    457 }
    458 blockquote::before {
    459         color: #d0d0d0;
    460         content: "\f10d";
    461         display: table;
    462         float: left;
    463         font-family: "FontAwesome";
    464         font-size: 28px;
    465         margin-top: 6px;
    466         font-weight: normal;
    467         width: 6%;
    468 }
    469 blockquote p {
    470         font-style: italic;
    471         width: 94%;
    472         display: table;
    473 }
    474 .margin-top-zero {
    475         margin-top: 0px;
    476 }
    477 .margin-bottom-zero {
    478         margin-bottom: 0px;
    479 }
    480 .margin-top-10 {
    481         margin-bottom: 10px;
    482 }
    483 .margin-top-20 {
    484         margin-top: 20px;
    485 }
    486 .margin-top-30 {
    487         margin-top: 30px;
    488 }
    489 .margin-top-50 {
    490         margin-top: 50px;
    491 }
    492 .margin-top-80 {
    493         margin-top: 80px;
    494 }
    495 .margin-bottom-10 {
    496         margin-bottom: 10px;
    497 }
    498 .margin-bottom-20 {
    499         margin-bottom: 20px;
    500 }
    501 .margin-bottom-30 {
    502         margin-bottom: 30px;
    503 }
    504 .margin-bottom-50 {
    505         margin-bottom: 50px;
    506 }
    507 .margin-bottom-80 {
    508         margin-bottom: 80px;
    509 }
    510 .padding-top-10 {
    511         padding-top: 10px;
    512 }
    513 .padding-top-20 {
    514         padding-top: 20px;
    515 }
    516 .padding-top-30 {
    517         padding-top: 30px;
    518 }
    519 .padding-top-50 {
    520         padding-top: 50px;
    521 }
    522 .padding-top-40 {
    523         padding-top: 40px;
    524 }
    525 .padding-top-60 {
    526         padding-top: 60px;
    527 }
    528 .padding-top-80 {
    529         padding-top: 80px;
    530 }
    531 .padding-bottom-10 {
    532         padding-bottom: 10px;
    533 }
    534 .padding-bottom-20 {
    535         padding-bottom: 20px;
    536 }
    537 .padding-bottom-30 {
    538         padding-bottom: 30px;
    539 }
    540 .padding-bottom-50 {
    541         padding-bottom: 50px;
    542 }
    543 .padding-bottom-60 {
    544         padding-bottom: 60px;
    545 }
    546 .padding-bottom-80 {
    547         padding-bottom: 80px;
    548 }
    549 /*---------------------------------------
    550         Alerts Styles           
    551 -----------------------------------------*/
    552 .alert-success, .text-success {
    553         background-color: #2ac56c;
    554         color: #fff;
    555 }
    556 .alert-info, .text-info {
    557         background-color: #4593e3;
    558         color: #fff;
    559 }
    560 .alert-danger, .text-danger {
    561         background-color: #f06060;
    562         color: #fff;
    563 }
    564 .alert-warning, .text-warning {
    565         background-color: #fcd04b;
    566         color: #fff;
    567 }
    568 .progress-bar-success {
    569         background-color: #2ac56c;
    570         color: #fff;
    571 }
    572 .progress-bar-info {
    573         background-color: #4593e3;
    574         color: #fff;
    575 }
    576 .progress-bar-danger {
    577         background-color: #f06060;
    578         color: #fff;
    579 }
    580 .progress-bar-warning {
    581         background-color: #fcd04b;
    582         color: #fff;
    583 }
    584 .shopress-skills .progress {
    585         border-radius: 0;
    586 }
    587 .shopress-skills .progress .progress-bar {
    588         overflow: hidden;
    589         position: absolute;
    590 }
    591 .subscription-success {
    592         color: #2ac56c;
    593 }
    594 .subscription-error {
    595         color: #f06060;
    596 }
    597 /*---------------------------------------
    598         2.4.Button Styles           
    599 -----------------------------------------*/
    600 .btn {
    601         padding: 5px 35px;
    602         line-height: 30px;
    603         overflow: hidden;
    604         position: relative;
    605         border-radius: 2px;
    606         font-weight: bold;
    607         display: inline-block;
    608         transition: all 0.4s ease-in-out 0s;
    609         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    610 }
    611 .btn-theme {
    612         border: none;
    613 }
    614 .btn-theme:hover, .btn-theme:focus {
    615         transition: all 0.3s ease 0s;
    616         outline: none;
    617         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
    618 }
    619 .btn-theme-two {
    620         margin-left: 15px;
    621         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    622 }
    623 .btn-theme-two:hover, .btn-theme-two:focus {
    624         transition: all 0.3s ease 0s;
    625         outline: none;
    626         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
    627 }
    628 .pagination > li:first-child > a, .pagination > li:first-child > span {
    629         border-radius: 50%;
    630 }
    631 .pagination > li:last-child > a, .pagination > li:last-child > span {
    632         border-radius: 50%;
    633 }
    634 .pagination > li > a, .pagination > li > span {
    635         margin: 0 3px;
    636         border-radius: 50%;
    637         border-width: 2px;
    638         border-style: solid;
    639         border-color: #ddd;
    640 }
    641 .pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    642         transition: all 0.3s ease 0s;
    643 }
    644 button.mfp-close:hover, button.mfp-close:focus {
    645         background: inherit;
    646 }
    647 /*---------------------------------------
    648         WP Styles 
    649 -----------------------------------------*/
    650 /*--WP--*/
    651 
    652 .bypostauthor > article .fn:after {
    653         display: inline-block;
    654         font-size: 16px;
    655         line-height: 1;
    656         speak: none;
    657         text-align: center;
    658         text-decoration: inherit;
    659         text-transform: none;
    660         vertical-align: top;
    661 }
    662 .sticky {
    663         display: none;
    664 }
    665 .gallery-caption {
    666         color: #686868;
    667         display: block;
    668         font-size: 13px;
    669         font-size: 0.8125rem;
    670         font-style: italic;
    671         line-height: 1.6153846154;
    672         padding-top: 0.5384615385em;
    673 }
    674 .wp-caption {
    675         margin-bottom: 1.75em;
    676         max-width: 100%;
    677 }
    678 .wp-caption img[class*="wp-image-"] {
    679         display: block;
    680         margin: 0;
    681         max-width:100%;
    682 }
    683 .wp-caption .wp-caption-text {
    684         color: #686868;
    685         font-size: 13px;
    686         font-style: italic;
    687         line-height: 1.6153846154;
    688         padding-top: 0.5384615385em;
    689 }
    690 .content-area img.alignnone, .content-area figure.alignnone img {
    691         width: 100%;
    692         height: auto;
    693 }
    694 .content-area figure {
    695         width: 100%;
    696 }
    697 .entry-header h1 {
    698         position: relative;
    699         padding-bottom: 15px;
    700         margin-bottom: 20px;
    701         font-size: 24px;
    702 }
    703 .entry-header h1::before {
    704         border: 1px solid;
    705         bottom: 0;
    706         content: "";
    707         display: block;
    708         left: 0;
    709         margin: auto;
    710         position: absolute;
    711         width: 30px;
    712         transition: all 0.4s ease 0s;
    713 }
    714 .entry-header h1:hover::before {
    715         width: 13%;
    716 }
    717 .entry-footer {
    718         background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    719 }
    720 .entry-footer .screen-reader-text {
    721         display: none;
    722 }
    723 img.alignnone {
    724         width: 100%;
    725         height: auto;
    726 }
    727 img.size-large {
    728         width: 100%;
    729         height: auto;
    730 }
    731 /*----woocommerce----*/
    732 /* woocommerce v2.3.5 */
    733 *:focus {
    734         outline: 0;
    735 }
    736 .woocommerce h2 {
    737         font-size: 22px;
    738 }
    739 .woocommerce h3 {
    740         font-size: 20px;
    741 }
    742 /*----product----*/
    743 .woocommerce .products span.onsale, .woocommerce span.onsale {
    744         border-radius: 50%;
    745         display: block;
    746         font-size: 13px;
    747         font-weight: normal;
    748         line-height: 56px;
    749         margin: 18px !important;
    750         min-height: 10px;
    751         padding: 0 12px;
    752         z-index: 999;
    753         width: 56px;
    754         height: 56px;
    755 }
    756 .woocommerce span.onsale {
    757         margin: 10px !important;
    758 }
    759 .woocommerce ul.products li.product {
    760         text-align: center;
    761         padding-bottom: 10px;
    762         transition: all 0.4s ease 0s;
    763         border-radius: 4px;
    764     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    765 }
    766 .woocommerce ul.products li.product:hover {
    767         box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.2);
    768 }
    769 .woocommerce ul.products li.product a {
    770         overflow: hidden;
    771         position: relative;
    772 }
    773 .woocommerce ul.products li.product:hover .button, .woocommerce ul.products li.product:hover .added_to_cart {
    774         opacity: 1;
    775 }
    776 .woocommerce ul.products li.product .button:before {
    777     content: "\f291";
    778     font-family: FontAwesome;
    779     font-size: 22px;
    780     float: left;
    781      width: 57px;
    782     height: 55px;
    783     line-height: 52px;
    784 }
    785 .woocommerce ul.products li.product .added_to_cart:before {
    786     content: "\f07a";
    787     font-family: FontAwesome;
    788     font-size: 30px;
    789     float: left;
    790     margin: 0;
    791     width: 56px;
    792     height: 56px;
    793     line-height: 56px;
    794 }
    795 .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart {
    796         border: medium none;
    797     border-radius: 50%;
    798     display: inline-block;
    799     font-size: 12px;
    800     margin: 0 auto;
    801     padding: 0px 20px 6px 0px;
    802     text-align: center;
    803     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    804     width: 56px;
    805     height: 56px;
    806     line-height: 56px;
    807     position: absolute;
    808     right: 10px;
    809     top: 63%;
    810     content: "";
    811     opacity: 0;
    812     transition: all 0.3s ease 0s;
    813 }
    814 .woocommerce ul.products li.product a img {
    815         -webkit-transition: all 0.7s ease;
    816         transition: all 0.7s ease;
    817         border-radius: 4px 4px 0 0;
    818 }
    819 .woocommerce ul.products li.product a img:hover {
    820         transform: scale(1.1);
    821 }
    822 .woocommerce-page .woocommerce-ordering select {
    823         padding: 12px 15px 12px 10px;
    824         color: #A0A0A0;
    825         border: 1px solid rgba(0, 0, 0, 0.1);
    826         border-radius: 0;
    827 }
    828 .woocommerce-page .products .product > a:first-child {
    829         position: relative;
    830         text-align: center;
    831         display: block;
    832 }
    833 .woocommerce-page .products a.button {
    834         display: inline-block;
    835         text-align: center;
    836         padding: 10px 20px 10px 20px;
    837         border-radius: 4px;
    838         margin: 10px;
    839         border: none;
    840         font-size: 12px;
    841         margin: 0 auto !important;
    842 }
    843 .woocommerce-page .products h3 {
    844         position: relative;
    845         display: inline-block;
    846         margin-bottom: 30px;
    847         font-weight: bold;
    848         font-size: 12px;
    849         line-height: 25px;
    850         float: none;
    851         width: auto;
    852         margin: 0;
    853         font-family: 'Poppins', sans-serif;
    854 }
    855 .woocommerce-page .products .star-rating {
    856         position: relative;
    857         margin: 0 auto;
    858 }
    859 .woocommerce-page .products a .price {
    860         line-height: 20px;
    861         width: 100%;
    862         float: left;
    863         height: auto;
    864         min-height: 40px;
    865         text-align: center;
    866         padding: 10px 0;
    867 }
    868 .woocommerce ul.products li.product .price {
    869         font-size: 14px;
    870 }
    871 .woocommerce-page .products a .price del {
    872         display: inline-block !important;
    873         line-height: 20px;
    874 }
    875 .woocommerce-page .products a .price ins {
    876         display: inline-block;
    877         font-weight: bold;
    878         background: none;
    879         line-height: 20px;
    880         margin-left: 10px;
    881 }
    882 .woocommerce-page .products .added_to_cart {
    883         display: inline-block;
    884         text-align: center;
    885         padding: 6px 20px 6px 20px;
    886         border-radius: 4px;
    887         border: none;
    888         font-size: 12px;
    889         margin: 0;
    890 }
    891 .woocommerce-page .woocommerce-result-count {
    892         float: left;
    893         font-size: 14px;
    894         line-height: 46px;
    895         margin-top: 20px;
    896 }
    897 .woocommerce-page .woocommerce-ordering {
    898         float: right;
    899         margin-top: 20px;
    900 }
    901 .woocommerce-page .product-type-simple {
    902         position: relative;
    903 }
    904 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    905         font-size: inherit;
    906         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    907 }
    908 footer .shopress-widget .woocommerce ul.cart_list li img, footer .shopress-widget .woocommerce ul.product_list_widget li img {
    909         margin-top: 7px;
    910 }
    911 .woocommerce-checkout table.cart img {
    912     box-shadow: none;
    913     width: 60px;
    914 }
    915 .woocommerce a.remove {
    916         font-size: 30px;
    917     height: 40px;
    918     line-height: 44px;
    919     width: 40px;
    920 }
    921 /*woocommerce-tabs*/
    922 .tabs.wc-tabs {
    923         text-align: center;
    924 }
    925 .woocommerce div.product .woocommerce-tabs ul.tabs::before {
    926     border-bottom: 2px solid #eeeeee;
    927 }
    928 .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    929         display: none;
    930 }
    931 .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    932         border-width: 0 0 2px 0;
    933         border-style: solid;
    934 }
    935 .woocommerce div.product .woocommerce-tabs ul.tabs li {
    936         border-radius: 0;
    937         background: transparent;
    938 }
    939 .woocommerce div.product .woocommerce-tabs ul.tabs li {
    940         border-radius: 0;
    941         background: transparent;
    942         border: none;
    943 }
    944 .woocommerce div.product .woocommerce-tabs .panel h2 {
    945         font-size: 22px;
    946         line-height: 25px;
    947 }
    948 .related.products {
    949         text-align: center;
    950 }
    951 .related.products h2 {
    952         font-size: 26px;
    953         line-height: 40px;
    954 }
    955 /*woocommerce-form*/
    956 .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    957         height: 40px;
    958         margin-bottom: 20px;
    959         border: 2px solid #ebebeb;
    960         color: #ccc;
    961         border-radius: 3px;
    962         padding: 6px 12px;
    963 }
    964 .select2-container .select2-choice {
    965         height: 40px;
    966         padding: 6px 12px;
    967         border-style: solid;
    968         border-width: 2px;
    969 }
    970 .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    971         border-radius: 0;
    972         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    973         border-color: #eee;
    974 }
    975 .woocommerce-account .woocommerce-MyAccount-navigation {
    976         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    977         padding: 15px 0;
    978 }
    979 .woocommerce-account .woocommerce-MyAccount-content {
    980         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    981         padding: 15px 20px;
    982 }
    983 
    984 /*woocommerce-cart*/
    985 .woocommerce table.shop_table {
    986         border-radius: 0;
    987         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    988 }
    989 .woocommerce table.shop_table th {
    990     padding: 16px 12px;
    991 }
    992 .woocommerce table.shop_table td {
    993     padding: 26px 12px;
    994 }
    995 .woocommerce .cart .button, .woocommerce .cart input.button {
    996         float: none;
    997         line-height: 30px;
    998         padding: 5px 35px;
    999         box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    1000 }
    1001 .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover {
    1002         box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    1003 }
    1004 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    1005         line-height: 30px;
    1006         padding: 5px 35px;
    1007         box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    1008 }
    1009 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    1010         box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    1011 }
    1012 .woocommerce-cart table.cart td.actions .coupon .input-text {
    1013         border-radius: 3px;
    1014         height: 40px;
    1015         border-width: 2px;
    1016         border-style: solid;
    1017 }
    1018 .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
    1019         padding: 5px 35px;
    1020 }
    1021 
    1022 
    1023 
    1024 /*woocommerce-messages*/
    1025 .woocommerce-page .woocommerce-message {
    1026         margin: 0px 0 40px;
    1027         border-radius: 3px;
    1028         list-style: none;
    1029 }
    1030 .woocommerce-page .woocommerce-message a {
    1031         padding: 6px 14px;
    1032         font-size: 12px;
    1033 }
    1034 .woocommerce-page .woocommerce-error {
    1035         list-style: none;
    1036         padding: 0;
    1037         margin: 0px 0 40px;
    1038         border-radius: 3px;
    1039         border: none;
    1040         float: left;
    1041         width: 100%;
    1042 }
    1043 .woocommerce-page .woocommerce-error a {
    1044         padding: 6px 14px;
    1045         font-size: 12px;
    1046 }
    1047 .woocommerce-page .woocommerce-info {
    1048         list-style: none;
    1049         padding: 0;
    1050         margin: 0px 0 40px;
    1051         border-radius: 3px;
    1052         border: none;
    1053         float: left;
    1054         width: 100%;
    1055         margin-top: 25px !important;
    1056 }
    1057 .woocommerce-page .woocommerce-info a {
    1058         padding: 6px 14px;
    1059         font-size: 12px;
    1060 }
    1061 .woocommerce-page .woocommerce-info {
    1062         float: left;
    1063         text-align: left;
    1064         padding-top: 30px;
    1065 }
    1066 .woocommerce-page .woocommerce .woocommerce-info {
    1067         border-radius: 3px;
    1068         border: none;
    1069         padding-top: 15px;
    1070         margin-bottom: 40px;
    1071 }
    1072 .woocommerce-page .woocommerce .woocommerce-info a {
    1073         opacity: 0.9;
    1074 }
    1075 /*woocommerce-pagination*/
    1076 .woocommerce nav.woocommerce-pagination ul {
    1077         border: none;
    1078 }
    1079 .woocommerce nav.woocommerce-pagination ul li {
    1080         border: none;
    1081         height: 46px;
    1082     width: 55px;
    1083 }
    1084 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    1085         margin: 0 3px;
    1086         padding: 0;
    1087         border-radius: 50%;
    1088         width: 40px;
    1089         height: 40px;
    1090         line-height: 40px;
    1091         box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    1092 }
    1093 .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav .woocommerce-pagination ul li span.current {
    1094        
    1095 }
    1096 /*woocommerce-price-filter*/
    1097 .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    1098         background: #1a2128;
    1099 }
    1100 /*----contactform----*/
    1101 .wpcf7-form .wpcf7-form-control {
    1102         margin-top: 6px;
    1103         margin-bottom: 15px;
    1104         font-size: 12px;
    1105         height: 40px;
    1106         padding: 6px 12px;
    1107         display: block;
    1108         line-height: 1.42857143;
    1109         width: 100%;
    1110         border-width: 1px;
    1111         border-style: solid;
    1112 }
    1113 .wpcf7-form .wpcf7-textarea {
    1114         height: 150px;
    1115         border-radius: 3px;
    1116 }
    1117 .wpcf7-form .wpcf7-form-control:hover, .wpcf7-form .wpcf7-form-control:focus {
    1118         box-shadow: none;
    1119 }
    1120 .wpcf7-form .wpcf7-form-control.wpcf7-submit {
    1121         padding: 5px 35px;
    1122         line-height: 30px;
    1123         overflow: hidden;
    1124         position: relative;
    1125         border-radius: 2px;
    1126         font-weight: bold;
    1127         font-size: 14px;
    1128         display: inline-block;
    1129         transition: all 0.4s ease-in-out 0s;
    1130         width: auto;
    1131 }
    1132 /*---------------------------------------
    1133 =========================================
    1134         content-Home-Sections
    1135 =========================================
    1136 -----------------------------------------*/
    1137 
    1138 /*---------------------------------------
    1139         shopress-slider-warraper         
    1140 -----------------------------------------*/
    1141 .shopress-slider-warraper #shopress-slider {
    1142         margin: 0;
    1143         position: relative;
    1144         z-index: 1;
    1145         float: left;
    1146         width: 100%;
    1147 }
    1148 .shopress-slider-warraper #shopress-slider .item img {
    1149         width: 100%;
    1150         min-height: 400px;
    1151 }
    1152 /*--------------- ti slider inner ---------------*/
    1153 #shopress-slider .shopress-slider-inner {
    1154         height: 100%;
    1155         left: 0;
    1156         right: 0;
    1157         bottom: 0;
    1158         position: absolute;
    1159         top: 0;
    1160         width: 100%;
    1161         z-index: 3;
    1162         background: rgba(18, 4, 1, 0.4);
    1163 }
    1164 #shopress-slider .inner-table {
    1165         display: table;
    1166         height: 100%;
    1167 }
    1168 #shopress-slider .inner-table-cell {
    1169         display: table-cell;
    1170         height: 100%;
    1171         vertical-align: middle;
    1172         width: 100%;
    1173 }
    1174 #shopress-slider .slide-caption {
    1175         width: 90%;
    1176         margin: auto;
    1177         text-align: center;
    1178 }
    1179 #shopress-slider .slide-caption h1 {   
    1180         font-size: 80px;
    1181         line-height: 80px;
    1182         font-weight: 900;
    1183         transition: font 200ms ease-out 0s;
    1184 }
    1185 #shopress-slider .slide-caption .description {
    1186         font-size: 18px;
    1187         line-height: 24px;
    1188         padding: 0;
    1189         margin: 0 auto;
    1190         width: 70%;
    1191 }
    1192 #shopress-slider .slide-caption .description p {
    1193         margin: 0;
    1194         letter-spacing: 0.1em;
    1195         font-size: 18px;
    1196         font-weight: 400;
    1197 }
    1198 #shopress-slider p {
    1199         font-size: 14px;
    1200 }
    1201 /*--------------- shopress-slider-Control ---------------*/
    1202 .shopress-slider-warraper .owl-controls {
    1203         margin-top: -24px;
    1204 }
    1205 .shopress-slider-warraper .owl-controls .owl-buttons div {
    1206         width: 50px;
    1207         height: 50px;
    1208         display: block;
    1209         font-size: 26px;
    1210         line-height: 48px;
    1211         opacity: 1;
    1212         border-radius: 50%;
    1213         border-style: solid;
    1214         border-width: 3px;
    1215         text-align: center;
    1216         box-shadow: 0 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    1217 }
    1218 .shopress-slider-warraper .owl-controls .owl-buttons div:hover {
    1219         box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    1220 }
    1221 .shopress-slider-warraper .owl-controls .owl-buttons {
    1222         opacity: 0;
    1223         transition: all 0.3s ease 0s;
    1224 }
    1225 .shopress-slider-warraper:hover .owl-controls .owl-buttons {
    1226         opacity: 1;
    1227 }
    1228 .shopress-slider-warraper:hover .owl-controls .owl-buttons .owl-prev {
    1229         left: 35px;
    1230 }
    1231 .shopress-slider-warraper:hover .owl-controls .owl-buttons .owl-next {
    1232         right: 35px;
    1233 }
    1234 .shopress-slider-warraper .owl-controls .owl-buttons .owl-prev, .shopress-slider-warraper .owl-controls .owl-buttons .owl-next {
    1235         position: absolute;
    1236         top: 50%;
    1237         z-index: 5;
    1238         margin: -30px 0 0;
    1239         transition: all 0.3s ease 0s;
    1240 }
    1241 .shopress-slider-warraper .owl-controls .owl-buttons .owl-prev {
    1242         left: 8px;
    1243 }
    1244 .shopress-slider-warraper .owl-controls .owl-buttons .owl-next {
    1245         right: 8px;
    1246 }
    1247 .shopress-slider-warraper .owl-controls .owl-page {
    1248         display: inline-block;
    1249         vertical-align: middle;
    1250         padding: 0 5px;
    1251 }
    1252 .shopress-slider-warraper .owl-controls .owl-page span {
    1253         display: block;
    1254         width: 8px;
    1255         height: 8px;
    1256         border-radius: 50%;
    1257         background: transparent;
    1258         box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    1259 }
    1260 .shopress-slider-warraper .owl-controls .owl-page.active span {
    1261         border-width: 4px;
    1262         border-style: solid;
    1263         width: 12px;
    1264         height: 12px;
    1265 }
    1266 .shopress-slider-warraper .owl-controls .owl-page span.owl-numbers {
    1267         height: auto;
    1268         width: auto;
    1269         color: #fff;
    1270         padding: 2px 10px;
    1271         font-size: 12px;
    1272         -webkit-border-radius: 30px;
    1273         -moz-border-radius: 30px;
    1274         border-radius: 30px;
    1275 }
    1276 .shopress-slider-warraper .owl-pagination {
    1277         bottom: 15px;
    1278         left: 0;
    1279         position: relative;
    1280         right: 0;
    1281         text-align: center;
    1282 }
    1283 /*--------------- ti slider Custom Buttons---------------*/
    1284 .btn.btn-tislider, .btn.btn-tislider:hover, .btn.btn-tislider:focus {
    1285         outline: none;
    1286         margin: 20px auto;
    1287         letter-spacing: 1px;
    1288 }
    1289 /*---------------------------------------
    1290         shopress-section         
    1291 -----------------------------------------*/
    1292 .shopress-section {
    1293         padding: 40px 0;
    1294         margin: 0;
    1295 }
    1296 #content {
    1297         padding: 60px 0;
    1298 }
    1299 /*---------------------------------------
    1300         shopress-heading           
    1301 -----------------------------------------*/
    1302 .shopress-heading {
    1303         margin-bottom: 35px;
    1304         text-align: center;
    1305         position: relative;
    1306 }
    1307 .shopress-heading h1 ,.shopress-heading h3 {
    1308         font-size: 36px;
    1309 }
    1310 .shopress-heading .shopress-heading-inner {
    1311         position: relative;
    1312         margin-bottom: 10px;
    1313         line-height: 40px;
    1314         text-transform: capitalize;
    1315         width: auto;
    1316 }
    1317 .shopress-heading .shopress-sub-title {
    1318     font-weight: 500;
    1319     font-size: 14px;
    1320     letter-spacing: 3px;
    1321     text-transform: uppercase;
    1322 }
    1323 .shopress-heading .shopress-sub-title:after {
    1324     content: '';
    1325     width: 170px;
    1326     height: 2px;
    1327     background-color: #d6d8dc;
    1328     margin-top: 30px;
    1329     display: block;
    1330     margin: 20px auto 0;
    1331 }
    1332 .shopress-heading-bor-bt h5 {
    1333         position: relative;
    1334         font-size: 20px;
    1335         margin-bottom: 40px;
    1336         padding-bottom: 15px;
    1337 }
    1338 .shopress-heading-bor-bt h5::before {
    1339         bottom: 0;
    1340         content: "";
    1341         display: block;
    1342         left: 0;
    1343         margin: auto;
    1344         position: absolute;
    1345         width: 30px;
    1346         border-bottom-width: 1px;
    1347         border-bottom-style: solid;
    1348 }
    1349 
    1350 .ta-calltoaction {
    1351     height: 100%;
    1352     overflow: hidden;
    1353     width: 100%;
    1354     padding: 0;
    1355 }
    1356 
    1357 
    1358 .ta-calltoaction .overlay {
    1359     height: 100%;
    1360     position: relative;
    1361     width: 100%;
    1362     padding: 30px 0;
    1363 }
    1364 
    1365 .ta-calltoaction-box-info h5 {
    1366     line-height: 40px;
    1367 }
    1368 
    1369 /*---------------------------------------
    1370         shopress-product         
    1371 -----------------------------------------*/
    1372 #product .shopress-product{
    1373     margin: 15px 0;
    1374     padding-bottom: 10px;
    1375     text-align: center;
    1376     overflow: hidden;
    1377     border-radius: 4px;
    1378     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    1379     position: relative;
    1380     transition: all 0.3s ease 0s;
    1381 }
    1382 #product .shopress-product a {
    1383     overflow: hidden;
    1384 }
    1385 #product .shopress-product a .onsale {
    1386     left: auto;
    1387     right: 0;
    1388     top: 0;
    1389     position: absolute;
    1390     border-radius: 0;
    1391     display: block;
    1392     font-size: 13px;
    1393     font-weight: normal;
    1394     line-height: 25px;
    1395     margin: 18px;
    1396     min-height: 10px;
    1397     padding: 0 12px;
    1398     z-index: 999;
    1399     background: #4caf50;
    1400     color: #fff;
    1401     width: 56px;
    1402     height: 56px;
    1403     line-height: 56px;
    1404     text-transform: uppercase;
    1405     border-radius: 50%;
    1406 }
    1407 #product .shopress-product a img {
    1408     box-shadow: none;
    1409     display: block;
    1410     height: auto;
    1411     margin: 0 0 1em;
    1412     width: 100%;
    1413 }
    1414 #product .shopress-product a h3 {
    1415     display: inline-block;
    1416     float: none;
    1417     font-size: 16px;
    1418     font-weight: 700;
    1419     line-height: 25px;
    1420     margin: 0;
    1421     padding: 0.5em 0;
    1422     position: relative;
    1423     width: auto;
    1424     font-family: 'Poppins', sans-serif;
    1425 }
    1426 #product .shopress-product a .star-rating {
    1427    display: none;
    1428 }
    1429 
    1430 #product .shopress-product a .price {
    1431     float: left;
    1432     height: auto;
    1433     line-height: 20px;
    1434     min-height: 40px;
    1435     padding: 10px 0;
    1436     text-align: center;
    1437     width: 100%;
    1438     font-size: 21px;
    1439     color: #1e1e1f;
    1440 }
    1441 #product .shopress-product a .price del {
    1442     line-height: 20px;
    1443 }
    1444 #product .shopress-product a .price ins {
    1445     color: #e96656;
    1446     margin-left: 10px;
    1447     line-height: 20px;
    1448 }
    1449 #product .shopress-product a.button:before {
    1450     content: "\f291";
    1451     font-family: FontAwesome;
    1452     font-size: 22px;
    1453     float: left;
    1454     width: 55px;
    1455     height: 55px;
    1456     line-height: 53px;
    1457 }
    1458 #product .shopress-product .added_to_cart:before {
    1459     content: "\f07a";
    1460     font-family: FontAwesome;
    1461     font-size: 30px;
    1462     float: left;
    1463     margin: 0;
    1464     width: 56px;
    1465     height: 56px;
    1466     line-height: 56px;
    1467 }               
    1468 #product .shopress-product a.button, .added_to_cart {
    1469     border: medium none;
    1470     border-radius: 50%;
    1471     display: inline-block;
    1472     font-size: 12px;
    1473     margin: 0 auto;
    1474     padding: 2px 20px 6px 2px;
    1475     text-align: center;
    1476     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    1477     width: 56px;
    1478     height: 56px;
    1479     line-height: 56px;
    1480     position: absolute;
    1481     right: 10px;
    1482     top: 63%;
    1483     content: "";
    1484     opacity: 0;
    1485     transition: all 0.3s ease 0s;
    1486 }
    1487 #product .shopress-product:hover a.button{
    1488         opacity: 1;
    1489 }
    1490 #product .shopress-product a.button:hover, .added_to_cart:hover {
    1491     box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    1492 }
    1493 #product .shopress-product:hover {
    1494         box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    1495 }
    1496 #product .shopress-product a img:hover {
    1497     transform: scale(1.1);
    1498     transition: all 0.7s ease 0s;
    1499 }
    1500 /*---------------------------------------
    1501         shopress-blog         
    1502 -----------------------------------------*/
    1503 .shopress-blog-section .overlay {
    1504         width: 100%;
    1505         height: 100%;
    1506         position: relative;
    1507         padding: 40px 0;
    1508 }
    1509 .shopress-blog-post-box {
    1510         margin-bottom: 40px;
    1511         background: #fff;
    1512         border-width: 1px;
    1513         border-style: solid;
    1514         border-color: #e8e8e8;
    1515         border-radius: 2px;
    1516         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    1517 }
    1518 .shopress-blog-post-box .small {
    1519         font-size: 14px;
    1520         padding: 30px;
    1521 }
    1522 .shopress-blog-post-box .small > p {
    1523         margin-bottom: 20px;
    1524 }
    1525 .shopress-blog-thumb {
    1526         position: relative;
    1527         width: 100%;
    1528         margin-bottom: 22px;
    1529         float: left;
    1530         min-height: 60px;
    1531 }
    1532 .shopress-blog-thumb img {
    1533         position: relative;
    1534         max-width: 100%;
    1535         float: left;
    1536         height: auto;
    1537 }
    1538 .shopress-blog-date {
    1539         position: absolute;
    1540         left: 28px;
    1541         top: 28px;
    1542         display: inline-block;
    1543     border: 1px solid #d6d8dc;
    1544     text-align: center;
    1545     padding: 6px 12px 2px 12px;
    1546     border-radius: 4px;
    1547         box-shadow: 0 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    1548 }
    1549 .shopress-blog-date span.h3 {
    1550     font-size: 22px;
    1551 }
    1552 .shopress-blog-author {
    1553         background: #e8e8e8 none repeat scroll 0 0;
    1554         font-size: 16px;
    1555         font-weight: 800;
    1556         width: 65px;
    1557         height: 65px;
    1558         left: 0;
    1559         right: 0;
    1560         padding: 2px;
    1561         position: absolute;
    1562         text-align: center;
    1563         bottom: 0;
    1564         margin: 0 auto -30px auto;
    1565         z-index: 999;
    1566 }
    1567 .shopress-blog-author img {
    1568         max-width: 100%;
    1569         border-radius: 100%;
    1570 }
    1571 .shopress-blog-post-box h1 {
    1572         font-size: 24px;
    1573         line-height: 26px;
    1574         position: relative;
    1575 }
    1576 .shopress-blog-category {
    1577         padding: 10px 0 0;
    1578 }
    1579 .shopress-blog-category a {
    1580         color: #b6b6b6;
    1581         display: inline-block;
    1582         font-weight: normal;
    1583         font-style: italic;
    1584         font-size: 16px;
    1585         padding: 0 10px 0 0;
    1586 }
    1587 .shopress-blog-category i {
    1588         color: #888;
    1589 }
    1590 .btn-blog {
    1591         padding: 10px 20px;
    1592         border-radius: 2px;
    1593         border-width: 2px;
    1594         border-style: solid;
    1595         background: transparent;
    1596         font-size: 14px;
    1597         box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    1598 }
    1599 .btn-blog:hover {
    1600         border-width: 1px;
    1601         border-style: solid;
    1602         transition: all 0.3s ease 0s;
    1603         box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    1604 }
    1605 .shopress-info-author-block {
    1606         border: 1px solid #e8e8e8;
    1607         margin-bottom: 40px;
    1608         margin-top: 10px;
    1609         padding: 20px 20px 0px 20px;
    1610         color: #999;
    1611         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    1612         border-radius: 2px;
    1613 }
    1614 .shopress-info-author-block a {
    1615         color: #222;
    1616         font-size: 16px;
    1617 }
    1618 .shopress-info-author-block .row {
    1619         margin: 0;
    1620 }
    1621 .shopress-info-author-block h4 {
    1622         color: #333;
    1623         font-size: 18px;
    1624         font-weight: normal;
    1625 }
    1626 .shopress-info-author-block h4 span {
    1627         color: #999999;
    1628         font-size: 16px;
    1629         padding-right: 5px;
    1630 }
    1631 .shopress-info-author-block h4 span i {
    1632         padding-right: 5px;
    1633 }
    1634 .shopress-info-author-block .shopress-author-pic img {
    1635         margin: 0 25px 15px 0;
    1636         float: left;
    1637         border: 1px solid #eee;
    1638         border-radius: 50%;
    1639 }
    1640 .shopress-info-author-block .shopress-info-author-social {
    1641         font-size: 24px;
    1642         padding: 0;
    1643 }
    1644 .shopress-info-author-block .shopress-info-author-social li a {
    1645         color: #dbdbdb;
    1646         font-size: 24px;
    1647 }
    1648 .shopress-info-author-block .shopress-info-author-social li a:hover {
    1649         color: #777;
    1650 }
    1651 .comment-form-comment label {
    1652         width: 100%;
    1653         clear: both;
    1654 }
    1655 .comment-list {
    1656         list-style: none !important;
    1657 }
    1658 .comments-area .comment-body {
    1659     position: relative;
    1660     padding: 25px 25px 25px 70px;
    1661     min-height: 120px;
    1662     overflow-wrap: break-word;
    1663     word-wrap: break-word;
    1664     border-radius: 3px;
    1665     z-index: 0;
    1666     margin-bottom: 1rem;
    1667 }
    1668 .comment-body
    1669 {
    1670         margin-bottom: 25px;
    1671 }
    1672 .comment-list .children {
    1673     position: relative;
    1674     padding: 0;
    1675     margin: 0;
    1676     margin-left: 2.5rem;
    1677     z-index: 0;
    1678     list-style: none;
    1679 }
    1680 .comment-body .reply {
    1681     text-align: right;
    1682 }
    1683 #comments img {max-width: 100%;}
    1684 .reply a {
    1685     font-size: 14px;
    1686     padding: 5px 17px;
    1687     font-weight: bold;
    1688     transition: 0.3s ease-in-out 0s;
    1689     border-radius: 0;
    1690     display: inline-block;
    1691     border-width: 1px;
    1692     border-style: solid;
    1693 }
    1694 .comments-area .comment-meta {
    1695     display: -ms-flexbox;
    1696     display: flex;
    1697     -ms-flex-wrap: wrap;
    1698     flex-wrap: wrap;
    1699     -ms-flex-align: flex-start;
    1700     align-items: flex-start;
    1701     -ms-flex-direction: column;
    1702     flex-direction: column;
    1703 }
    1704 .comments-area .comment-meta .comment-author img {
    1705         border-radius: 60%;
    1706     position: absolute;
    1707     z-index: 0;
    1708     left: 0;
    1709     top: 28px;
    1710     width: 60px;
    1711     height: 60px;
    1712 }
    1713 .comment-meta .comment-metadata {
    1714     width: 100%;
    1715     line-height: 1.5;
    1716     font-size: 14px;
    1717     display: -ms-flexbox;
    1718     display: flex;
    1719     -ms-flex-wrap: wrap;
    1720     flex-wrap: wrap;
    1721     -ms-justify-content: space-between;
    1722     justify-content: space-between;
    1723 }
    1724 
    1725 .comment-content {
    1726     position: relative;
    1727     z-index: 0;
    1728     padding: 16px 40px 16px 0;
    1729 }
    1730 
    1731 .comment_section .comment-reply-link {
    1732         border-radius: 4px;
    1733         margin-left: 10px;
    1734         padding: 4px 8px;
    1735         transition: all 0.3s ease 0s;
    1736         border-width: 1px;
    1737         border-style: solid;
    1738         background: #f0f0f0;
    1739         color: #666;
    1740         border-color: #f0f0f0;
    1741 }
    1742 /*---------------------------------------
    1743         form-control
    1744 -----------------------------------------*/
    1745 .form-control {
    1746         border-radius: 3px;
    1747         margin-bottom: 20px;
    1748         box-shadow: inherit;
    1749         height: 40px;
    1750 }
    1751 .form-control {
    1752         border-width: 1px;
    1753         border-style: solid;
    1754 }
    1755 .form-control::-moz-placeholder {
    1756 opacity: 1;
    1757 }
    1758 .form-control:focus, .form-control:hover, .form-control:active {
    1759         box-shadow: none;
    1760 }
    1761 
    1762 /* --------------------------------------
    1763 =========================================
    1764         shopress-breadcrumb-section
    1765 =========================================
    1766 -----------------------------------------*/
    1767 .shopress-breadcrumb-section {
    1768         background: url(images/breadcrumb-back.jpg) repeat fixed;
    1769         height: 100%;
    1770         margin: 0 0 0px;
    1771         overflow: hidden;
    1772         padding: 0;
    1773         width: 100%;
    1774         box-shadow: 0 0 5px 0 #aaaaaa;
    1775 }
    1776 .shopress-breadcrumb-section .overlay {
    1777         height: 100%;
    1778         padding: 100px 0;
    1779         position: relative;
    1780         width: 100%;
    1781 }
    1782 .shopress-breadcrumb-title {
    1783         text-align: center;
    1784         padding: 0;
    1785 }
    1786 .shopress-breadcrumb-title h1 {
    1787         font-size: 28px;
    1788         font-weight: bold;
    1789         margin: 0;
    1790         line-height: 85px;
    1791         padding-bottom: 0px;
    1792         font-family: 'Poppins', sans-serif;
    1793 }
    1794 .shopress-page-breadcrumb {
    1795         list-style: none outside none;
    1796         margin-bottom: 12px;
    1797         padding: 0;
    1798         text-align: center;
    1799         font-size: 15px;
    1800         line-height: 20px;
    1801 }
    1802 .shopress-page-breadcrumb > li {
    1803         display: inline-block;
    1804 }
    1805 .shopress-page-breadcrumb > li + li:before {
    1806         content: "\f105";
    1807         font-family: fontawesome;
    1808         padding: 0 5px;
    1809 }
    1810 /* --------------------------------------
    1811 =========================================
    1812         shopress-sidebar
    1813 =========================================
    1814 -----------------------------------------*/
    1815 .shopress-sidebar {
    1816         padding: 0;
    1817 }
    1818 .shopress-sidebar a {
    1819         transition: all 0.3s ease 0s;
    1820 }
    1821 .shopress-sidebar .shopress-widget .btn {
    1822         padding: 2px 12px;
    1823         border: none;
    1824         border-radius: 0;
    1825         height: 40px;
    1826 }
    1827 .shopress-sidebar .shopress-widget {
    1828         margin-bottom: 30px;
    1829         padding: 10px 20px;
    1830         border-width: 1px;
    1831         border-style: solid;
    1832         border-color: #e8e8e8;
    1833         border-radius: 2px;
    1834         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    1835 }
    1836 .shopress-sidebar .shopress-widget ul {
    1837         padding: 0;
    1838         list-style: none;
    1839 }
    1840 .shopress-sidebar .shopress-widget ul li {
    1841         display: block;
    1842         letter-spacing: 0.2px;
    1843         line-height: 22px;
    1844         margin: 0 0 10px;
    1845         overflow: hidden;
    1846         padding: 0;
    1847         border-width: 0 0 1px 0;
    1848         border-style: solid;
    1849 }
    1850 .shopress-sidebar .shopress-widget ul li:last-child {
    1851         border: none;
    1852 }
    1853 .shopress-sidebar .shopress-widget h6 {
    1854         font-size: 20px;
    1855         font-weight: 700;
    1856         line-height: 20px;
    1857 }
    1858 .shopress-sidebar .shopress-widget h2 {
    1859         font-size: 20px;
    1860         font-weight: 700;
    1861         line-height: 20px;
    1862 }
    1863 .shopress-sidebar .shopress-widget h6, .shopress-sidebar .shopress-widget h2 {
    1864         position: relative;
    1865         padding-bottom: 0;
    1866         margin-bottom: 20px;
    1867         font-family: 'Poppins', sans-serif;
    1868 }
    1869 .shopress-sidebar .shopress-widget ul li {
    1870         padding: 10px 0;
    1871         position: relative;
    1872         transition: all 0.4s ease-in-out 0s;
    1873 }
    1874 .shopress-sidebar .shopress-widget ul li a:hover {
    1875         padding-left: 10px;
    1876         transition: all 0.4s ease-in-out 0s;
    1877 }
    1878 .shopress-sidebar .shopress-widget ul.menu li .sub-menu {
    1879         margin-left: 15px;
    1880 }
    1881 .shopress-sidebar .shopress-widget ul.menu li .sub-menu li {
    1882         border-bottom: none;
    1883         padding: 10px 0 0;
    1884 }
    1885 .shopress-sidebar .shopress-widget.widget_search .btn {
    1886         border: medium none;
    1887         border-radius: 0 3px 3px 0;
    1888         height: 40px;
    1889         padding: 2px 12px;
    1890         transition: all 0.3s ease 0s;
    1891 }
    1892 .shopress-sidebar .shopress-category-widget ul li {
    1893         padding: 10px 0;
    1894         position: relative;
    1895         transition: all 0.4s ease-in-out 0s;
    1896         border-width: 0 0 1px 0;
    1897         border-style: solid;
    1898 }
    1899 .shopress-sidebar .shopress-category-widget ul li a:hover {
    1900         padding-left: 10px;
    1901         transition: all 0.4s ease-in-out 0s;
    1902 }
    1903 .shopress-sidebar .shopress-widget .shopress-widget-tags, .shopress-sidebar .shopress-widget .tagcloud {
    1904         margin: 0 0 10px;
    1905         overflow: hidden;
    1906         padding: 0;
    1907 }
    1908 .shopress-sidebar .shopress-widget .shopress-widget-tags a, .shopress-sidebar .shopress-widget .tagcloud a {
    1909         cursor: pointer;
    1910         display: inline-block;
    1911         font-size: 12px;
    1912         font-weight: normal;
    1913         line-height: 20px;
    1914         margin: 0 5px 9px 0;
    1915         padding: 6px 12px;
    1916         transition: all 0.4s ease-in-out 0s;
    1917         border-width: 1px;
    1918         border-style: solid;
    1919         border-radius: 3px;
    1920 }
    1921 .shopress-sidebar .shopress-widget-tags a:hover, .shopress-sidebar .shopress-widget .tagcloud a:hover {
    1922         border-width: 1px;
    1923         border-style: solid;
    1924         transition: all 0.4s ease-in-out 0s;
    1925 }
    1926 /*--calendar_wrap--*/
    1927 .shopress-sidebar .shopress-widget .calendar_wrap table {
    1928         width: 100%;
    1929         font-size: 11px;
    1930 }
    1931 .shopress-sidebar .shopress-widget .calendar_wrap table caption {
    1932         border-radius: 2px;
    1933         font-size: 16px;
    1934         font-weight: 500;
    1935         line-height: 35px;
    1936         margin-bottom: 0;
    1937         padding: 5px 12px;
    1938         text-align: center;
    1939         border-width: 1px;
    1940         border-style: solid;
    1941 }
    1942 .shopress-sidebar .calendar_wrap table thead th {
    1943         border-width: 1px;
    1944         border-style: solid;
    1945 }
    1946 .shopress-sidebar .calendar_wrap table tbody td:hover, .shopress-sidebar .calendar_wrap table tbody #today:hover {
    1947         transition: all 0.3s ease 0s;
    1948 }
    1949 .shopress-sidebar .calendar_wrap table tfoot {
    1950         border-width: 1px;
    1951         border-style: solid;
    1952 }
    1953 .shopress-sidebar .shopress-widget .calendar_wrap table thead th {
    1954         text-align: center;
    1955         padding: 6px 0;
    1956 }
    1957 .shopress-sidebar .shopress-widget .calendar_wrap table tbody td {
    1958         line-height: 2.5em;
    1959         transition: background 0.15s ease 0s;
    1960         text-align: center;
    1961         border-width: 1px;
    1962         border-style: solid;
    1963 }
    1964 .shopress-sidebar .shopress-widget .calendar_wrap table tfoot {
    1965         font-size: 11px;
    1966 }
    1967 .shopress-sidebar .shopress-widget .calendar_wrap table tfoot tr td#prev {
    1968         padding: 5px;
    1969         text-transform: uppercase;
    1970 }
    1971 .shopress-sidebar .shopress-widget .calendar_wrap table tfoot tr td#next {
    1972         padding: 5px;
    1973         text-align: right;
    1974         text-transform: uppercase;
    1975 }
    1976 /*--calendar_wrap end--*/
    1977 .shopress-sidebar .shopress-widget .textwidget select, .shopress-sidebar .shopress-widget .textwidget img {
    1978         width: 100%;
    1979 }
    1980 /*----woocommerce footer-widget----*/
    1981 .shopress-sidebar .shopress-widget.widget_product_search .btn {
    1982         padding: 2px 12px;
    1983         height: 40px;
    1984         border-radius: 0 3px 3px 0;
    1985         margin-left: -1px;
    1986 }
    1987 /* --------------------------------------
    1988 =========================================
    1989         shopress-error page
    1990 =========================================
    1991 -----------------------------------------*/
    1992 .shopress-error-404 h1 {
    1993         font-size: 100px;
    1994         line-height: 80px;
    1995 }
    1996 .shopress-error-404 h1 i {
    1997         padding: 5px;
    1998 }
    1999 .shopress-error-404 h4 {
    2000         line-height: 40px;
    2001 }
    2002 .shopress-error-404 p {
    2003         line-height: 30px;
    2004 }
    2005 /* --------------------------------------
    2006 =========================================
    2007         shopress-footer
    2008 =========================================
    2009 -----------------------------------------*/
    2010 footer .shopress-footer-widget-area {
    2011         border-top-width: 1px;
    2012         border-top-style: solid;
    2013         padding-top: 50px;
    2014 }
    2015 footer .shopress-widget {
    2016         margin-bottom: 50px;
    2017 }
    2018 footer .shopress-widget:nth-child(4n+1) {
    2019         clear: both;
    2020 }
    2021 footer .shopress-search-widget .btn {
    2022         padding: 1px 12px;
    2023         border-radius: 0;
    2024         height: 40px;
    2025 }
    2026 footer .shopress-widget.widget_search .btn {
    2027         border-width: 1px;
    2028         border-style: solid;
    2029         padding: 2px 12px;
    2030         height: 40px;
    2031         border-top-right-radius: 3px;
    2032 }
    2033 footer .shopress-widget.widget_search .btn-default, footer .shopress-widget.widget_search .btn-default:hover {
    2034         background-color: initial;
    2035 }
    2036 footer .shopress-widget.widget_search .btn:hover, footer .shopress-widget.widget_search .btn:focus {
    2037         border-width: 1px;
    2038         border-style: solid;
    2039         transition: all 0.4s ease-in-out 0s;
    2040 }
    2041 footer .shopress-widget h6 {
    2042         font-size: 20px;
    2043         font-weight: 700;
    2044         margin: 0 0 30px 0;
    2045         position: relative;
    2046         padding-bottom: 12px;
    2047         font-family: 'Poppins', sans-serif;
    2048 }
    2049 footer .shopress-widget ul {
    2050         padding: 0;
    2051         list-style: none;
    2052 }
    2053 footer .shopress-widget ul li {
    2054         display: block;
    2055         letter-spacing: 0.2px;
    2056         line-height: 22px;
    2057         margin: 0 0 10px;
    2058         overflow: hidden;
    2059         padding: 0;
    2060         border-width: 0 0 1px 0;
    2061         border-style: solid;
    2062 }
    2063 footer .shopress-widget ul li a:hover {
    2064         transition: all 0.4s ease-in-out 0s;
    2065 }
    2066 footer .shopress-widget ul li:first-child {
    2067         padding-top: 0;
    2068 }
    2069 footer .shopress-widget ul li:last-child {
    2070         border-bottom: none;
    2071 }
    2072 footer .shopress-widget ul li {
    2073         margin: 0;
    2074         padding: 10px 0;
    2075         position: relative;
    2076 }
    2077 footer .shopress-widget ul li a {
    2078         transition: all 0.4s ease-in-out 0s;
    2079 }
    2080 footer .shopress-widget .shopress-widget-tags, footer .shopress-widget .tagcloud {
    2081         margin: 0 0 10px;
    2082         overflow: hidden;
    2083         padding: 0;
    2084 }
    2085 footer .shopress-widget .shopress-widget-tags a, footer .shopress-widget .tagcloud a {
    2086         cursor: pointer;
    2087         display: inline-block;
    2088         font-size: 12px;
    2089         font-weight: normal;
    2090         line-height: 20px;
    2091         margin: 0 5px 9px 0;
    2092         padding: 6px 12px;
    2093         transition: all 0.4s ease-in-out 0s;
    2094         border-width: 1px;
    2095         border-style: solid;
    2096         border-radius: 3px;
    2097 }
    2098 footer .shopress-widget .shopress-widget-tags a:hover, footer .shopress-widget .tagcloud a:hover {
    2099         border-width: 1px;
    2100         border-style: solid;
    2101         transition: all 0.4s ease-in-out 0s;
    2102 }
    2103 footer .shopress-widget .calendar_wrap table {
    2104         width: 100%;
    2105         font-size: 11px;
    2106 }
    2107 footer .shopress-widget .calendar_wrap table caption {
    2108         border-radius: 2px;
    2109         font-size: 16px;
    2110         font-weight: 500;
    2111         line-height: 35px;
    2112         margin-bottom: 0;
    2113         padding: 5px 12px;
    2114         text-align: center;
    2115         border-width: 1px;
    2116         border-style: solid;
    2117 }
    2118 footer .shopress-widget .calendar_wrap table thead th {
    2119         text-align: center;
    2120         padding: 6px 0;
    2121         border-width: 1px;
    2122         border-style: solid;
    2123 }
    2124 footer .shopress-widget .calendar_wrap table tbody td {
    2125         line-height: 2.5em;
    2126         transition: background 0.15s ease 0s;
    2127         text-align: center;
    2128         border-width: 1px;
    2129         border-style: solid;
    2130 }
    2131 footer .calendar_wrap table tbody #today:hover {
    2132         transition: all 0.3s ease 0s;
    2133 }
    2134 footer .calendar_wrap table tbody td:hover {
    2135         transition: all 0.3s ease 0s;
    2136 }
    2137 footer .shopress-widget .calendar_wrap table tfoot {
    2138         font-size: 11px;
    2139         border-width: 1px;
    2140         border-style: solid;
    2141 }
    2142 footer .shopress-widget .calendar_wrap table tfoot tr td#prev {
    2143         padding: 5px;
    2144         text-transform: uppercase;
    2145 }
    2146 footer .shopress-widget .calendar_wrap table tfoot tr td#next {
    2147         padding: 5px;
    2148         text-align: right;
    2149         text-transform: uppercase;
    2150 }
    2151 footer .shopress-widget .textwidget select, footer .shopress-widget .textwidget img {
    2152         width: 100%;
    2153 }
    2154 footer .shopress-widget .form-control {
    2155         border-width: 2px;
    2156         border-style: solid;
    2157 }
    2158 /*----woocommerce footer-widget----*/
    2159 footer .shopress-widget.widget_product_search .btn {
    2160         padding: 2px 12px;
    2161         height: 40px;
    2162         border-radius: 0 3px 3px 0;
    2163         margin-left: -1px;
    2164 }
    2165 /*----contactform footer-widget----*/
    2166 footer .shopress-footer-copyright {
    2167         padding: 25px 0 10px;
    2168         border-top: 1px solid #eee;
    2169 }
    2170 footer .shopress-footer-copyright p, footer .shopress-footer-copyright a {
    2171         font-size: 14px;
    2172         line-height: 35px;
    2173 }
    2174 footer .shopress-social {
    2175         padding: 0px;
    2176         margin: 0;
    2177 }
    2178 footer .shopress-social li {
    2179         display: inline-block;
    2180         margin-right: 5px;
    2181         border-bottom: none;
    2182 }
    2183 footer .shopress-social li a:hover {
    2184         padding-left: 0;
    2185 }
    2186 footer .shopress-social li span.icon-soci {
    2187         border-width: 1px;
    2188         border-style: solid;
    2189         display: inline-block;
    2190         float: left;
    2191         height: 35px;
    2192         line-height: 35px;
    2193         margin: 0px 4px;
    2194         text-align: center;
    2195         width: 35px;
    2196         border-radius: 4%;
    2197         box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    2198 }
    2199 footer .shopress-social li span.icon-soci:hover {
    2200         border-width: 1px;
    2201         border-style: solid;
    2202         transition: all 0.4s ease-in-out 0s;
    2203         box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.26);
    2204 }
    2205 footer .shopress-social li span.icon-soci a {
    2206         font-size: 14px;
    2207 }
    2208 /* --------------------------------------
    2209 =========================================
    2210         shopress-scroll-button
    2211 =========================================
    2212 -----------------------------------------*/
    2213 .shopress_scroll {
    2214         bottom: 2%;
    2215         display: none;
    2216         height: 40px;
    2217         opacity: 1;
    2218         overflow: hidden;
    2219         position: fixed;
    2220         right: 12px;
    2221         text-align: center;
    2222         width: 40px;
    2223         z-index: 9999;
    2224         border-radius: 50%;
    2225         border-width: 2px;
    2226         border-style: solid;
    2227         box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    2228 }
    2229 .shopress_scroll:hover {
    2230         opacity: 1;
    2231         box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.26);
    2232 }
    2233 .shopress_scroll i {
    2234         font-size: 26px;
    2235         line-height: 36px;
    2236 }
    2237 .shopress_scroll:hover, .shopress_scroll:focus {
    2238         border-width: 2px;
    2239         border-style: solid;
    2240         transition: all 0.3s ease 0s;
    2241 }
    2242 
    2243 .shopress-blog-post-box h1, .shopress-blog-post-box h1 a {
    2244     word-wrap: break-word;
    2245 }
    2246 
    2247 .shopress-blog-post-box .small > p {
    2248    word-wrap: break-word;
    2249 }
    2250 /* --------------------------------------
    2251 =========================================
    2252         shopress-Responsive Part
    2253 =========================================
    2254 -----------------------------------------*/
    2255 @media (max-width: 992px) {
    2256         .woocommerce-page .woocommerce .cart-collaterals .cart_totals {
    2257                 width: 100%;
    2258         }
    2259         .woocommerce-page .products .product > a:first-child {
    2260         /*              min-height: 325px; */
    2261         }
    2262         .navbar-default .navbar-collapse{
    2263                 margin-top: 50px;
    2264         }
    2265         .navbar-wp button.navbar-toggle{
    2266                 right: unset;
    2267                 left: 2%;
    2268                 line-height: 1;
    2269         }
    2270         .navbar-default .navbar-toggle.collapsed .fa-times{
    2271                 display: none;
    2272         }
    2273         .navbar-default .navbar-toggle .fa-times{
    2274                 color: #888;
    2275                 font-size: 18px;
    2276         }
    2277         .navbar-default .navbar-toggle.collapsed .icon-bar{
    2278                 display: block;
    2279         }
    2280         .navbar-default .navbar-toggle .icon-bar{
    2281                 display: none;
    2282         }
    2283 }
    2284 @media (max-width: 767px) {
    2285 
    2286 .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    2287         width: 48%;
    2288         float: left;
    2289         clear: both;
    2290         margin: 0 0 2.992em;
    2291 }
    2292 .woocommerce .upsells.products ul li.product:nth-child(4), .woocommerce-page ul.products li.product:nth-child(4) {
    2293         margin: 0 0 2.992em;
    2294 }
    2295 .woocommerce .upsells.products ul li.product:nth-child(4+1), .woocommerce-page ul.products li.product:nth-child(4+1) {
    2296         clear: none;
    2297 }
    2298 .woocommerce .upsells.products ul li.product:nth-child(even), .woocommerce-page ul.products li.product:nth-child(even) {
    2299         margin-right: 0;
    2300         float: right;
    2301 }
    2302 .woocommerce .upsells.products ul li.product:nth-child(odd), .woocommerce-page ul.products li.product:nth-child(odd) {
    2303         clear: left;
    2304 }
    2305 }
    2306 @media (max-width: 600px) {
    2307 .woocommerce-page .product .images {
    2308         width: 100%;
    2309 }
    2310 .woocommerce-page .product .entry-summary {
    2311         width: 100%;
    2312         padding-left: 0%;
    2313         margin-top: 50px;
    2314 }
    2315 .woocommerce-page .woocommerce-tabs .tabs li a {
    2316         font-size: 14px;
    2317 }
    2318 .woocommerce-page .woocommerce-tabs .tabs li {
    2319         padding: 10px 10px;
    2320 }
    2321 .listpost-content-wrap-large {
    2322         position: relative;
    2323 }
    2324 .listpost-content-wrap-large {
    2325         padding: 20px 0px 0px 0px;
    2326 }
    2327 .entry-meshopress-large {
    2328         position: relative;
    2329         float: left;
    2330         width: 100%;
    2331 }
    2332 .entry-footer-large {
    2333         padding-right: 0;
    2334 }
    2335 }
    2336 @media (max-width: 480px) {
    2337 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    2338         width: 100%;
    2339 }
    2340 .woocommerce-page .woocommerce-result-count {
    2341         text-align: center;
    2342         width: 100%;
    2343         margin-bottom: 0px;
    2344 }
    2345 .woocommerce-page .woocommerce-ordering {
    2346         float: none;
    2347 }
    2348 .woocommerce-page .products .product > a:first-child {
    2349         width: 240px;
    2350 }
    2351 .woocommerce-page .woocommerce-tabs .tabs li {
    2352         width: 100%;
    2353 }
    2354 .woocommerce-page .woocommerce-tabs .tabs li {
    2355         width: 100%;
    2356         border-bottom: 2px solid #CCC;
    2357 }
    2358 .woocommerce-page .woocommerce-tabs .tabs {
    2359         border-bottom: 0;
    2360 }
    2361 .woocommerce-page .woocommerce-tabs .comment_container {
    2362         position: relative;
    2363         padding-left: 0px;
    2364         padding-top: 50px;
    2365 }
    2366 .woocommerce-page .products .product > a:first-child {
    2367         width: 100%;
    2368 }
    2369 /* cart page */
    2370 .woocommerce table.shop_table th {
    2371         padding: 5px 5px;
    2372         font-size: 8px;
    2373 }
    2374 .woocommerce-page .woocommerce .product-name a {
    2375         font-size: 12px;
    2376         line-height: 16px;
    2377         float: left;
    2378 }
    2379 .woocommerce table.shop_table td {
    2380         padding: 6px 4px;
    2381 }
    2382 .woocommerce table.shop_table td, .woocommerce table.shop_table td span, .woocommerce table.shop_table td a, .woocommerce table.shop_table td strong {
    2383         font-size: 12px;
    2384 }
    2385 .woocommerce table.shop_table td .amount {
    2386         font-size: 12px;
    2387 }
    2388 .woocommerce-page .woocommerce .product-quantity input.qty {
    2389         width: 45px;
    2390 }
    2391 .woocommerce td.product-quantity {
    2392         min-width: 40px;
    2393 }
    2394 .woocommerce-page .woocommerce input[type="submit"] {
    2395         font-size: 10px;
    2396 }
    2397 .woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
    2398         font-size: 12px;
    2399 }
    2400 .woocommerce-cart .cart-collaterals .cart_totals tr th {
    2401         font-size: 12px;
    2402 }
    2403 .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table td span, .woocommerce-cart .cart-collaterals .cart_totals table td a {
    2404         font-size: 12px;
    2405 }
    2406 .woocommerce form .form-row label {
    2407         font-size: 12px;
    2408 }
    2409 .woocommerce-page .woocommerce .woocommerce-info, .woocommerce-page .woocommerce .woocommerce-info a {
    2410         font-size: 12px;
    2411 }
    2412 .woocommerce-checkout-payment label {
    2413         font-size: 14px;
    2414 }
    2415 .woocommerce-page .woocommerce #payment div.payment_box p {
    2416         font-size: 12px;
    2417         line-height: 16px;
    2418         text-align: justify;
    2419 }
    2420 .woocommerce form .form-row {
    2421         width: 100%;
    2422 }
    2423 .woocommerce-page .woocommerce .order_details li {
    2424         width: 100%;
    2425         border-bottom: 1px dashed #d3ced2;
    2426         border-right: none;
    2427         padding: 0 0 5px 0;
    2428         margin-bottom: 5px;
    2429         margin-top: 5px
    2430 }
    2431 .woocommerce-page address {
    2432         font-size: 12px;
    2433 }
    2434 .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error li {
    2435         font-size: 12px;
    2436 }
    2437 .woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
    2438         width: 100%;
    2439         margin-right: 0;
    2440 }
    2441 .woocommerce-page .woocommerce .checkbox {
    2442         font-size: 16px;
    2443 }
    2444 .woocommerce-page .myaccount_address {
    2445         font-size: 12px;
    2446 }
    2447 .woocommerce-page #content .quantity input.minus, .woocommerce-page #content .quantity input.plus {
    2448         display: none;
    2449 }
    2450 .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    2451         width: 100%;
    2452 }
    2453 }
    2454 /* [end] woocommerce */
    2455 @media (min-width: 768px) and (max-width: 991px) {
    2456 .navbar-header {
    2457         float: none;
    2458 }
    2459 }
    2460 @media only screen and (min-width: 320px) and (max-width: 480px) {
    2461 /* logo*/
    2462 .navbar-default .navbar-brand {
    2463         margin: 0 auto;
    2464         text-align: center;
    2465 }
    2466 .navbar-wp .navbar-nav > li > a {
    2467         padding: 12px;
    2468 }
    2469 .navbar-wp .shopress-search-box {
    2470         float: left;
    2471 }
    2472 .shopress-search {
    2473         margin: 0 auto;
    2474 }
    2475 }
    2476 @media screen and (min-width: 1024px) {
    2477 
    2478 
    2479 }
    2480 @media screen and (min-width: 240px) and (max-width: 1179px) {
    2481 .shopress-slider-inner p {
    2482         width: auto;
    2483 }
    2484 #shopress-slider .slide-caption h1{
    2485         font-size: 450%;
    2486 }       
    2487 }
    2488 @media screen and (min-width: 530px) and (max-width: 1024px) {
    2489 /*--------------- shopress-slider ---------------*/
    2490 .shopress-slider-inner {
    2491         min-width: auto !important;
    2492         width: auto !important;
    2493 }
    2494 }
    2495 @media screen and (min-width: 481px) and (max-width: 767px) {
    2496 
    2497 }
    2498 @media screen and (min-width: 240px) and (max-width: 767px) {
    2499 .navbar-wp .shopress-header-cart-mob {
    2500         display: block;
    2501 }       
    2502 /*--------------- shopress-slider ---------------*/
    2503 .navbar-wp .navbar-nav>.active>a, .navbar-wp .navbar-nav>.active>a:hover, .navbar-wp .navbar-nav>.active>a:focus {
    2504         border-bottom: none;
    2505 }
    2506 .navbar-wp .navbar-nav > a, .navbar-wp .navbar-nav> a:hover, .navbar-wp .navbar-nav a:focus {
    2507         border-bottom: none;
    2508 }
    2509 .shopress-slider-inner {
    2510         min-width: auto !important;
    2511         width: auto !important;
    2512 }
    2513 #shopress-slider .slide-caption h1{
    2514         font-size: 180%;
    2515         line-height: 40px;
    2516         letter-spacing: 0;
    2517 }
    2518 #shopress-slider .slide-caption .description {
    2519         font-size: 100%;
    2520         line-height: 1em;
    2521         margin: 0 auto;
    2522         width: 100%;
    2523 }
    2524 .shopress-slider-warraper .owl-controls .owl-buttons div {
    2525         width: 30px;
    2526         height: 30px;
    2527         font-size: 200%;
    2528         line-height: 10px;
    2529         border-width: 2px;
    2530         border-style: solid;
    2531 }
    2532 }
    2533 
    2534 /* Text meant only for screen readers. */
    2535 .screen-reader-text {
    2536         clip: rect(1px, 1px, 1px, 1px);
    2537         position: absolute !important;
    2538         white-space: nowrap;
    2539         height: 1px;
    2540         width: 1px;
    2541         overflow: hidden;
    2542 }
    2543 
    2544 .screen-reader-text:focus {
    2545         background-color: #f1f1f1;
    2546         border-radius: 3px;
    2547         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    2548         clip: auto !important;
    2549         color: #21759b;
    2550         display: block;
    2551         font-size: 14px;
    2552         font-size: 0.875rem;
    2553         font-weight: bold;
    2554         height: auto;
    2555         left: 5px;
    2556         line-height: normal;
    2557         padding: 15px 23px 14px;
    2558         text-decoration: none;
    2559         top: 5px;
    2560         width: auto;
    2561         z-index: 100000; /* Above WP toolbar. */
    2562 }
    2563 /*--------------- Gallary ---------------*/
    2564 
    2565 
    2566 .gallery {
    2567         margin: 0 -1.1666667% 1.75em;
    2568 }
    2569 
    2570 .gallery-item {
    2571         display: inline-block;
    2572         max-width: 33.33%;
    2573         padding: 0 1.1400652% 2.2801304%;
    2574         vertical-align: top;
    2575         width: 100%;
    2576 }
    2577 
    2578 .gallery-columns-1 .gallery-item {
    2579         max-width: 100%;
    2580 }
    2581 
    2582 .gallery-columns-2 .gallery-item {
    2583         max-width: 50%;
    2584 }
    2585 
    2586 .gallery-columns-4 .gallery-item {
    2587         max-width: 25%;
    2588 }
    2589 
    2590 .gallery-columns-5 .gallery-item {
    2591         max-width: 20%;
    2592 }
    2593 
    2594 .gallery-columns-6 .gallery-item {
    2595         max-width: 16.66%;
    2596 }
    2597 
    2598 .gallery-columns-7 .gallery-item {
    2599         max-width: 14.28%;
    2600 }
    2601 
    2602 .gallery-columns-8 .gallery-item {
    2603         max-width: 12.5%;
    2604 }
    2605 
    2606 .gallery-columns-9 .gallery-item {
    2607         max-width: 11.11%;
    2608 }
    2609 
    2610 .gallery-icon img {
    2611         margin: 0 auto;
    2612 }
    2613 
    2614 .gallery-caption {
    2615         color: #fff;
    2616         display: block;
    2617         font-size: 13px;
    2618         font-style: italic;
    2619         line-height: 1.6153846154;
    2620         padding-top: 0.5384615385em;
    2621 }
    2622 
    2623 .gallery-columns-6 .gallery-caption,
    2624 .gallery-columns-7 .gallery-caption,
    2625 .gallery-columns-8 .gallery-caption,
    2626 .gallery-columns-9 .gallery-caption {
    2627         display: none;
    2628 }
    2629 
    2630 .btn {
    2631     padding: 5px 35px;
    2632     line-height: 30px;
    2633     overflow: hidden;
    2634     position: relative;
    2635     border-radius: 2px;
    2636     font-weight: bold;
    2637     display: inline-block;
    2638     transition: all 0.4s ease-in-out 0s;
    2639 }
Note: See TracChangeset for help on using the changeset viewer.