/*
Theme Name: Classic Woocommerce
Theme URI: https://www.theclassictemplates.com/products/free-wordpress-woocommerce-template
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Classic Woocommerce is a multipurpose ecommerce website theme perfectly designed to build versatile sites for shops, stores and outlets like retail stores, apparel shops, t-shirts, winter wear, jewellery shops, electronics, fashion, furniture, clothing stores and outlets, sports products, smart home products, toys, gadgets Stores, gift shops, digital products and all other preferable e-commerce sites. It includes a retina-ready display for sharp visuals and supports ajax functionality for smoother product browsing and enhanced user experience. The theme is professionally built using the latest HTML5 and CSS3 to make it look clean, classy and minimal. This theme is extremely customizable with a user-friendly interface that lets you create your personalized Woocommerce shop site on your own. With the support of the WooCommerce plugin, it becomes easier to create and showcase your products effectively on your website. The Classic Woocommerce WordPress Theme includes awesome home and inner pages with sophisticated layouts. The Bootstrap Framework used to design this theme makes the website fast, responsive, lightweight, and highly customizable. It also ensures SEO-friendly structure that helps attract more visitors by improving search visibility for relevant business keywords. Moreover, this beautiful Woocommerce website theme is cross-browser compatible so users can browse effortlessly across different browsers, devices, and screen sizes irrespective of their operating systems.
Template: classic-ecommerce
Version: 3.2.7
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: classic-woocommerce
Tags: blog, e-commerce, portfolio, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, flexible-header, footer-widgets, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, theme-options

Classic Woocommerce WordPress Theme has been created by classictemplate (theclassictemplates.com), 2022.
Classic Woocommerce WordPress Theme is released under the terms of GNU GPL

Classic Woocommerce WordPress Theme is child theme of Classic Ecommerce WordPress Theme, Copyright 2022 classictemplate (theclassictemplates.com)
Classic Ecommerce WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --first-theme-color: #fe4f17;
    --second-theme-color: #002374;
}
a{
    text-decoration: none !important;
    color: var(--first-theme-color);
}
.primary-color{
    color: var(--first-theme-color) !important;
}
.primary-bg-color{
    background-color: var(--first-theme-color) !important;
}
.sub-primary-color{
    color: var(--second-theme-color) !important;
}
.sub-primary-bg-color{
    background-color: var(--second-theme-color) !important;
}
.bg-image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#commentform input#submit:hover,#sidebar input.search-submit, form.woocommerce-product-search button,.pagemore:hover,.woocommerce ul.products li.product .button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{
  background: var(--first-theme-color) !important;
  color: #fff !important;
  border-color: var(--first-theme-color) !important;
}
nav.woocommerce-MyAccount-navigation ul li{
    background-color:  var(--first-theme-color) !important;
    border:2px solid var(--first-theme-color) !important;
}
.listarticle h2 a:hover,#sidebar ul li a:hover,.postmeta a:hover,.ftr-4-box h5 span,.ftr-4-box ul li a:hover, .ftr-4-box ul li.current_page_item a{
  color: var(--first-theme-color) !important;
}
.page-template-template-home-page .header{
	border-bottom: solid 1px rgb(255 255 255 / 50%);
}
nav.woocommerce-MyAccount-navigation ul li:hover a, nav.woocommerce-MyAccount-navigation ul li a{
	color: #fff !important;
}
header#header{
    margin-bottom: 21px!important;
}
input#woocommerce-product-search-field-0 {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #e2e2e2;
}
form.woocommerce-product-search {
    display: flex;
    align-items: center;
}
.search-form input.search-field{
    padding: 10px;
    width: 100%;
}
.search-form input.search-submit{
    padding: 10px;
    background-color: var(--first-theme-color) !important;
    color: #fff;
    width: 100%;
}
.search-form label{
    width: 100%;
}
#sidebar input.search-submit, form.woocommerce-product-search button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important;
    padding: 10px 27px!important;
    width: auto!important;
    border: none!important;
    font-size: 15px!important;
    text-transform: none!important;
    width: 100% !important;
}
.search-contact form.woocommerce-product-search button{
    width: auto !important;
}
.cart-text{
    color: rgb(93, 93, 93);
}
.cart-count{
    margin-bottom: 4px;
    color: #fff;
    background-color: var(--first-theme-color);
    width: 16px;
    font-size: 12px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact i:hover{
    color: #302e3c;
}
a.rsswidget.rss-widget-title {
  font-size: 9px;
}
#button{
  background-color: var(--first-theme-color);
  color:#fff;
}
#content{
    margin-top: 1em;
}
.woocommerce ul.products li.product a{
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-left: 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 100%;
    letter-spacing: 0.3px;
}
/*braedcrumb*/
.breadcrumb a{
  background-color: #252525;
  color:#fff !important;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
  background-color: var(--first-theme-color) !important;
  color: #fff !important;
}
/*block css*/
.site-main .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button a:hover, 
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background: none;
  color: #252525 !important;
  border:1px solid #252525 !important;
}
.site-main .wp-block-button__link, .postsec-list .wp-block-button__link{
  background-color: var(--first-theme-color);
  color:#fff !important;
  border:1px solid var(--first-theme-color);
  border-radius: 30px;
  margin-bottom: 10px;
}
.site-main .wp-block-button.is-style-outline a, .postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--first-theme-color) !important;
  color: var(--first-theme-color) !important;
}
/*clearing css*/
.page-links a, .page-links span{
  padding: 10px 15px;
  border: solid 2px #252525;
  color: #252525;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: var(--first-theme-color) !important;
  border: solid 2px var(--first-theme-color);
  color:#fff;
}
/* Menus  */
.cart-icon{
    color: #a9a9a9;
}
.menu-cart .cart-string{
    color: #a9a9a9;
    width: 100px;
}
#site-navigation .main-menu .site-menu{
    list-style: none;
    display: block !important;
}
#site-navigation .main-menu .site-menu .menu-item a{
    font-size: 1rem;
    text-decoration: none;
    border: 1px solid #a9a9a9;
    color: #a9a9a9;
    padding: 13px 30px;
    margin-bottom: 10px;
}
#site-navigation .main-menu .site-menu .menu-item a:hover{
    color: var(--first-theme-color);
    border: 1px solid var(--first-theme-color);
}
#site-navigation .main-menu .site-menu .sub-menu a{
    color: #a9a9a9;
}
.main-nav li ul{
    border-top: 3px solid var(--first-theme-color)  !important;
}
ul.mobile_nav {
    text-align: left;
}
#site-navigation .main-menu .site-menu .menu-item-has-children{
    position: relative;
}
#mySidenav{
    text-align: left;
}
.main-nav a{
    color: #747070;
}
.main-nav a:hover{
    color: #002374;
}
#site-navigation .main-menu .site-menu .menu-item .sub-menu a{
    border: none;
    margin-top: 0;
    padding: 10px 18px;
}
#site-navigation .main-menu .site-menu .menu-item .sub-menu a:hover{
    color: var(--first-theme-color) !important;
}

