/*
Theme Name: Labtox child
Template:   labtox
Theme URI: https://labtox.themeht.com/
Author: Themeht
Author URI: http://www.themeht.com
Description: Labtox - Child Theme
Version: 1.7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: labtox
Tags: one-column, two-columns, right-sidebar, custom-logo, custom-menu, threaded-comments, translation-ready, left-sidebar, custom-background, custom-colors, custom-header, featured-images, sticky-post
*/

.woocommerce div.product .woocommerce-tabs .panel p {
    margin: 12px !important;
}
/* .navbar-brand logo d-xl-inline-block d-none .logo img{
	 height: 100px !important;

	} */
	.logo img {
	 max-height: 45px !important;
	}
/*    .navbar-brand logo sticky-logo .img-fluid{
		height:60px !important;
	}  */
@media (min-width: 992px) {
	
    #menu-toggle {
        display: block !important;
        cursor: pointer;
        position: relative;
        margin: 10px;
    }

    /* Hide the default menu on desktop */
    .navigation-top {
        display: none;
    }

    /* Side drawer menu styling */
    .navigation-top.active {
        display: block;
        position: fixed;
        padding-top: 30px;
        top: 0;
        right: 0;
        height: 100%;
        width: 300px; /* Slightly wider to match image */
        background: #fff;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
        z-index: 999;
        transform: translateX(0);
        transition: transform 0.3s ease;
    }

    /* Close button styling */
    #menu-close {
        position: absolute;
        top: 55px;
        right: 25px;
        bottom: 25px;
        font-size: 40px;
        color: #333;
        cursor: pointer;
        z-index: 1001;
    }

    /* Style the menu items to match the image */
    .navigation-top.active ul.menu {
        flex-direction: column;
        padding: 50px 0 0 0;
        margin-left: 35px;
        list-style: none;
        width: 100%;
    }

    .navigation-top.active ul.menu li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Style links to match the image */
    .navigation-top.active ul.menu li a {
        color: #1a1a1a !important;
        text-decoration: none;
        display: block;
        padding: 15px 25px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
    }

    /* Hover effects */
    .navigation-top.active ul.menu li:hover {
        background-color: #f9f9f9;
    }

    /* Add the X close button */
    .navigation-top.active .menu-close {
        font-size: 22px;
    }

    /* Add overlay when menu is active */
    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
    }

    .menu-overlay.active {
        display: block;
    }
	#header-wrap.fixed-header .nav-menu-toggle {
		top:0px !important;
	}
	
}
.logo img {
    max-height: 45px !important;
}
.fixed-header .navbar-brand logo sticky-logo {
    max-height: 30px !important;
}
/* Hide the last empty column on large screens */
@media (min-width: 992px) {
	.step-box {
		padding: 50px 100px !important; 
	}
	.step-box {
		height: 360px !important; 
	}
  .primary-footer-btm > .col-lg-3:last-child {
    display: none !important;
  }

  /* Make the remaining columns each take 1/3 width (4 columns -> 3 columns layout) */
  .primary-footer-btm > .col-lg-3 {
    width: 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
	#header-wrap {
		margin-top: -87px;
	}
}
.primary-footer-btm > [class*='col-']:nth-of-type(3) {
  border-right: none !important;
}
.woocommerce-Tabs-panel--brochure .button {
    background-color: #2aa1c0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
}
.subscribe-btn, input[type="submit"].subscribe-btn, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-search__button {
    background: var(--themeht-secondary-color)!important;
}
.subscribe-btn:hover, input[type="submit"].subscribe-btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-block-search__button:hover {
    background: var(--themeht-primary-color)!important;
}
.fixed-header .logo img {
    max-height: 40px !important;
}
.step-box .step-list {
    display: none;
}
.elementor-widget-sticky-step .pin-spacer .step-img {
    height: auto !important;
    width: 100% !important;
    border-radius: 15px; 
	max-height: 260px !important;
}
.header-top .header-number.me-4 {
    display: none;
}
.header .header-top  .primary-btn {
	display: none; 
}
.banner-content .banner-subtitle {
	color:white !important;
}
.primary-btn, a.primary-btn {
    background: var(--themeht-white-color) !important ;
    color: var(--themeht-primary-color) !important;
}
.primary-btn:hover, a.primary-btn:hover {
	color: var(--themeht-white-color) !important ;
    background: var(--themeht-primary-color) !important;
}
.footer .footer-widget .menu li a:hover {
		color: #d3cccc !important ;
}
.media-icon li i {
		color: var(--themeht-white-color) !important ;

}
.widget-title::before{
	color:#fff !important;
}
.banner-content .banner-subtitle::before{
	color:#fff !important;
	display:none;
}

.banner-content h1 {
	font-size:70px !important;
}
.banner-slider .banner-swiper-box {
    display: none !important;
}
.footer .widget.woocommerce.widget_product_categories li a 
{
	color:#fff !important;
}
.footer .widget.woocommerce.widget_product_categories li {
	border-bottom:none !important;
}

