/* 
Theme Name:		 Botiga Child
Theme URI:		 #
Description:	 Botiga Child is a child theme of Botiga, created by ChildTheme-Generator.com
Author:			 Qasimmizbah
Author URI:		 #
Template:		 botiga
Version:		 1.0.0
Text Domain:	 botiga-child
*/


/*
    Add your custom styles here
*/

/*----Krishna----*/
body .category-slider img {
    height: 550px !important;
    object-fit: cover;
}

.botiga-trust-badge-wrapper img {
    width: 40%;
}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 20px;
    z-index: 99999999;
}
.main-runtext .text-container {
    margin: 0 50px 0px 50px;
}
.botiga-trust-badge-wrapper {
    text-align: left;
}

.bhfb-header {padding: 10px 0;}
.bhfb-header .bhfb-column-1 img {width: 90px;}

.home-slider {padding-top: 0;} 

header.woocommerce-page-header {display: none;}

.content-wrapper {margin-top: 0 !important;}

.botiga-breadcrumb-trail {border-top: solid 1px #dbdbdb;}

header.page-header {padding: 0 0 30px;}

.cont-1 {padding-top: 0 !important;}

.home-car .swiper-slide .swiper-slide-inner img {object-fit: cover;}

.sp-wps-product-image-area img {object-fit: cover;}

.single-product #reviews {padding:0;}

.timeless {margin: 0;}

@media(max-width:767px) {
.wpcsb-atc button {
    width: 100%;
    margin: 5px 0px;
}
.float {
   
    bottom: 230px;
    
}
.bhfb-header {padding: 0;}	
.bhfb-header .bhfb-column {justify-content: space-between !important;}
.bhfb-header .bhfb-column-2 img {width: 60px;}

.elementor-element-f96883e {padding-top: 0;}
	
.botiga-breadcrumb-trail {text-align: center;}	
	
.botiga-popup .botiga-popup-wrapper {padding: 0;}
.botiga-popup .botiga-popup-wrapper__content .botiga-popup-wrapper__content-side-image {display: block;margin: 0;}
.botiga-popup .botiga-popup-wrapper__content {flex-wrap: wrap;}
.botiga-popup .botiga-popup-wrapper__content .botiga-popup-wrapper__content-html {padding: 25px;}
.botiga-popup .botiga-popup-wrapper__content .botiga-popup-wrapper__content-side-image img {height: 200px;object-fit: cover;object-position: top;}
	
}

/*--------*/



.home-car .swiper-slide .swiper-slide-inner img {
    height: 380px;
}
.wpforms-submit-container {
    text-align: center;
}
a.botiga-accordion__toggle.botiga-collapse-toggle {
    font-size: 20px;
    font-weight: 600;
}
.term-50 .woocommerce-page-header, .term-49 .woocommerce-page-header {
	min-height:350px;
}
.term-50 .woocommerce-page-header .woocommerce-breadcrumb, .term-49 .woocommerce-page-header .woocommerce-breadcrumb {
    display: none;
	
}
	.mslider {
    position: absolute;
    bottom: 10%;
    left: 20%;
}
.mdiscover {
    position: relative;
}
.mslider h2 {
    color: #fff !important;
}
.mslider a {
    padding: 10px 15px 10px 15px;
    background: #fff;
}

	.womenbanner {
    position: absolute;

}
.womenbanner a {
    padding: 10px 15px 10px 15px;
    background: #fff;
}


.sp-wps-product-image-area img {
    min-height: 415px;
}
.home-review .tss-wrapper .tss-layout3 .rating-wrapper, .tss-wrapper .tss-isotope1 .rating-wrapper, .tss-wrapper .tss-carousel3 .rating-wrapper {
    margin: 0px 0px 20px !important;
    }
.top-picks .overlay img {
    min-height: 400px;
}
.term-49 .woocommerce-page-header {
    background: url('https://blockcitylifestyle.com/wp-content/uploads/2024/07/4.jpg') no-repeat center;
    background-size: cover;
}
.footer{
    padding: 5% 0 0;
    width: 100%;
    background: url('https://blockcitylifestyle.com/wp-content/uploads/2024/05/1-1.webp') left bottom no-repeat,url('https://blockcitylifestyle.com/wp-content/uploads/2024/05/footer_3a.webp') right bottom no-repeat #fff;
    background-size: contain;
    z-index: 98;
}
.news-title { 
z-index:9999;
}
.site-title {
    display: none;
}

.news-img {
    position: absolute;
    top: -10px;
    width: 240px;
    left: -245px;
}

.term-50 .woocommerce-page-header {
background: url('https://blockcitylifestyle.com/wp-content/uploads/2024/06/Neelgarh-scaled.jpg') no-repeat center;
	background-size:cover;
}
.term-50 .woocommerce-page-header .container h1, .term-49 .woocommerce-page-header .container h1 {
    display: none;
}
.product-template-default p.price {
    display: none;
}


@media (max-width: 768px) {
	
	a.button.botiga-quick-view-show-on-hover.botiga-quick-view.botiga-quick-view-layout3 {
    display: none;
}
	
    .footer {
        background: url('https://blockcitylifestyle.com/wp-content/uploads/2024/05/1-1.webp') left 87% no-repeat, url('https://blockcitylifestyle.com/wp-content/uploads/2024/05/footer_3a.webp') right 87% no-repeat #fff;
        background-size: auto 35%;
        margin-top: 50px;
    }
	
	.news-img {
   display:none;
}
	.newsletter-home input {
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: inherit;
    text-align: center;
}
	.newsletter-home h4 {
    margin-top: -20px;
}
	.term-49 .woocommerce-page-header, .term-50 .woocommerce-page-header {
		    background-size: contain;

			min-height: 150px;
}
	}
	




.custom-reviews-wrapper {
    margin-top: 100px !important;
	  margin-bottom: 100px !important;
}




button.open-popup {
    font-weight: 600;
}

/* Form CSS */


/* Style for the popup container */
#custom-popup {
    display: none; /* Preserving the initial display state */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f9f9f9;
    padding: 30px;
    z-index: 1000;
    max-width: 90%;
    width: 400px;
    border-radius: 8px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
}