.main-nav ul ul{
    top: 85%;
    opacity: 1;
}
.close-button{
    display: none;
}
#slider .contain {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
  }
#slider .item {
    height: 445px;
}
#slider .owl-nav{
    display: none;
}
#slider .owl-dots {
    position: absolute;
    bottom: 17%;
    width:auto;
    right: 30%;
}
#slider .owl-theme .owl-dots .owl-dot span{
    margin: 3px 2px;
    background: #797979;
}
#slider .owl-theme .owl-dots .owl-dot.active span, #slider .owl-theme .owl-dots .owl-dot:hover span{
    background: #fe4f17;
}
#slider .item .slider-title{
    font-size: 61px;
    font-weight: 500;
    letter-spacing: 1px;
}
#slider .item .slider-heading{
    padding-right: 2em;
}
#slider .item .content{
    width: 60%;
    margin-bottom: 5em;
}
#slider .item .collection-link{
    margin-left: auto;
    padding: 10px 13px;
}
#slider .slider-content{
    justify-content: end;
    align-items: center;
    display: flex;
}
.slider-img-color, .slidesection img{
  height: 450px !important;
}
.slider-img-color{
    background-color: var(--first-theme-color);
}
#featured-product .featured-image{
    height: 320px;
    width: 100%;
}
h2.woocommerce-loop-product__title{
    font-size: 19px !important;
    text-transform: none!important;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-decoration: none!important;
}
button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{
    border-color: var(--first-theme-color);
    color:#fff;
    background-color:var(--first-theme-color) !important;
}
/*footer*/
.copywrap {
    background-color: #252525;
    color: #fff;
    padding:15px 0;
    text-align:center;
}
.copywrap a{
  color: #fff;
  text-decoration: underline;
}
/*sidebar*/
#sidebar input[type="text"],
#sidebar input.search-submit,
#footer input.search-submit,.tagcloud a:hover,
form.woocommerce-product-search button, input.search-submit, .widget_calendar caption , .widget_calendar #today{
    background-color: var(--first-theme-color);
    color: #fff !important;
}
.header-top, .category-btn, .product-search button[type="submit"], span.item-count, .pagemore:hover, .shop-now a:hover, #commentform input#submit:hover, #sidebar input.search-submit, form.woocommerce-product-search button, .woocommerce ul.products li.product .button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .catwrapslider .owl-prev:hover, .catwrapslider .owl-next:hover, .woocommerce-account .addresses .title .edit:hover{
    background-color: var(--first-theme-color) !important;
    color: #fff;
}
.woocommerce-account .addresses .title .edit{
    font-weight: 700;
    border-radius: 3px;
}
.woocommerce-account .addresses .title .edit:hover{
    color: #fff !important;
    border-color: var(--first-theme-color);
}
#sidebar .widget a:hover,
#sidebar .widget a:active, .widget .tagcloud a:hover, #footer a:hover{
    color: var(--first-theme-color);
}
#sidebar ul li::before{
    color: var(--first-theme-color) !important;
}
#sidebar .widget, .tagcloud a:hover, .widget .tagcloud a:hover,
#sidebar input[type="search"],
#footer input[type="search"]{
    border-color: var(--first-theme-color);
}
.widget .tagcloud a:hover, .tagcloud a:hover{
    border-color: var(--first-theme-color) !important;
}
.widget .tagcloud a:hover{
    color: #fff !important;
}
#recentcomments li{
    background-image:none !important;
 }