.media-icon li a:hover {
		color:#d3cccc !important ;
}
.wp-singular.product-template-default.single.single-product .footer{
 display:none !important;
}
.featured-top{
	display: flex;
    gap: 10px;
	align-items:center;
}
.featured-item.style-4 .featured-icon {
	width: 40px !important;
    height: 40px !important;
    font-size: 25px !important;
    line-height: 40px !important;
    border-radius: 10px !important;
}



@media (max-width: 1201px) {
    .header-1 #header-wrap {
        width: 100% !important;
    }
    .nav-menu-toggle {
        height: 50px;
     
    }
}
@media (max-width: 992px) {
	.admin-bar #header-wrap.fixed-header{
	    top: 30px !important;
}
}
@media (min-width: 993px) {
.admin-bar #header-wrap.fixed-header{
	    background-color: #003462 !important; 
	    top: 110px !important;
}
}
.header-1 #header-wrap.fixed-header .navbar-brand.logo.sticky-logo{
	margin-top:20px !important;
}
.bi-list::before {
    content: "\f3fb"!important;
}
.nav-menu-toggle {
    color: #fff!important;
    background-color: transparent!important;
}
.header-1 #header-wrap.fixed-header {
        background-color: #15426E; 
}
@media (max-width: 992px) {
    .logo img {
        max-height: 45px!important;
    }
}
/*
Theme Name: Labtox child
Template:   labtox
Theme URI: https://labtox.themeht.com/
Author: Themeht
Author URI: http://www.themeht.com
Description: Labtox - Child Theme
Version: 1.7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: labtox
Tags: one-column, two-columns, right-sidebar, custom-logo, custom-menu, threaded-comments, translation-ready, left-sidebar, custom-background, custom-colors, custom-header, featured-images, sticky-post
*/

.woocommerce div.product .woocommerce-tabs .panel p {
    margin: 12px !important;
}
/* .navbar-brand logo d-xl-inline-block d-none .logo img{
	 height: 100px !important;

	} */
	.logo img {
	 max-height: 45px !important;
	}
/*    .navbar-brand logo sticky-logo .img-fluid{
		height:60px !important;
	}  */
@media (min-width: 992px) {
	
    #menu-toggle {
        display: block !important;
        cursor: pointer;
        position: relative;
        margin: 10px;
    }

    /* Hide the default menu on desktop */
    .navigation-top {
        display: none;
    }

    /* Side drawer menu styling */
    .navigation-top.active {
        display: block;
        position: fixed;
        padding-top: 30px;
        top: 0;
        right: 0;
        height: 100%;
        width: 300px; /* Slightly wider to match image */
        background: #fff;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
        z-index: 999;
        transform: translateX(0);
        transition: transform 0.3s ease;
    }

    /* Close button styling */
    #menu-close {
        position: absolute;
        top: 55px;
        right: 25px;
        bottom: 25px;
        font-size: 40px;
        color: #333;
        cursor: pointer;
        z-index: 1001;
    }

    /* Style the menu items to match the image */
    .navigation-top.active ul.menu {
        flex-direction: column;
        padding: 50px 0 0 0;
        margin-left: 35px;
        list-style: none;
        width: 100%;
    }

    .navigation-top.active ul.menu li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Style links to match the image */
    .navigation-top.active ul.menu li a {
        color: #1a1a1a !important;
        text-decoration: none;
        display: block;
        padding: 15px 25px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
    }

    /* Hover effects */
    .navigation-top.active ul.menu li:hover {
        background-color: #f9f9f9;
    }

    /* Add the X close button */
    .navigation-top.active .menu-close {
        font-size: 22px;
    }

    /* Add overlay when menu is active */
    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
    }

    .menu-overlay.active {
        display: block;
    }
	#header-wrap.fixed-header .nav-menu-toggle {
		top:0px !important;
	}
	
}
.logo img {
    max-height: 45px !important;
}
.fixed-header .navbar-brand logo sticky-logo {
    max-height: 30px !important;
}
/* Hide the last empty column on large screens */
@media (min-width: 992px) {
	.step-box {
		padding: 50px 100px !important; 
	}
	.step-box {
		height: 360px !important; 
	}
  .primary-footer-btm > .col-lg-3:last-child {
    display: none !important;
  }

  /* Make the remaining columns each take 1/3 width (4 columns -> 3 columns layout) */
  .primary-footer-btm > .col-lg-3 {
    width: 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
	#header-wrap {
		margin-top: -87px;
	}
}
.primary-footer-btm > [class*='col-']:nth-of-type(3) {
  border-right: none !important;
}
.woocommerce-Tabs-panel--brochure .button {
    background-color: #2aa1c0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
}
.subscribe-btn, input[type="submit"].subscribe-btn, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-search__button {
    background: var(--themeht-secondary-color)!important;
}
.subscribe-btn:hover, input[type="submit"].subscribe-btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-block-search__button:hover {
    background: var(--themeht-primary-color)!important;
}
.fixed-header .logo img {
    max-height: 40px !important;
}
.step-box .step-list {
    display: none;
}
.elementor-widget-sticky-step .pin-spacer .step-img {
    height: auto !important;
    width: 100% !important;
    border-radius: 15px; 
	max-height: 260px !important;
}
.header-top .header-number.me-4 {
    display: none;
}
.header .header-top  .primary-btn {
	display: none; 
}
.banner-content .banner-subtitle {
	color:white !important;
}
.primary-btn, a.primary-btn {
    background: var(--themeht-white-color) !important ;
    color: var(--themeht-primary-color) !important;
}
.primary-btn:hover, a.primary-btn:hover {
	color: var(--themeht-white-color) !important ;
    background: var(--themeht-primary-color) !important;
}
.footer .footer-widget .menu li a:hover {
		color: #d3cccc !important ;
}
.media-icon li i {
		color: var(--themeht-white-color) !important ;

}
.widget-title::before{
	color:#fff !important;
}
.banner-content .banner-subtitle::before{
	color:#fff !important;
	display:none;
}

