/*
Theme Name: Grocery Supermarket Elementor Child
Theme URI: https://upematerials.com
Description: Child Theme for Grocery Supermarket Elementor
Author: Kirmaljeet Brar
Author URI: https://techsmartsolutions.in/
Template: grocery-supermarket-elementor
Version: 1.0.0
Text Domain: grocery-supermarket-elementor-child
*/

/* Add your custom CSS below */
body{padding:0px; margin:0px;background:#f0f0f0; overflow-x:hidden;}
.mg-top-sm {margin-top: 2%;}
.mobile-cart-visible {display: none !important;}
.mobile-cart-disable {display: block !important;}
/*---- Header section start here ----*/
header#site-navigation .top-header {
    background: #01308a;
    display: flex;
    justify-content: space-between;
}
.top-header ul {
    display: flex;
    column-gap: 10px;
    color: #fff;
    list-style-type: none;
    align-items: center;
    padding: 0;
    margin: 0;
}
.top-header .container {
    display: flex;
    justify-content: space-between;
}
.top-header .container a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.top-header .container a:hover{color:#fda86c;}
.top-header .container a i.fa {
    margin-right: 5px;
}
.top-header {
    background: #01308a;
    display: flex;
    justify-content: space-between;
    padding: 4px 0px;
}
.middle-header {
    background: #1ea9f3;
}
.middle-header .h-left {
    float: left;
}

.middle-header .h-left ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    column-gap: 11px;
}
.middle-header .h-right {
    float: right;
    margin-top: 18px;
}
.h-right a {
    color: #fff; text-decoration:none;
}
.h-right i.fa {
    margin-right: 10px;
}
.skopbycat {
    border: 2px solid #fff;
    text-align: left;
    border-radius: 10px;
    padding: 4px 7px;
    display: flex;
}
.skopbycat a {
    color: #fff;
    max-width: 100px;
    border-radius: 10px;
    text-decoration: none;
    line-height: 20px;
    font-size: 14px;
}
.logo img {
    height: 62px;
}
.price-img img {
    height: 47px;
}
.become img {
    height: 44px;
}

/*---- Header section end here ----*/

/*---- Home page menu bar start here ----*/
.home-menu {
    background: #fff;
    text-align: center;
}
.home-menu ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 10px;
}
.home-menu ul li a {
    color: #333;
    text-decoration: none;
}
.home-menu ul li a:hover{color:#1690f4;}

/*---- Home page menu bar end here ----*/

/*---- Home page promo bar start here ----*/
.promobar {
    text-align: center;
}
.promobar button.btn.btn-primary {
    padding: 1px 110px;
    contain-intrinsic-block-size: auto 100px;
    background: #276c94;
    font-weight: 500;
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
}
.promobar button.btn.btn-primary img {
    height: 36px;
    margin-right: 9px;
}
.promobar ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    column-gap: 8px;
    margin-top: 8px;
}
.promobar ul li:first-child {
    font-weight: bold;
}
/*---- Home page promo bar end here ----*/
.regular img{width:100%;}
.regular1 img{width:100%;}
.regular2 img{width:100%;}
.sm-banner ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display:flex;
}
.sm-banner ul img{max-width:100%;}
.price-con {
    display:flex;
    justify-content:space-between;
	margin-left: 10px !important;
    margin-right: 10px !important;
}
.price-con p {
    margin: 0;
    padding: 0;
}
.price-con .price {
    font-weight: 600;
}
button.btn.btn-primary {
    background: #1ea9f3;
    border: 1px solid #1ea9f3;
    border-radius: 30px !important;
    padding:5px 21px;
    font-size: 17px;
}
button.btn.btn-primary:hover {
    background: #000;
    border: 1px solid #000;
}
.review h2 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 43px;
}
.review-con {
    background: #cee5f1;
    border-radius: 6px;
    padding: 15px;
}
.review-con ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.review-con ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    column-gap: 10px;
}
.review-con ul img {
    height: 20px;
}
p.r-text {
    margin-top: 16px;
}
.profile-con {
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.profile-con p {
    margin: 0;
}
.payment-sec ul {
    list-style-type: none;
    margin: 0;
    background: #fff;
    padding: 5px;
}
body span.woocommerce-Price-amount.amount{font-size:15px !important;}

.payment-sec ul {
    list-style-type: none;
    margin: 0;
    background: #fff;
    padding:0px;
    display: flex;
    text-align: center;
    column-gap: 12px;
}
.payment-sec ul li {
    width:25%;
    position:relative;
    padding:20px;
    padding-bottom:58px;
}
.line {
    position: absolute;
    width: 1px;
    height: 100%;
    background:#ccc;
    content: '';
    top: 0;
    right: 0;
}
.icon-con img {
    margin-top:8px;
}
.icon-con {
    border: 1px solid;
    width: 90px;
    height: 90px;
    margin: auto;
    margin-top: 31px;
    margin-bottom: 20px;
    border-radius: 100%;
}
.pay-title {
    font-weight:500;
    color:#605f5f;
}
.footer-area.col-lg-12.col-md-6.col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.footer {
background:#000;
padding:30px 0px;
overflow:hidden;
margin-top:0px;
padding-top:50px;
}
.footer h2 {
    color: #fff;
    font-size: 21px;
}
.footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footer ul li {
    color: #fff;
    margin-bottom: 10px;
    padding: 0;
}
.re-f-box {
    width: 20%;
    float: left;
}
.footer ul li a {
    color: #fff;
    text-decoration: none;
}
.footer-bot {
    clear: both;
    color: #fff;
}
.footer-bot h3 {
    font-size:15px;
}
.footer-bot .f-b-left {
    float: left;
}
.footer-bot .f-b-right {
    float: right;
    margin-top: 24px;
}
.footer-bot .f-b-right li {
    float: left;
    margin-left:6px;
}
.footer .f-b-right a {
    background: #6c9b42;
    display: block;
    width: 35px;
    text-align: center;
    padding: 5px;
}
.review .slick-arrow {
    display:none !important;
}
.review ul.slick-dots {
    padding: 0;
    list-style-type: none;
    display: flex !important;
    column-gap: 10px;
    justify-content: center;
    margin: 31px;
}
.review ul.slick-dots li button {
    width: 22px;
    color: transparent;
    border-radius: 100%;
    height: 22px;
    border: 1px solid #918c8c;
}
ul.slick-dots li.slick-active button {
    background: #000 !important;
}
.white-bg {
    background: #fff;
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1400px;
    }
}