#recentcomments li a{
    padding-left:0px !important;
}
.textwidget select{
    width:100%;
}
table{
    width:100%
}
#sidebar .tagcloud a {
    border: solid 2px #252525;
    font-size: 12px !important;
    margin: 2px 0;
    display: inline-block;
    color: #252525;
    padding: 5px;
}
#sidebar .wp-block-search__button{
    background-color: #fe4f17;
}
#sidebar h2{
    font-size: 30px;
    color: #000000;
    font-family: 'Oswald', sans-serif;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.1;
    font-weight: 400;
    word-wrap: break-word; 
}
 h2.woocommerce-loop-product__title{
    text-align: center;
    font-weight: 400;
    color: #2e2e2e;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
    font-size: 15px;
    color: var(--first-theme-color) !important;
    text-align: center;
}
.woocommerce ul.products li.product .button{
    display: block;
    text-align: center;
    transition: 0.4s;
}
.woocommerce ul.products li.product:hover .button{
    opacity: 1;
}
.toggle-nav {
    background: #302e3c;
}
/* Sticky header */
.sticky-head, .close-sticky, .menu-box .header {
    background-color: #fff !important;
}
.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #252525;
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
}
.page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    background: var(--first-theme-color);
}
body.page-template-template-home-page .header-fixed {
    top: 30px;
}
#site-navigation .main-menu .site-menu .menu-item a{
    text-transform: capitalize;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1.site-title a, p.site-title a{
    color: var(--second-theme-color) !important;
}
/* Slider */
.slidesection {
    position: relative;
}
.slider-box {
    position: absolute;
    padding-right: 0em;
    left: 35% !important;
    right: auto !important;
    top: 50%;
    bottom: 0;
    width: 57%;
}
.shop-now a:hover{
    border:1px solid var(--first-theme-color);
}
.owl-carousel .owl-item img{
    height: 100%;
}
.categories-box{
    height: 445px;
    overflow: hidden;
}
.categories-list{
    list-style: none;
    overflow: scroll;
    height: 100%;
}
.categories-list li{
    padding: 5px 0;
}
.categories-list::-webkit-scrollbar {
    display: none;
  }