/* Make the form a flex container */
#order-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Style for form labels */
#order-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
    flex: 1 1 100%;
    box-sizing: border-box;
}

/* Style for input fields */
#order-form input[type="text"],
#order-form input[type="email"],
#order-form input[type="tel"] {
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.3s;
    flex: 1 1 100%;
    box-sizing: border-box;
}

#order-form input[type="text"]:focus,
#order-form input[type="email"]:focus,
#order-form input[type="tel"]:focus {
    border-color: #66afe9;
    outline: none;
}

/* Style for the submit button */
#popup-submit {
    width: 100%;
    padding: 12px;
    background-color: #28a745;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#popup-submit:hover {
    background-color: #218838;
}




/* Responsive styles using Flexbox */
@media (min-width: 600px) {
    /* Adjust labels and inputs to take up half the width */
    #order-form label,
    #order-form input[type="text"],
    #order-form input[type="email"],
    #order-form input[type="tel"] {
        flex: 1 1 calc(50% - 20px);
        margin-right: 20px;
    }

    /* Remove margin from every second element to align properly */
    #order-form label:nth-child(2n),
    #order-form input[type="text"]:nth-child(2n),
    #order-form input[type="email"]:nth-child(2n),
    #order-form input[type="tel"]:nth-child(2n) {
        margin-right: 0;
    }
}


/* CSS */
.open-popup {
    position: relative;
    animation: upDown 2s infinite;
}

@keyframes upDown {
    0% { top: 0px; }
    25% { top: -5px; }
    50% { top: 0px; }
    75% { top: 5px; }
    100% { top: 0px; }
}



span.onsale {background:#e90000; font-weight:800;}

#custom-popup h2 {
    margin-bottom: 10px;
}

/*close krishna */


#page .woocommerce-page-header .content-wrapper {
    margin-top: 50px !important;
    margin-bottom: 0px !important;
}
.content-wrapper {
    margin-top: 80px;
    margin-bottom: 0px !important;
}
.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 15px;
    left: 20px;
    z-index: 99999999;
}

/* Form Code */


/* Make the form a flex container */
#order-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Style for form labels and inputs */
#order-form label,
#order-form input[type="text"],
#order-form input[type="email"] {
    flex: 1 1 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
}

/* Styling labels */
#order-form label {
    font-weight: 600;
    color: #333;
}

.free-shipping-label {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
}

/* Styling inputs */
#order-form input[type="text"],
#order-form input[type="email"] {
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.3s;
}

#order-form input[type="text"]:focus,
#order-form input[type="email"]:focus {
    border-color: #66afe9;
    outline: none;
}

/* Style for the submit button */
#popup-submit {
    width: 100%;
    padding: 12px;
    background-color: #28a745;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#popup-submit:hover {
    background-color: #218838;
}

/* Responsive styles using Flexbox */
@media (min-width: 600px) {
    /* Adjust labels and inputs to take up half the width */
    #order-form label,
    #order-form input[type="text"],
    #order-form input[type="email"] {
        flex: 1 1 calc(50% - 20px);
        margin-right: 20px;
    }

    /* Remove margin from every second element to align properly */
    #order-form label:nth-child(odd),
    #order-form input[type="text"]:nth-child(odd),
    #order-form input[type="email"]:nth-child(odd) {
        margin-right: 0;
    }
}


.botiga-popup-wrapper.botiga-popup-wrapper--layout-style3 {
    background: transparent;
    overflow: hidden;
	
}
.blog .type-post.status-publish img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.post-thumbnail {
    text-align: center;
}

body .random-cart-count  {
    margin-top: 12px;
    font-size: 18px !important;
    color: #e10600;
    font-weight: 600;
    animation: blinkPulse 1.2s infinite;
}

@keyframes blinkPulse {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

.woocommerce-product-details__short-description h1, .woocommerce-product-details__short-description h2, .woocommerce-product-details__short-description h3
.botiga-accordion__body-content.botiga-collapse__content h1, .botiga-accordion__body-content.botiga-collapse__content h2 .botiga-accordion__body-content.botiga-collapse__content h3{
    font-size: 26px;
}
figure.swiper-slide-inner img {
    height: 650px !important;
    object-fit: cover;
}