.slick-slide > div {
  margin:0 5px;
}


 .slick-list {
  margin:0 -10px;
}
.tranding-offer .white-bg img {
    max-width: 100%;
}
.tranding-offer .white-bg p {
    padding: 0;
    padding-bottom: 0;
    margin: 0;
}
.tranding-offer .price-con .pr-cta button {
    margin-right: 10px;
}
.tranding-offer .checkbox-con {
    padding: 0px 10px;
    padding-bottom: 25px;
}
.tranding-offer h2 {
    font-size: 20px;
    margin-top:5px;
}
.tranding-offer .white-bg p.price {
    padding-top: 0;
}
.tranding-offer{position:relative;}
.tranding-offer button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
}

.tranding-offer button.slick-next {
    position:absolute;
    top:50%;
    right:0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height:45px;
}
.tranding-offer button.slick-next:before{
    content: "\f105";
    color: #000;
    font-size: 25px;	
}

.tranding-offer button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height: 45px;
}

.tranding-offer button.slick-prev:before {
    content: "\f104";
    color: #000;
    font-size: 25px;
}
.hot-deal{position:relative;}
.hot-deal button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
}

.hot-deal button.slick-next {
    position:absolute;
    top:50%;
    right:0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height:45px;
}
.hot-deal button.slick-next:before{
    content: "\f105";
    color: #000;
    font-size: 25px;	
}

.hot-deal button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height: 45px;
}

.hot-deal button.slick-prev:before {
    content: "\f104";
    color: #000;
    font-size: 25px;
}

.logo-slider{position:relative;}
.logo-slider button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
}

.logo-slider button.slick-next {
    position:absolute;
    top:50%;
    right:0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height:45px;
}
.logo-slider button.slick-next:before{
    content: "\f105";
    color: #000;
    font-size: 25px;	
}

.logo-slider button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height: 45px;
}

.logo-slider button.slick-prev:before {
    content: "\f104";
    color: #000;
    font-size: 25px;
}

.slider-main{position:relative;}
.slider-main button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
}

.slider-main button.slick-next {
    position:absolute;
    top:50%;
    right:0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height:45px;
}
.slider-main button.slick-next:before{
    content: "\f105";
    color: #000;
    font-size: 25px;	
}

.slider-main button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    width: 27px;
    color: transparent;
    font: normal normal normal 14px / 1 FontAwesome;
    background: #fff;
    border: 1px solid #ccc;
	height: 45px;
}

.slider-main button.slick-prev:before {
    content: "\f104";
    color: #000;
    font-size: 25px;
}

