/*
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 e-commerce 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. The theme is professionally built using the latest HTML5 and awesome CSS3 to make it look clean, classy and minimal. This theme is an extremely customizable theme with a user friendly interface that lets you create your personalized Woocommerce shop site on your own. With the support of Woocommerce plugin on this theme, it is made more easier for you 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 extremely customizable. It also makes the website SEO friendly that helps you attract more visitors by showing your website in the top results of search engines whenever someone searches for words related to your business. Moreover this beautiful Woocommerce website theme is also made cross browser compatible so that your visitors can browse through your website effortlessly across different browsers, devices and screens irrespective of their sizes, ratios and operating systems.
Template: classic-ecommerce
Version: 2.9.2
Tested up to: 6.8
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, post-formats, translation-ready, custom-logo, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, block-styles, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

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;
    opacity: 0;
    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;
}

/* 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;
    }
}