/*
Theme Name: GoStore Child
Theme URI: https://demo.theme-sky.com/gostore/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: gostore
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: gostore-child
*/


@media only screen and (min-width: 1200px) {
    header .logo img {
        width: 100%!important;
    }
}

@media only screen and (max-width: 1199px) {
    header .logo img {
        min-width: 240px;
    }
}


@media only screen and (max-width: 767px) {
    .header-template .logo-wrapper {
        padding: 15px 0 !important;
    }
	.logo-wrapper.visible-phone{
		background-color: #ffffff!important;
	}
	header .logo img {
    	min-width: 240px;
	}
	.container{
        max-width: 100%!important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .header-right-2.visible-ipad {
        margin-top: 10px;
    }
}

.header-middle div.header-right-2.feature-2 {
    width: 400px!important;
	background: red;
}

.header-v3 .vertical-menu-heading{
	border-radius: 0;
}


.hotline{
	padding: 0 16px;
	font-size: 18px;
	background-color: #f4a43e;
	color: #FFFFFF;
	text-align: center;
}

.hotline .inner{
	display: flex!important;
	align-items: center;
	justify-content: center;
}


@media only screen and (max-width: 1200px) {
	.hotline span{
		display: none;
	}
}

.hotline svg{
	 height: 30px;
    fill: white;
	margin-right: 8px;
}
.hotline a{
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF!important;
}

@media only screen and (min-width: 768px) {
	.mega-sub-categories-wrapper{
		    display: grid;
			max-height: 50svh;
    overflow-y: auto;
	}
}



@media only screen and (max-width: 1123px) {
		.hotline{
		padding: 0 8px;
		font-size: 14px;
	}
	.hotline a{
		font-size: 12px;
	}

}

@media only screen and (min-width: 1124px) {
	.hotline{
		padding: 0 16px;
		font-size: 18px;
	}
	.hotline a{
		font-size: 18px;
	}
}


/* Default for mobile and small screens (or screens smaller than 1200px) */
.mega-sub-categories-wrapper {
	grid-template-columns: 1fr 1fr;
}

/* For screens larger than 1200px */
@media only screen and (min-width: 1200px) {
	.mega-sub-categories-wrapper {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* For screens larger than 1400px */
@media only screen and (min-width: 1400px) {
	.mega-sub-categories-wrapper {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.ts-floating-sidebar .ts-sidebar-content{
	height: 100%!important;
	overflow-y: auto!important;
/* 	background-color: red!important; */
}

ul.plain-list{
	list-style-type: none;
}

.ts-header .header-bottom{
	border-top-width: 0!important;
}


@media only screen and (min-width: 1400px) {
    .ts-header .logo-wrapper {
        width: 340px!important;
    }
}

.ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li{
  display: none!important
}




/* Base styles for all floating buttons */
.floating-button {
	right: 20px;
  position: fixed;
  z-index: 9999;
  padding: 10px;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.floating-button:hover {
  transform: scale(1.1);
}

/* Specific styles for the location button */
.floating-button--location {
  bottom: 120px;
  background-color: #ffffff;
  border: 1px solid #b2b2b2;
}

/* Style for the SVG icon within the location button */
.floating-button--location svg {
  fill: #ea4335; /* Google Maps red */
}

/* Specific styles for the WhatsApp button */
.floating-button--whatsapp {
  bottom: 60px;

  background-color: #00e676; /* WhatsApp green */
}

/* Style for the SVG icon within the WhatsApp button */
.floating-button--whatsapp svg {
  fill: #ffffff; /* White */
}

/* Make sure the icons are the correct size and don't fill the whole button */
.floating-button svg {
  height: 25px;
  width: 25px;
}

@media only screen and (max-width: 768px) {
	.floating-button{
		left: 10px;
	}
}

@media only screen and (min-width: 769px) {
	.floating-button{
		right: 20px;
	}
}

.meta_desc_block{
	color: #000;
	margin-top: 20px;
}





@media only screen and (max-width: 767px) {
    .hero.page-container {
        min-height: 50px!important;
    }
}


.woocommerce-bacs-meta{
 color: rgba(22, 22, 22, 1);
}

.woocommerce-bacs-meta h2{
	font-size: 24px;
	line-height: 34px;
}


.woocommerce-bacs-meta p{
	border: 1px solid red;
    padding: 4px;
	background: #ff00000f;
}




.woocommerce-bacs-meta ul{
	font-size: 18px;
}

.woocommerce-bacs-meta ul li{
	list-style-type: none;
}