.hot-deal p {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.hot-deal p.price {
    padding-top: 0;
}
.checkbox-con {
    margin-left:0px;
    padding-bottom:21px;
}
.hot-deal .pr-cta {
    margin-right:13px;
}
.sm-banner {
    margin-top:43px;
}

.hot-deal h2 {
    font-size: 20px;
    margin-top: 33px;
}
.logo-slider section img {
    max-width:100%;
    width:100% !important;
}

.logo-slider section {
    background:#fff;
    padding:15px;
}
.promobar {
    text-align: center;
}
.promobar button.btn.btn-primary {
    padding: 1px 50px;
    contain-intrinsic-block-size: auto 100px;
    background: #276c94;
    font-weight: 500;
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
	margin-top: 17px;
}
.promobar button.btn.btn-primary img {
    height: 36px;
    margin-right: 9px;
}
.promobar ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    column-gap: 8px;
    margin-top: 8px;
	padding-bottom:0px;
}
.promobar ul li:first-child {
    font-weight: bold;
}
.menu {
    background: #fff;
    text-align: center;
}
.menu ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 10px;
}
.menu ul li a {
    color: #333;
    text-decoration: none;
}
.menu ul li a:hover{color:#1690f4;}

/**--header--**/
.header-main {
    background: #1ea9f3;
}
.header-main .h-left {
    float: left;
}

.header-main .h-left ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    column-gap: 11px;
}
.header-main .h-right {
    float: right;
    margin-top: 18px;
}
.h-right a {
    color: #fff; text-decoration:none;
}
.h-right i.fa {
    margin-right: 10px;
}
.skopbycat a {
    color: #fff;
    max-width: 100px;
    border-radius: 10px;
    text-decoration: none;
    line-height: 20px;
}
.skopbycat {
    border: 2px solid #fff;
    text-align: left;
    border-radius: 10px;
    padding: 4px 7px;
    display: flex;
}
.se-bar .searchbar {
    position: relative;
    width:500px;
    background: #fff;
}
.se-bar .searchbar input[type="text"] {
    width: 85%;
    padding: 7px;
    border: 0;
}
.se-bar .searchbar button {
    position: absolute;
    right: 0;
    width: 14%;
    height: 100%;
    border: 0;
    background: #ff6b02;
    color: #fff;
}
.se-bar .searchbar input[type="text"]:focus {
    outline: none;
}
.logo img {
    height: 62px;
}
.price-img img {
    height: 47px;
}
.become img {
    height: 44px;border-radius:7px;
}
.header-top {
    background: #01308a;
    display: flex;
    justify-content: space-between;
}
.header-top ul {
    display: flex;
    column-gap: 10px;
    color: #fff;
    list-style-type: none;
    align-items: center;
    padding: 0;
    margin: 0;
}
.header-top .container {
    display: flex;
    justify-content: space-between;
}
.header-top .container a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.header-top .container a:hover{color:#fda86c;}
.header-top .container a i.fa {
    margin-right: 5px;
}
.header-top {
    background: #01308a;
    display: flex;
    justify-content: space-between;
    padding: 4px 0px;
}
.se-bar .searchbar input.search-field {
    width:85%;
    padding:7px;
    border:0;
}
.se-bar .searchbar input.search-field:focus {
    outline:none;
}
.middle-header .text-center.d-flex.justify-content-between {
    text-align: right !important;
    justify-content: end !important;
}
.middle-header .h-right {
    float: right;
    margin-top: 0 !important;
}
.middle-header.pt-3.pb-2 {
    padding-top: 0 !important;
}
.middle-header .h-right .cart-customlocation i.fa.fa-shopping-cart {
    background:transparent;
    padding:0;
    margin-right:4px;
}
body .skopbycat {
    position:static;
}
body .middle-header {
    background:#1ea9f3;
    position:relative;
}
body .sub-menu.mega-menu.mega-menu-column-4 {
    transform:translateX(0%);
    min-width:100%;
    top:130px;
    border-top:12px solid #1ea9f3;
}
.sub-menu.mega-menu .title, .sub-menu.mega-menu .title a {
 font-weight:500 !important;
}
body .sub-menu.mega-menu > .list-item > ul > li > a {
    font-size: 14px;
    line-height: 17px;
}
body p.product-title {
    margin-left: 8px !important;
    margin-top: 10px !important;
}
.product-short-description {
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 14px;
}
.review-con p.r-text {
    height:97px;
}

.top-header .container {
    display: flex;
    justify-content: space-between;
}
/**--/header--**/
form.woocommerce-ordering {
    display: none;
}
/*----- CATEGORY HEADER Start -----*/
.header-image-box {
    height: inherit;
    padding: 20px 0px 20px 0px;    
}
.header-image-box:before {
    background: #fff;
}
.header-image-box .woocommerce-products-header h1 {
    font-size: 38px;
    font-weight: 500;
    color: var(--bs-heading-color);    
}
.header-image-box p {
    color: #767676;
}
/* .header-image-box .woocommerce-products-header {
    padding: 20px 0px 20px 0px;
} */
/*----- CATEGORY HEADER End -----*/
/*---- Category price bar Start ----*/
.irs--flat .irs-bar {
    background-color: #1ea9f3 !important;
}
.irs--flat .irs-handle>i:first-child {
    background-color: #01308a !important;
}
.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background-color: #01308a !important;
}
.irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
    color: #fff;
    background-color: #01308a;
}
.irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before {
    border-top-color: #01308a;
}

