/*
Theme Name: Handbag Ecommerce Store
Theme URI: https://www.luzuk.com/products/free-handbag-ecommerce-store-wordpress-theme/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: HandBag Ecommerce Store WordPress Theme is a niche-specific design created for manufacturers, retailers, and distributors of all types of bags from international luggage, school bags, hand bags, and fashionable designer bags. The layout and navigation will work well for all the categories of entrepreneurs into the business of making or selling bags.  To download Bags Store WordPress Theme is a matter of minutes and so is maintaining your own web store. There is no requirement of any special experience in coding programing etc. to use or maintain this theme to launch your online store. The theme can be customized as per preference of the user. User gets access to dashboard via login where s/he will find instructions to carry out any activity required to run a store. Whether it is uploading images, deleting existing content and images, displaying user’s business details from contact details to social media handles, everything can be self-managed instantly and changes will go live in real-time. User can change background colors to match with their brand color theme in the Bags Store WordPress Theme.  Bag Store WordPress Theme works on all screen sizes, browsers, and is compatible with woo-commerce app (among several others) that creates a secure payment gateway to enable customers to make online payment to buy the product without any risk. Features like mobile friendly, no coding and customization requirement, compatibility, with safe payment app makes it time saving and hassle free theme. Download Bags Store WordPress Theme, make your business live within days, update content and images yourself and start marketing your products from the day your store goes online.  You can give your bag store an online presence with this free to use Bags Store WordPress Theme. Updates will be shared on email to ensure your theme evolves with the changing technology.
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.3
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: handbag-ecommerce-store
Template: perfect-ecommerce-store
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, featured-images, full-width-template, footer-widgets, one-column, sticky-post, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, grid-layout, three-columns, blog, e-commerce
*/

/* Header Section */
body{
	font-family: 'Oswald', sans-serif !important;
	margin: auto;
}
#slider .inner_carousel h1, #feature-pro strong, .restaurant-title h3{
	font-family: "Cormorant Garamond", serif !important;
}
p{
	font-family: 'Poppins', sans-serif;
}
a, a:hover, .site-footer .widget-area a:hover {
	color: #ffc851 ;
	text-decoration: none;
}

.socialbox a:focus, .logo a:focus, .sidenav .closebtn:focus,
.nav-menu ul li a:focus, .toggle-menu button:focus{
	outline-color: #000;
}
#slider a:focus{
	outline-color: #fff;
}
.page-template-custom-home-page .main-top{
	top:20px;
	background: transparent;
}
header{
	/* overflow: hidden; */
}
.main-top{
	padding: 0px;
	position: static;
	background: #fcd276bf;
}
header .annbar{
	text-align: center;
    padding: 10px;
    background: #000;
}
header .annbar p{
	margin: 0;
	color: #fff;
}
header .header-menus{
	padding-left: 2rem;
}
.page-template-custom-home-page .custom-header {
    display: none;
}
.logo h1 a, .logo p.site-title a{
	color: #121618 !important;
	text-decoration: none;
}
.site-description{
	margin: 0;
	color: #121618 !important;
}
.nav-menu ul li a, .nav-menu ul li a:active, .nav-menu ul li a:hover{
	color: #121618;
}
.page-template-custom-home-page .topbar {
    background: #f6f3ef;
    padding: 10px;
}
.socialbox{
	margin: 10px;
}
.nav-menu ul{
	margin: 0;
}
.logo h1, .logo p.site-title{
	margin: 0;
	font-weight: 500;
	font-family: 'Oswald', sans-serif !important;
}
.socialbox i{
	color: #000 !important;
	border: #000 1px solid !important;
	background: #fff;
}
.socialbox i:hover{
	color: #fff !important;
	border: 1px solid #ffc851 !important;
	background: #ffc851;
}

    header .header-icons{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:35px;
    padding-right: 3rem;
}