.banner-content h1 {
	font-size:70px !important;
}
.banner-slider .banner-swiper-box {
    display: none !important;
}
.footer .widget.woocommerce.widget_product_categories li a 
{
	color:#fff !important;
}
.footer .widget.woocommerce.widget_product_categories li {
	border-bottom:none !important;
}

.media-icon li a:hover {
		color:#d3cccc !important ;
}
.wp-singular.product-template-default.single.single-product .footer{
 display:none !important;
}
.featured-top{
	display: flex;
    gap: 10px;
	align-items:center;
}
.featured-item.style-4 .featured-icon {
	width: 30px !important;
    height: 30px !important;
    font-size: 20px !important;
    line-height: 30px !important;
    border-radius: 7px !important;
}



@media (max-width: 1201px) {
    .header-1 #header-wrap {
        width: 100% !important;
    }
    .nav-menu-toggle {
        height: 50px;
     
    }
}
@media (max-width: 992px) {
	.admin-bar #header-wrap.fixed-header{
	    top: 30px !important;
}
}
@media (min-width: 993px) {
.admin-bar #header-wrap.fixed-header{
	    background-color: #003462 !important; 
	    top: 30px !important;
}
}
.header-1 #header-wrap.fixed-header .navbar-brand.logo.sticky-logo{
	margin-top:20px !important;
}
.bi-list::before {
    content: "\f3fb"!important;
}
.nav-menu-toggle {
    color: #fff!important;
    background-color: transparent!important;
}
.header-1 #header-wrap.fixed-header {
        background-color: #15426E; 
}
@media (max-width: 992px) {
    .logo img {
        max-height: 45px!important;
    }
}
@media (min-width: 992px) {
    #header-wrap.fixed-header {
        margin-top: 0;
    }
	.logo img {
		margin-left: 30px;
	}
	.header-1 #header-wrap.fixed-header .navbar-brand.logo.sticky-logo {
		margin-top: 28px !important;
	}
}
.fixed-header .logo img {
    margin-top: -15px;
}
.search-input{
	display:fixed !important;
	background:transparent;
}
.wp-singular.product-template-default.single.single-product .page-title.breadcrumb-1{
	display:none !important;
}

.wp-singular.product-template-default.single.single-product .header.header-1{
	background-color: #15426E;
	padding: 30px 0px !important;
}
.wp-singular.product-template-default.single.single-product .header.header-1 .header-top{
	padding: 0px 30px 30px 30px !important;
}
.archive.tax-product_cat .header.header-1{
	background-color: #15426E;
	padding: 30px 0px !important;
}
.archive.tax-product_cat .header.header-1 .header-top{
	padding: 0px 30px 30px 30px !important;
}

.archive.tax-product_cat .page-title.breadcrumb-1{
	display:none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background-color: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	background-color:transparent !important;
    color: var(--themeht-primary-color) !important;
    border-bottom: 2px solid !important; 
}
.theme-title h2{
	font-size:2.2rem !important;
}
header .social-icons {
    display: none; 
}
.ht-nav-toggle{
	display:none !important;
}
.ht-navigation .search-icon{
	position: absolute;
    right: 13px;
    top: 17px;
}
.featured-item.style-4 h5 {
    font-size: 17px!important;
}
.featured-item.style-4 {
    margin-bottom: 0px!important;
}
.os-title .theme-title {
    margin-bottom: 20px;
}
.os-sec .os-title .theme-title h6 {
    display: none!important; 
}
.os-sec .featured-item.style-3 h5 {
    font-size: 18px!important; 
}
.os-sec .featured-item.style-3 .featured-icon {
    font-size: 22px!important; 
}
.elementor-12417 .elementor-element.elementor-element-d943d75:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12417 .elementor-element.elementor-element-d943d75 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    border-radius: 30px;
}
.opto-products .featured-item.style-1 .featured-title h5 {
    font-size: 17px; 
}
body.wp-singular.product-template-default.single.single-product div#primary {
    margin-top: 80px;
}
.featured-item.style-1 .featured-icon {
    margin-bottom: 0!important;
    text-align: left!important;
    margin-right: 0!important;
}
.footer-logo .img-fluid{
	margin-left: 0px !important;
}
.woocommerce .content-area .shop-inner{
	padding-top: 160px !important;
}

.woocommerce div.product div.images img{
	height:600px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    height: auto;
}