/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/************/
/* 		EDITS BY TRIVIA
/************/
:root {
  --c1: #ed1d45;
  --c2: #5b5b5b;
  --c3: #babfd1;
  --c4: #ffffff;
  --c5: #e9e9e9;
  --c6: #f9f9f9;
  --c7: #999999;
  --c9: #210124;
}


.nav-uppercase>li>a {
  letter-spacing:normal !important; 
  text-transform:capitalize !important;
  /*font-weight:normal !important;*/
}

/*
	STORES
*/
.storeLocator
{
	position:relative;
	display:block;
	background:var(--c4);
 	
	padding:3rem;
	z-index:3;
}
.sLocator
{
	position:relative;
	display:block;
	padding:3rem 0 3rem 0;
}
.sLocator .sLocatorBG
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('https://ibrow.in/wp-content/uploads/2021/01/locate-bg.jpg') no-repeat;
	background-attachment:fixed;
	background-size:cover;
	z-index:0;
	filter:opacity(.75) brightness(.3);
	
}
.cityDataDiv
{
  	position: relative;
  	display: block;
  	border: 1px dotted #ccc;
	margin-bottom:3rem;
	padding:1rem;
	background:var(--c4);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.cityDataDiv:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:0;
	height:100%;
	background:rgba(237,29,69,0.9);
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	z-index: 0!important
}
.cityDataDiv ul
{
	position:relative;
	display:block;
	padding:0;
	margin:0;
	z-index:3;
}
.cityDataDiv ul li
{
	list-style:none;
	display:block;
	border-bottom:1px dotted #ccc;
	padding: 0 0 .3rem 0;
	margin-bottom:.6rem;
}
.cityDataDiv ul li .cityDataIcon
{
	color:rgba(237,29,69,0.9);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.cityDataDiv h2
{
	position:relative;
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	color:rgba(237,29,69,0.9);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index:3;
}
.cityDataDiv:hover
{
	border:1px dotted rgba(237,29,69,0.9);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.cityDataDiv:hover:after{
	right:0;
	width:100%;
	height:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.cityDataDiv:hover,
.cityDataDiv:hover ul li,
.cityDataDiv:hover ul li .cityDataIcon,
.cityDataDiv:hover h2
{
	color:#fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

  .userDataDiv {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .popUpDiv {
        display: none;
        position: fixed;
        width: 50% !important;
        height: 57vh !important;
        left: 25% !important;
        top: 20% !important;
        background: #f3f3f3;
        border: #999;
        z-index: 999;
        padding: 3rem 2.1rem 3rem 2.1rem !important;
    }

    #popup1 {
        -webkit-box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
    }

    .activePop {
        display: block !important;

    }

.wc_payment_method .payment_box{
	padding-left: 30px !important;
}

/* Price without GST is disable by Mritunjay */
.woo_amc_item_total_price {
    display: none;
}
/* view cart disable*/
a.added_to_cart.wc-forward {
    display: none;
}

/* product page original price strikeout done by mritunjay start*/
.product-info .price {
    font-size: 1em;
}
/* product page original price strikeout done by mritunjay start*/

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
    padding: 0px 12px;
}
.nf-field-element #nf-field-4 {
    padding: 0px 30px !important;
}
/*a.pisol_buy_now_button {
    margin-right: 18px !important;
}/*

.star-rating span:before {
    color: #ed1d45 !important;
}

/* Code by Mritunjay for coloring the text on the checkout page for information about free shipping */

/* Z-index State */
.select2-container{
z-index:auto !important;
}

form.checkout_coupon.woocommerce-form-coupon.has-border.is-dashed >  p {
    display: none;
}

.woocommerce-form-coupon-toggle > .woocommerce-info.message-wrapper {
    display: none;
}

/* Product Name checkout font bold and black*/
.page-id-59 span.pisol_product_name {
    font-weight: 700;
    color: black;
}
.page-id-60 span.pisol_product_name {
    font-weight: 700;
    color: black;
}

@media only screen and (max-width: 768px) {
    .has-transparent + .page-title:first-of-type, 
    .has-transparent + #main > .page-title, 
    .has-transparent + #main > div > .page-title, 
    .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
        padding-top: 50px !important;
    }
    .page-id-60 .cart-container.page-checkout {
    margin-top: 10px !important;
}
.page-id-59 .cart-container.page-checkout {
    margin-top: 10px !important;
}
}


tr.order-total > th {
    font-size: 20px;
    font-weight: 700 !important;
    color: black !important;
}

.order-total span.woocommerce-Price-amount.amount > bdi::after {
    content: "(Inclusive of all taxes)";
    display: block;
    font-weight:400;
}
small.includes_tax {
    display: none;
}

/*Features Products*/
.ps-features-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ps-row {
    display: flex;
}

.ps-feature-column {
    width: 16.66%; /* 100% divided by 6 */
    text-align: center;
    margin-bottom: 20px;
}

.ps-feature-icon img {
    max-width: 100%;
    height: auto;
}

.ps-feature-text {
    margin-top: 10px;
}



/*Steps for Product Page*/

.row-ps{
    display:flex;
}
.steps-wrapper-ps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.step-column-ps {
    width: 30%; /* Adjust as necessary for your layout */
    margin-bottom: 20px; /* Space between columns */
    text-align: center; /* Center the content */
}

.step-image-ps img {
    max-width: 100%;
    height: auto;
}

.step-title-ps h3 {
    margin: 10px 0; /* Spacing above and below title */
}

.step-body-ps {
    margin-top: 10px; /* Spacing above body text */
}


/*Important Adavantage*/
.important-advantages-wrapper-ps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.advantage-column-ps {
    width: 30%; /* Adjust as needed */
    margin-bottom: 20px;
    text-align: center;
}

.advantage-image-ps img {
    max-width: 100%;
    height: auto;
}

.advantage-title-ps h3 {
    margin: 10px 0;
}

.advantage-body-ps {
    margin-top: 10px;
}


/*Slider*/
/* Styling the container */
.before-after-slider-ps {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Styling the slider items */
.slider-ps {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Each image container */
.slider-item-ps {
    position: relative;
    padding: 10px;
}

/* Slider images */
.slider-item-ps img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: transform 0.3s ease-in-out;
}

/* Zoom effect on hover */
.slider-item-ps img:hover {
    transform: scale(1.05);
}

/* Caption styling */
.slider-caption-ps {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    font-weight: 600;
}

/* Styling dots for Slick Slider */
.slick-dots {
    text-align: center;
    margin-top: 15px;
}

.slick-dots li button:before {
    font-size: 12px;
    color: #888;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    color: #333;
}

/* Fancybox styling for the lightbox */
.fancybox-slide--image {
    padding: 0;
    background: #000;
}

.fancybox-caption {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 10px;
}

.fancybox-caption__body {
    color: #fff;
    font-weight: 600;
}


/*FAQ Accordian*/
.faq-accordion {
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.faq-item {
    border-bottom: 1px solid #ddd;
}

.faq-question {
    padding: 15px;
    background-color: #f7f7f7;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-answer {
    display: none;
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.faq-arrow {
    transition: transform 0.3s;
}

.faq-item.active .faq-arrow {
    transform: rotate(180deg); /* Rotate arrow when active */
}


/*Discount Percentage*/
.discount-info {
    background-color: #f0f4f8;
    color: #1e88e5;
    padding: 10px;
    border-radius: 8px;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0;
    font-size: 1.1em;
}

.discount-label {
    font-weight: normal;
    margin-right: 5px;
}

.discount-value {
    font-size: 1.3em;
    color: #d32f2f;
}