header .icon-btn{
    color:#444;
    font-size:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

header .icon-btn:hover{
    color:#000;
}

header .cart_icon a{
    position:relative;
    color:#444;
    font-size:22px;
}

header .cart-count{
    position:absolute;
    top:-8px;
    right:-10px;
    width:18px;
    height:18px;
    background:#000;
    color:#fff;
    border-radius:50%;
    font-size:11px;
    display:flex;
    align-items:center;
    justify-content:center;
}

header .search-popup{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

header .search-popup.active{
    display:flex;
}

header .search-popup-content{
    width:650px;
    max-width:90%;
    background:#fff;
    padding:35px;
    border-radius:8px;
    position:relative;
}

header .close-search {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 32px;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0 10px;
    color: #000;
    line-height: 1;
}

header .search-popup .woocommerce-product-search{
    display:flex;
    border:1px solid #ddd;
}

header .search-popup input[type="search"]{
    width:100%;
    border:none;
    padding:15px;
    outline:none;
}

header .search-popup button{
    background-color: #bba894;
    color: #fff;
    border: none;
    padding: 0 25px;
    border-radius: 0;
}
span.cart-value {
    color: #fff;
    background: #b09b83;
 }
#slider .read-btn a.blogbutton-small,
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon,
.woocommerce-message,
#slider i, .nav-menu ul ul, #inner-pages-header .theme-breadcrumb{
	border-color: #ffc851;
}
#slider i{
	background-color: #baa999;
	padding: 10px;
	color: #121618;
}
#slider {
	border-bottom: 5px solid #ffc851;
}
section#post_section {
    margin-top: 20px !important;
}
#slider .carousel-item-content{
	display: flex;
}
#slider .carousel-img{
	width: 45%;
}
#slider .carousel-caption {
    top: 0%;
    transform: none;
    right: 0%;
    left: 0%;
	bottom: 0;
    padding: 0;
    width: 55%;
    position: relative;
	display: flex;
    align-items: center;
    padding: 0 2rem 0 15%;
    transition: 1s ease;
}
#slider img {
    width: 100%;
    opacity: 1;
    height: 770px;
    object-fit: cover;
}
#slider {
    max-width: 100%;
    padding: 0;
    background: #efeae3;
    position: relative;
    height: 80vh;
    overflow: hidden;
	border-bottom: none;
}
#slider .sub-title{
	display: block;
    color: #b68d40;
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 20px;
}
#slider .inner_carousel h1{
    font-size: 95px;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #111;
	font-weight: 400;
}
#slider .inner_carousel h1::after{
    content: '';
    width: 80px;
    height: 2px;
    background-color: #b9a07d;
    display: block;
    margin-top: 10px;
}
#slider .inner_carousel p{
	font-size: 18px;
    color: #666;
    margin-bottom: 35px;
    line-height: 30px;
}
#slider .inner_carousel .read-btn a{
	display: inline-block;
    padding: 16px 45px;
    color: #fff;
    text-decoration: none;
    transition: .3s;
    border-radius: 0;
}
#slider .carousel .carousel-control-prev {
    top: auto;
    left: auto;
    right: 5%;
    opacity: 1;
    width: 15%;
    bottom: 10%;
}
#slider .carousel .carousel-control-next-icon, #slider .carousel .carousel-control-prev-icon{
	border: none;
}

/* category product  */

#product-categories{
    background-color: #efeae3;
    position: relative;
    overflow: hidden;
    padding: 0 2.5rem 2rem;
}
#product-categories .product-box{
    padding: 0 5px
}
#product-categories .category-box{
    position:relative;
    overflow:hidden;
    height:480px;
    background:#f5f5f5;
    cursor:pointer;
}

#product-categories .category-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .6s ease;
}

#product-categories .category-box:hover img{
    transform:scale(1.08);
}

#product-categories .category-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.02),
        rgba(0,0,0,.08)
    );
    z-index:1;
}

#product-categories .category-content{
    position: absolute;
    top: 45px;
    left: 35px;
    right: 35px;
    z-index: 2;
    width: 220px;
}

#product-categories .category-content h3{
    font-size:38px;
    font-family:"Cormorant Garamond",serif;
    font-weight:500;
    line-height:1;
    color:#111;
    margin-bottom:15px;
    text-transform:uppercase;
}

#product-categories .category-content p{
    font-size:18px;
    color:#555;
    line-height:28px;
    margin-bottom:30px;
    max-width:220px;
}

#product-categories .shop-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 34px;
    border:2px solid #111;
    color:#111;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    transition:.35s;
    background:transparent;
}

#product-categories .shop-btn:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}

#product-categories .category-box:hover .shop-btn{
    transform:translateY(-3px);
}

@media(max-width:991px){

#product-categories .category-box{
    height:520px;
}

#product-categories .category-content{
    top:25px;
    left:25px;
    right:25px;
}