.categories-list a{
    text-decoration: none;
    color: #ffffff;
    font-weight: 400;
}
.categories-list i{
    text-decoration: none;
    color: #ffffff;
    margin-right: 11px;
}
.slider-box p{
    color: #2e2e2e;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 20px;
}
.slider-box h1 a{
    font-size: 50px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 20px;
    color: var(--second-theme-color);
}
.read-btn a {
    background: var(--first-theme-color);
    color: #fff;
    border-radius: 0px;
    margin-left: auto;
    padding: 10px 15px;
    text-decoration: none;
}
.read-btn a:hover{
	background: #fff;
	color: var(--first-theme-color);
}
.owl-prev span, .owl-next span {
    background: rgb(255 255 255 / 30%);
    border-radius: 0;
    padding: 0px;
    height: auto;
    border: solid 1px #fff;
}
button.owl-dot{
	background: #fff;
}

/* Sticky Copyright */
.sticky-copyright.active-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}

/* Progress Bar */
#progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background: var(--first-theme-color);
  z-index: 9999;
}

.admin-bar #progress-bar {
  top: 32px;
}

/* Services */

#second-sec h6 {
    background: transparent;
    clip-path: none;
    padding: 0;
    display: block;
    color: var(--first-theme-color);
}
#second-sec h3{
	font-size: 40px;
}
#second-sec hr {
    width: 15%;
    margin: 25px auto;
}
.inner-main-box {
    text-align: left;
}
.inner-main-box h4 a {
    color: #121212;
    font-weight: 600;
    font-size: 18px;
}

#comments p a, .comment-content p a {
    text-decoration: underline;
}

.copywrap a:hover {
    color: var(--first-theme-color);
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  background: var(--first-theme-color);
  color: #fff;
  border: solid 2px var(--first-theme-color);
}
.woocommerce ul.products li.product .price ins{
    text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .slider-box {
        left: 15%;
        right: 15%;
    }
    .icon-l{
        margin-right: 7px;
    }
    .icon-r{
        margin-left: 7px;
    }
    .slider-box h1 a{
        font-size: 30px;
    }
    .slider-box h1 a:hover{
        color: #fe4f17;
    }
    .slider-box p{
        font-size: 14px;
    }
}
/* Header Section Responsive CSS */
.site-title {
    font-size: 24px !important;
}
.list-group {
    flex-direction: initial!important;
}
.contact-string{
    color: #989898;
}
/* min-768px max-1024px Header Section */
@media screen and (min-width: 768px) and (max-width: 1024px)/* Header Section */{
    .site-title {
        font-size: 21px !important;
    }
}/* min-768px max-1024px Header Section */

/* min-992px max-1199px Header Section */
@media screen and (min-width: 1025px) and (max-width: 1199px)/* Header Section */{
    .site-title {
        font-size: 26px !important;
    }
    .search-button,.search-input{
        font-size: 15px!important;
    }
    .contact-string{
        font-size: 13px;
    }
}/* min-992px max-1199px Header Section */


/* min-375px max-425px Header Section */
@media screen and (max-width: 720px)/* Header Section */{
    .site-title {
        font-size: 18px !important;
    }
    .site-description{
        font-size: 11px !important;
    }
    .search-contact{
        order: -1;
    }
    .contact-string{
        font-size: 12px;
    }
    .search-button,.search-input{
        font-size: 14px;
    }
    .logo{
        margin-bottom: 20px;
    }
    #slider .slider-content{
        display: block;
    }
    .slider-box h1{
        display: none;
    }
}

@media screen and (max-width: 1000px){
    .toggle-nav {
        border: solid 1px #ff819f;
        display: inline-block !important;
        padding: 2px;
    }
    #site-navigation .main-menu .site-menu .menu-item .sub-menu a:hover{
        color:#fff !important;
    }
    .listarticle h2 a {
        text-decoration: underline;
    }
    h1.site-title a {
        text-decoration: underline;
    }
    .postmeta a {
        text-decoration: underline;
    }
    #content{
        margin-top: 1em;
    }
    #site-navigation .main-menu .site-menu .menu-item a, .sidenav .close-button{
        border:none;
        color: #fff !important;
    }
    .sidenav{
        background-color: var(--first-theme-color) !important;
    }
    .main-nav li{
        border-bottom: solid 1px #fff !important;
    }
    .main-nav .sub-menu li{
        border-bottom: none !important;
    }
}