/*---- Category price bar End ----*/
/*---- Category Sidebar Start ----*/
.sidebar-area ul {
    padding: 15px 0px 25px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1% 2.992em 0;
    width: 24%;
    padding-bottom: 15px;
    background: #fff;
}
ul.products li.product h2.woocommerce-loop-product__title {
    color: #000;
    text-align: left;
    font-size: 16px !important;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    margin: 0 !important;
    color: #000;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .product-short-description {
    text-align: center;
    color: #000;
    font-weight: 300;
}
.woocommerce ul.products li.product .button {
    background: #ff6b02;
    font-size: 14px;
}
.sidebar-area li a:hover, .sidebar-area li:hover {
    color: #01308a;
}
.woocommerce .star-rating span::before {
    color: #FFAC33;
}
.header-image-box h1 {
    font-size: 38px;
    font-weight: 500;
    color: var(--bs-heading-color);
    text-align: left;
}
/*---- Category Sidebar End ----*/

/*---- Product Details Page Start ----*/
.woocommerce div.product form.cart .button {
    background-color: #ff6b02;
    font-size: 14px;
}
.woocommerce #respond .form-submit input#submit {
    background-color: #ff6b02;
    font-size: 14px;
}
/*---- Product Details Page End ----*/

/*--responsive-css--*/
@media (min-width:0px) and (max-width:767px)
{
    ul.top-left.nav-menu {
        display:none;
    }	
    .top-header .container {
        justify-content:center;
    }
    .payment-sec ul {
        flex-direction: column;
        margin: auto;
        align-items: center;
    }
    .payment-sec ul li .line {
        display:none;
    }
    .footer {
        margin-top:0;
    }
    .re-f-box {
        width:100%;
        float:none;
        text-align: center;
        margin-bottom: 20px;        
    }
    .footer ul li {
        margin-bottom:0px;
        margin-top: 10px;
    }
    .footer h2 {
        font-weight: 600;
    }
    .payment-sec ul li {
        width:90%;
        padding-bottom:58px;
    }
    .middle-header .logo li.become {
        display: none;
    }
    .middle-header .logo li.price-img {
        display: none;
    }    
    .mobile-cart-visible {display: block !important;}
    .mobile-cart-disable {display: none !important;}

/*---- Header Section Start ----*/
    /* Allow items to wrap onto multiple rows */
    .middle-header .h-left ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }

    /* First Row - Logo */
    .middle-header .h-left ul > li.logo {
        width: 100%;
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    /* Second Row - Menu */
    .middle-header .h-left ul > li.skopbycat {
        width: 10%;
        flex: 0 0 10%;
    }

    /* Second Row - Search */
    .middle-header .h-left ul > li.se-bar {
        width: 73%;
        flex: 0 0 73%;
    }

    /* Second Row - Cart */
    .middle-header .h-left ul > li.mobile-cart-visible {
        width: 10%;
        flex: 0 0 10%;        
    }
    .logo a.cart-customlocation {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }
    .logo .se-bar .searchbar {
        width: 100%;
    }
    .se-bar .searchbar input.search-field {
        width: 100%;
        font-size: 14px;
        padding: 5px;        
    }
    .se-bar .searchbar button {
        width: 25%;
        font-size: 14px;

    }
    .logo .h-left .logo span {
        color: #fff;
        margin-left: 2px;
    }    
    .home-menu ul {
        flex-wrap: wrap;
    }    
    .promobar ul {
        display: none;
    }    
    .promobar button.btn.btn-primary img {
        height: 25px;        
    }    
    .promobar button.btn.btn-primary {
        padding: 5px 50px;
        font-size: 14px;
        margin-bottom: 17px;
    }    
    .imgfull img {
        width: 100%;
    }
    .mb-mg-tp-btm {
        margin-top: 3%;
        margin-bottom: 3%;
    }


/*---- Header Section End----*/

	
	
	
}
/*--/responsive-css--*/