#product-categories .category-content h3{
    font-size:34px;
}

#product-categories .category-content p{
    font-size:16px;
    line-height:24px;
}

}

@media(max-width:575px){

#product-categories .category-box{
    height:420px;
}

#product-categories .category-content h3{
    font-size:28px;
}

#product-categories .category-content p{
    font-size:15px;
}

#product-categories .shop-btn{
    padding:12px 26px;
    font-size:13px;
}

}

        /* ===========================
   FEATURE PRODUCTS
=========================== */

#feature-pro{
    padding:90px 0;
    background:#efeae3;
    overflow:hidden;
}

#feature-pro .container{
    max-width:1400px;
    margin:auto;
    position:relative;
}

/* Heading */

#feature-pro .section-title{
    text-align:center;
    margin-bottom:60px;
}

#feature-pro .section-title p{
    font-family:"Cormorant Garamond",serif;
    font-size:46px;
    font-weight:500;
    color:#222;
    letter-spacing:2px;
    text-transform:uppercase;
    display:inline-block;
    position:relative;
    margin:0;
}

#feature-pro .section-title p::after{
    content:"";
    position:absolute;
    width:70px;
    height:2px;
    background:#c9a46b;
    left:50%;
    transform:translateX(-50%);
    bottom:-18px;
}

/* Slider */

#feature-pro .arrival-slider{
    position:relative;
    margin:0 60px;
}

#feature-pro .arrival-slider .swiper-slide{
    height:auto;
}

/* Card */

#feature-pro .product-box{
    transition:.35s;
    /* text-align:center; */
}

#feature-pro .product-image{
    background:#efeae3;
    overflow:hidden;
    border-radius:6px;
}

#feature-pro .product-image a{
    display:block;
}

#feature-pro .product-image img{
    width:100%;
    height: 320px;
    object-fit: cover;
    display:block;
    transition:.5s ease;
}

#feature-pro .product-box:hover img{
    transform:scale(1.06);
}

/* Content */

#feature-pro .product-content{
    padding-top:22px;
}

#feature-pro .product-content h3{
    margin:0 0 12px;
}

#feature-pro .product-content h3 a{
    font-family:"Poppins",sans-serif;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    color:#222;
    text-decoration:none;
    transition:.3s;
}

#feature-pro .product-content h3 a:hover{
    color:#b48b4d;
}

#feature-pro .product-content .price{
    display:block;
    font-size:20px;
    font-weight:600;
    color:#111;
    letter-spacing:.5px;
}

/* Arrows */

#feature-pro .swiper-button-next,
#feature-pro .swiper-button-prev{
    width:54px;
    display: none;
    height:54px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    color:#222;
    transition:.3s;
}

#feature-pro .swiper-button-prev{
    left:0;
}

#feature-pro .swiper-button-next{
    right:0;
}

#feature-pro .swiper-button-next::after,
#feature-pro .swiper-button-prev::after{
    font-size:18px;
    font-weight:700;
}

#feature-pro .swiper-button-next:hover,
#feature-pro .swiper-button-prev:hover{
    background:#111;
    color:#fff;
}

/* Responsive */

@media(max-width:1199px){

/* .product-image img{
    height:330px;
} */

#feature-pro .arrival-slider{
    margin:0 45px;
}

}

@media(max-width:991px){

#feature-pro{
    padding:70px 0;
}

#feature-pro .section-title p{
    font-size:38px;
}

/* .product-image img{
    height:300px;
} */

#feature-pro .arrival-slider{
    margin:0 35px;
}

}

@media(max-width:767px){

#feature-pro .section-title{
    margin-bottom:40px;
}

#feature-pro .section-title p{
    font-size:30px;
}

/* .product-image img{
    height:250px;
} */

#feature-pro .arrival-slider{
    margin:0 25px;
}

.arrival-slider .swiper-button-next,
.arrival-slider .swiper-button-prev{
    width:42px;
    height:42px;
}

}

@media(max-width:480px){

/* .product-image img{
    height:220px;
} */

#feature-pro .product-content h3 a{
    font-size:14px;
}

