/*
Theme Name: Classic Woocommerce Child
Theme URI: https://www.theclassictemplates.com/themes/free-wordpress-woocommerce-template/
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Template: classic-ecommerce
Version: 0.1.4
Tested up to: 6.1
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: classic-woocommerce


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