/*
Theme Name: Classic Woocommerce
Theme URI: https://www.theclassictemplates.com/themes/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: 0.1.7
Tested up to: 6.1
Requires PHP: 7.2
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, left-sidebar, right-sidebar, 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;
}
nav.woocommerce-MyAccount-navigation ul li:hover,#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;
}
.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{
	color: #fff;
}
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;
}
.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;
}
a.rsswidget.rss-widget-title {
  font-size: 9px;
}
/* Sticky header */

.page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    background: var(--first-theme-color);
}
#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";
}

/* Slider */
.slider-box{
    position: relative;
    padding-right: 0em;
    left: auto!important;
    right: auto!important;
    top: 20%;
    bottom: auto;
    width: 60%;
}
.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: 1.5em;
}
.slider-box h3 {
    font-size: 50px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 57px;
    color: var(--second-theme-color);
}
.read-btn{
    text-align: end;
}
.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 {
    text-decoration: underline;
}

.copywrap a:hover {
    color: var(--first-theme-color);
}

@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;
}
/* 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 (min-width: 375px) and (max-width: 425px)/* 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;
    }
}/* min-375px max-425px Header Section */

/* Menus  */
.menu-cart{
    height: 62px;
}
.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;
}
#site-navigation .main-menu .site-menu .menu-item.current-menu-item a{
    color: var(--second-theme-color);
}
#site-navigation .main-menu .site-menu .menu-item-has-children{
    position: relative;
}
#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%!important;
    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;
}
#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;
}
#footer{
    background-color: #2e2e2e;
}
.ftr-4-box{
	width:21%;
	float:left;
	margin:0 4% 2% 0;
	box-sizing:border-box;
	padding:35px 0 15px;
}
.widget-column-4 {
	margin-right:0px !important;
}
.ftr-4-box h5{
    font-weight: 600;
    font-size: 27px;
    color: #fff;
    margin-bottom: 25px;
    border-bottom: 1px solid #303030;
    padding-bottom: 0px;
    letter-spacing: 1px;
}
.textwidget p{
    color: #aba9aa;
}
.ftr-4-box h5 span{
	font-weight:300;
	color:#f6e264;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0;
	border-bottom:1px solid #303030;
}
.ftr-4-box ul li a {
	color: #aba9aa;
    text-decoration: underline;
    font-size: 17px;
    font-weight: 500;
}
.ftr-4-box ul li a:hover,
.ftr-4-box ul li.current_page_item a {
	color: #f6e264;
}
.ftr-4-box a.readmore span{
	color:#fff;
}
.ftr-4-box p{
	margin-bottom:15px;
}
.copywrap {
	background-color: #252525;
	color: #fff;
	padding:15px 0;
	text-align:center;
}
.copywrap a{
  color: #fff;
  text-decoration: underline;
}

/* = sidebar
---------------------------------------------- */
label{
    margin-bottom: 0;
  }
  aside.widget{
    margin-bottom:30px;
    border:5px solid #ededed;
    padding:20px;
  }
  aside.widget ul{
    list-style:none;
  }
  h3.widget-title{
    padding:0 0 15px 0;
    color:#252525;
    border-bottom:1px solid #edecec;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
  }
  #sidebar ul li{
    border-bottom:1px dashed #d0cfcf;
    padding:8px 0;
  }
  #sidebar ul li a{
    color:#3b3b3b;
    display:inline-block;
    text-decoration: underline;
  }
  #sidebar ul li a:hover{
    color:#f6e264;
  }
  #sidebar ul li:last-child{
    border:none;
  }
  #sidebar.left{
    float:left;
  }
  #sidebar table{
    width:100%;
    text-align:center;
  }
  #calendar_wrap caption{
    font-weight:700;
    padding-bottom:10px;
    text-transform:uppercase;
  }
  #sidebar select {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: solid 2px #252525;
  }
  #sidebar input[type="text"],
  #sidebar input[type="search"]{
    border: solid 2px #252525;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  #sidebar input.search-submit,
  form.woocommerce-product-search button {
    font-family: 'Oswald', sans-serif;
    padding: 10px;
    width: 100%;
    border: solid 2px #252525;
    background: #f6e264;
    font-size: 15px;
    text-transform: uppercase;
  }
  #sidebar h1, h2, h3, h4, h5, h6{
    margin: 0 0 10px;
    color: var(--first-theme-color);
  }
  #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;
  }
  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 {
    /*display: block !important;*/
    background: #302e3c;
}

@media screen and (max-width: 1000px)
.toggle-nav {
    border: solid 1px #ff819f;
    display: inline-block !important;
    padding: 2px;
}

.listarticle h2 a {
    text-decoration: underline;
}

h1.site-title a {
    text-decoration: underline;
}

.postmeta a {
    text-decoration: underline;
}