#feature-pro .product-content .price{
    font-size:17px;
}

}
#colophon.site-footer .widget-area {
    padding: 2rem;
}
#colophon.site-footer h3.widget-title:before{
    display: none;
}
/* restaurant menu section*/
#feature-pro{
	padding: 1% 1% 2%;
}
#restaurant_menu {
	padding: 1% 0;
    text-align: center;
}
#restaurant_menu .service-img img {
    width: 100%;
    height: 250px;
	display: block;
    margin: 0 auto;
}
#feature-pro strong,
.restaurant-title h3 {
    font-size: 35px;
    color: #121618;
}
.restaurant-title{
	margin-bottom: 25px;
}
.service-img h4 a {
    color: #fff;
    text-decoration: none;
}
.service-img h4 {
    display: inline-block;
    padding: 15px 24px;
    position: relative;
    bottom: 26px;
    background: #ffc851;
    letter-spacing: 1px;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif !important;
}
#sidebar h3.widget-title {
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif !important;
}
.page-template-custom-home-page .site-content{
	padding: 0;
}
#sidebar .widget ul li a,
.posted_in a,
.pagination a,
.comment-reply-link,
.logged-in-as a{
	color: #121618;
}
.copyright {
    background: #000;
    margin: 0px;
    border: 0;
}
.site-info p,
.site-info a{
	color: #777;
	margin:0px;
	text-align: center;
}
#content h2 {
    margin-top: 10px;
}
.widget ul li, .widget ol li{
	padding: 5px 0;
}
#post_section h3.entry-title a,
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
a.showcoupon, .woocommerce-message::before, .woocommerce a.showcoupon, .woocommerce form .form-row .required, #inner-pages-header .theme-breadcrumb a {
	color: #ffc851;
}
.article_content a, .lz-content a, .entry-content a, .comment-body a, .textwidget a, #tab-description a, .woocommerce-product-details__short-description a, .service-content a{
	color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
#inner-pages-header h1,.single-post .entry-title, .page .entry-title, .entry-meta + .entry-title {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#sidebar h3.widget-title,
#sidebar button.search-submit,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
span.onsale,
#slider .read-btn a.blogbutton-small,
.prev.page-numbers, .next.page-numbers,
.pagination .current,
nav.woocommerce-MyAccount-navigation ul li,
.control-section-perfect_ecommerce_store a, #inner-pages-header .header-content{
	background: #111 !important;
}
.nav-menu ul ul a, a.more-link, .site-footer .widget-area .tagcloud a:hover,
button.search-submit{
	background: #ffc851;
	text-decoration: none;
	color: #fff;
}
.nav-menu ul ul a:hover,
a.more-link:hover{
	background: #121618;
	color: #ffc851;
}
.wp-block-button a {
    color: #fff !important;
}

.article_content .continue-btn a {
    color: #fff;
}
.widget_container{
	border-bottom-color: #ffc851;
}
.article_content{
	border-left: 5px solid #ffc851;
}
#sidebar input.search-field{
    width: 100%;
    padding: 10px;
    background: transparent;
	border: solid 1px #333;
}
#sidebar .search-form .search-submit{
	bottom: 0px;
    padding: 10px;
    position: relative;
    width: 100%;
    right: 0px;
}
#sidebar input[type="submit"],
.second-border a:hover,
.pagination .current,
.pagination a:hover,
#sidebar .tagcloud a:hover,
span.meta-nav, #sidelong-menu{
	background: #bcad9c;
}
#comments input[type="submit"].submit{
	background: #ffc851 !important;
}
#sidebar h3{
	text-transform: uppercase;
}
.toggle a,
.toggle a:focus,
.toggle  a:hover{
	color: #fff !important;
}

a.rsswidget {
    padding: 2%;
}
.toggle-menu i, .nav-menu .current_page_item > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current_page_ancestor > a, .sidenav .closebtn{
	color: #000;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
	max-width: 100%;
}
.site-footer {
	color: #777777;
	background: #0c0c0c;
}
#colophon.site-footer  a, #colophon.site-footer  a, #colophon.site-footer  p {
    color: #fff;
    opacity: 0.8;
}
#colophon.site-footer  a:hover{
    opacity: 1;
}
.site-footer .widget li, .site-footer h3.widget-title {
	border: 0;
}


.topbar {
    background: #fff;
}

/*-----media-----*/
@media screen and (max-width: 425px){
	#feature-pro strong{
		font-size: 35px;
	}
	.entry-content p{
		padding: 5px;
	}
}
@media screen and (max-width: 768px){
	#sidebar h3.widget-title{
		padding: 8px;
	}
}
@media screen and ( max-width: 1000px ) and (min-width: 720px){
	/* .page-template-custom-home-page .main-top{
		position: absolute;
	} */
	#slider .carousel-caption{
		top:73%;
	}
}
@media screen and (max-width: 1000px) {
    #sidelong-menu, #top-menu {
        display: block;
    }
}
@media screen and ( max-width: 720 ) and ( min-width: 426px ){
	.page-template-custom-home-page .main-top{
		position: static !important;
	}
	#slider .carousel-caption{
		top:53%;
	}
}
@media screen and ( max-width: 1000px ){
	.nav-menu ul ul {
		display: block !important;
		opacity: 1 !important;
		height: auto !important;
	}
}

@media screen and (max-width:1440px) {
    header .nav-menu li {
        padding: 5px 15px 5px 15px;
    }
    #slider img {
    height: 680px;
    }
    #slider .carousel-caption{
        padding: 0 2rem 0 10%;  
    }
    #slider .inner_carousel h1 {
    font-size: 72px;
    }
    #product-categories .category-content h3 {
    font-size: 28px;
    }
    #product-categories .shop-btn{
        padding: 10px 20px;
    }
    #product-categories .category-content{
        width: 190px;
    }
    #feature-pro .section-title p{
        font-size: 38px;
    }
    #feature-pro .product-image img{
        height: 240px;
    }
    #product-categories .category-box{
        height: 420px;
    }
}
@media screen and (max-width: 1200px) {
    #slider .inner_carousel h1 {
        font-size: 56px;
    }
    #slider .inner_carousel p {
    font-size: 16px;
    line-height: 1.5;
}
#slider .inner_carousel .read-btn a {
    display: inline-block;
    padding: 12px 30px;
}
#product-categories .product-box {
    padding-bottom: 10px;
}
}
@media screen and (max-width:1023px) {
    #slider{
        height: 65vh;
    }
    #slider img {
        height: 550px;
    }
}
@media screen and (max-width:1000px) {
    header .header-menus {
        padding-left: 1rem;
        order: 3;
        text-align-last: center;
    }
header .header-icons{
        padding-right: 0rem;
}
header .header-menus{
    text-align: center;
}
header .topbar .toggle-menu {
        border-left: none;
    }
}

@media screen and (max-width:992px) {
    #slider .carousel-caption {
        padding: 0 2rem 0 5%;
        width: 50%;
    }
    #slider .inner_carousel h1 {
        font-size: 45px;
    }
    #slider .sub-title{font-size: 15px;}
    #slider .inner_carousel p{margin-bottom: 20px;}
        #slider .inner_carousel .read-btn a {
        display: inline-block;
        padding: 10px 18px;
        font-size: 15px;
    }
    #slider .carousel-img {
    width: 50%;
}
#feature-pro .swiper-button-next, #feature-pro .swiper-button-prev {
    width: 45px;
    height: 45px;
}
}
@media screen and (max-width:768px) {
    #product-categories{padding: 0 1rem 0rem;}
        #feature-pro .swiper-button-next, #feature-pro .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .nav ul li a {
        float: left;
    }
    
    #feature-pro .swiper-button-next::after, #feature-pro .swiper-button-prev::after {
    font-size: 12px;
    font-weight: 700;
}
#colophon.site-footer .widget-area{
    padding: 2rem 0;
}
#slider .carousel-item-content {
    display: grid;
}
    #slider {
        height: auto;
    }
    #slider .carousel-img {
        width: 100%;
        order: 1;
    }
    #slider .carousel-caption {
        padding: 1rem;
        width: 100%;
        order: 2;
    }
        #slider img {
        height: 440px;
    }
    #slider .carousel .carousel-control-prev{
        right: 10%;
        bottom: 5%;
    }
    #slider .carousel-control-next{
        bottom: 5%;
    }
        #feature-pro .section-title p {
        font-size: 32px;
    }
    #feature-pro {
    padding: 1rem;
}
}
@media screen and (max-width:575px) {
    #slider .inner_carousel h1 {
        font-size: 32px;
    }
    header .header-icons{
        gap: 15px;
    }
    header .header-icons {
        padding: 0rem;
    }
}
@media screen and (max-width:375px) {
    header .header-menus {
        padding: 0rem;
    }
}