/*
 Theme Name:   Storefront Child
 Theme URI:    https://woocommerce.com/storefront/
 Description:  Custom child theme for Storefront.
 Author:       Your Name
 Template:     storefront
 Version:      1.0.0
*/

   * {outline:none !important;}
    body
    {
        background-color:#615f5f
    }
    .site-header .site-branding img {
         width: 100%;
        max-width: initial;
    }
    .woocommerce-active .site-header .main-navigation
    { width:100%;}
    .storefront-primary-navigation
    {
        background-color:#58afb8;
        padding:10px;
        width:100%;
		background: linear-gradient(to bottom,  #a7cfdf 0%,#23538a 100%);

    }
    
    /* BOXED LAYOUT */
    #page {
   margin:0px auto;      /* Adds space at the top/bottom and centers the box */
    background-color: #fff; /* White background for the inside of the box */
    box-shadow: 0 0 20px rgba(0,0,0,0.1); /* Optional: adds a soft shadow */
}
.site-header, .site-footer {
    width: 100%;
}

@media (max-width: 768px) {
    #page {
        margin: 0;
        max-width: 100%;
    }
}
/* BOXED LAYOUT */
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
       color: #fff;
    padding: 0px 10px;
    color: white;
	font-size:13px;
    text-transform: uppercase;
    border-right: dashed 1px #1a808b;
    }

/* Make the Title span 100% width at the top */
.single-product div.product .product_title {
    clear: both;
    width: 100%;
    display: block;
    margin-bottom: 1em;
}

/* Ensure the image area can contain the button */
.single-product div.product .images {
    margin-bottom: 2em;
}

/* Style the Add to Cart button area when moved below images */
.single-product div.product .images .cart {
    margin-top: 20px;
    padding: 15px;
    background: #f9f9f9; /* Optional: adds a light background like your reference */
    border-radius: 4px;
}

/* Adjust layout for mobile to ensure stacking */
@media (max-width: 768px) {
    .single-product div.product .images, 
    .single-product div.product .summary {
        width: 100%;
        float: none;
    }
}
.storefront-breadcrumb {margin-bottom:0px}
.storefront-full-width-content .woocommerce-products-header 
	{
		background-color: #ec3237;
    	padding: 10px;
		margin-bottom:15px;
		background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
}
.page-title
{
    	color: #fff;
    	text-align: center;
    	font-weight: 600;
    	font-size:26px;
	text-transform:uppercase
}
.entry-title
{
	background-color: #ec3237;
    	padding: 10px;
		margin-bottom:15px;
	color: #fff;
    	text-align: center;
    	font-weight: 600;
    	font-size:26px;
	text-transform:uppercase;
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
}
section.related h2, .woocommerce-loop-product__title, .woocommerce-loop-category__title
{
		background-color: #615f5f;
    	padding: 10px;
		margin-bottom:15px;
	color: #fff;
    	text-align: center;
    	font-weight: 600;
    	font-size:22px;
	text-transform:uppercase;
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);

}

/* Container for Price, Qty, and Button */
.single-product div.product form.cart {
    display: flex;
    flex-direction: row;
    align-items: center; /* Vertically centers items */
    flex-wrap: nowrap;
    gap: 15px; /* Space between price, qty, and button */
    margin-top: 20px;
}
/* Ensure the price doesn't take up the whole line */
.single-product div.product form.cart .price {
    margin: 0 !important;
    white-space: nowrap;
    font-size: 1.25em;
    font-weight: bold;
	display:none !important
}

/* Adjust the Quantity box width */
.single-product div.product form.cart .quantity {
    margin: 0 !important;
	display:none !important
}

.single-product div.product form.cart .quantity input.qty {
    width: 4em;
    padding: 8px 5px;
	display:none !important
}
/* Ensure the Add to Cart button matches the height */
.single-product div.product form.cart .single_add_to_cart_button {
    margin: 0 !important;
    padding: 12px 20px;
    white-space: nowrap;
	display:none !important
}

/* Mobile Responsiveness: Stack them if the screen is too narrow */
@media (max-width: 480px) {
    .single-product div.product form.cart {
        flex-wrap: wrap;
    }
}


/* Style the PDF button to match your theme or reference */
.pdf-download-button {
    background-color: #58afb8 !important; /* Dark grey, or change to blue to match your reference */
    color: #fff !important;
    border: none;
    padding: 12px 20px;
    text-decoration: none;
    font-size:14px !important;
    font-weight: bold;
	margin-top:10px !important;
	width:100% !important;
	text-align:center
}

.pdf-download-button:hover {
    background-color: #222 !important;
}
.site-footer
{
    background-color: #58afb8;
    padding: 10px;
    text-align: center;
}
.site-footer * 
{ color:white !important }

/* Add spacing between the PDF and Enquiry buttons */
.pdf-download-button {
    display: inline-block;
    margin-bottom: 10px; /* Space if they stack */
    margin-right: 10px;  /* Space if they are side-by-side */
}

.gmwqp_inquirybtn {
    display: inline-block;
    margin-top:0px;
	width:100%


}
.gmwqp_inquirybtn  a {	 background-color:#ec3237 !important;	padding:12px 30px !important; font-size:14px !important;background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);}


/* Center the menu and remove default bullet points */
.footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 20px 0;
}
.footer-nav ul li { display: inline;}
/* Style the menu links */
.footer-nav ul li a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif; /* Adjust to match your site font */
    font-size: 16px;
    padding: 0 15px;
}

/* Add the dot separator between items */
.footer-nav ul li:not(:last-child):after {
    content: "•";
    color: #ffffff;
    font-size: 18px;
    vertical-align: middle;
}

/* Hover effect */
.footer-nav ul li a:hover {
    opacity: 0.8;
}


@media (max-width: 600px) {
    .footer-nav ul li a {
        font-size: 14px;
        padding: 0 8px;
    }
}
.site-info {padding:0px}


li.product img
{
  height:250px;
  object-fit:contain
}

li.product .add_to_cart_button, li.product .price
{
  display:none !important
}
mark {color:#00cfcf !important}

.certbox {
    text-align: center;
    border: solid 1px #ccc;
    padding: 15px;
    width:100%;
	height:700px;
    margin: 5px;
}
.pricepg
{
    background: #057da0;
	padding:30px
}

.priceinner
{
    border-radius: 10px;
    padding: 20px;
    background: #057da0;
    width: 100%;
    box-shadow: 1px 1px 11px 1px #034a5f;
}
.priceinner p
{
  color:#fff;
  font-weight:600
}
.priceinner .row
{
  margin-bottom:15px
}
.priceinnerbox 
{
    background-color: #fff;
    color: #ec3237 !important;
    padding: 5px;
    text-align: center;
    font-weight: 700 !important;
    font-size: 18px;
}
.bnr img
{
   width:100% !important;
   height:450px !important;
   margin-bottom:20px
}


.elementor-swiper-button {
    background-color: white;
    border-radius: 50%;
    font-size: 30px !important;
    padding: 10px;
}


#masthead
{
  padding:0px 0px !important;
  margin:0px !important
}

.home .site-content .col-full {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bytes-top-bar {
    /* background-color: #58afb8; */
    background: #2A7B9B;
    background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 30%, rgba(184, 213, 101, 1) 60%, rgba(42, 123, 155, 1) 100%);
    
    padding: 5px 0;
    font-weight: 500;
    text-align: center;
}
.bytes-top-bar ul {list-style-type:none;margin:0px}
.bytes-top-bar li {display:inline}
.bytes-top-bar a {text-decoration: none;
    color: #fff;
    margin: 0px 0px;
    border-right: dashed 1px #9E9E9E;
    padding: 0px 20px;
	margin:0px 20px}
	.site-branding {padding:0px;margin:0px}
	.site-search {
        margin-top: 12px;
        margin-bottom: 0px;
		}
		
		.content-area, .site-main {margin-bottom:0px}
		
		
		/* Vertical Fixed Button */
.vertical-download-btn {
  position: fixed;
  right: 0;
  top: 65%;
  transform: translateY(-50%); /* Centers it vertically */
  z-index: 9999;
  
  /* Flexbox for alignment */
  display: flex;
  align-items: center;
  gap: 12px;
  
  /* Styling */
  background: linear-gradient(135deg, #0046ad 0%, #002d72 100%); /* Deep Professional Blue */
  color: #ffffff;
  padding: 12px 10px;
  text-decoration: none;
  font-family: 'Segoe UI', Roboto, sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  
  /* The "Tab" Shape */
  border-radius: 8px 0 0 8px;
  box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.2);
  
  /* Transition for smoothness */
  transition: all 0.3s ease-in-out;
  
  /* Writing mode to make it vertical */
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.vertical-download-btn:hover {
  padding-right:20px; /* Slides out slightly from the edge */
  background: linear-gradient(135deg, #0056d6 0%, #003da1 100%);
  box-shadow: -5px 6px 20px rgba(0, 0, 0, 0.3);
}

.vertical-download-btn .icon {
  font-size: 18px;
  transform: rotate(90deg); /* Adjusts icon to match vertical text */
}

.wpsf-product-title a {
    display: inline-block; /* or block */
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Adds the "..." automatically */
    vertical-align: middle;
}
.wps-product-image .wpsf-product-img {
    height: 200px !important;
    border: 0px solid #dddddd !important;
    width: 200px !important;
    object-fit: contain !important;
}

.product .summary h2, .product .summary  h3
{
  color: #3a8392;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    margin: 10px 0px;
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    padding: 10px;
}

.storefront-breadcrumb {
    margin-bottom: 0px;
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    margin-bottom: 10px;
}

th, td
{
  padding:8px !important;
}


/* TO DISPLAY SKU IN HOMEPAGE PRODUCT SLIDER First, hide the SKU globally (the one added by the filter) */
.product-title-sku, 
.pmodel { 
    display: none !important; 
}

/* Second, force it to show ONLY inside your specific slider ID */
#wps-slider-section .pmodel  {
    display: block !important;
}

.bwg-title2, .bwg_gal_title_0 {
    color: #0041a1 !important;
    font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    text-shadow: 0px;
    max-height: 100%;
    text-transform: uppercase;
    margin:15px !important;
}
 .bwg_gal_title_0 
 {
    border-bottom: dashed 2px #c1c1c1;
    padding-bottom: 20px !important;
}
	.bwg-item {padding:10px !important }
	.site-header ul.menu li.current-menu-item > a {
    color: #000000;
}
    .main-navigation ul.menu>li.menu-item-has-children>a::after {margin-left:7px}
	.bnrmain
	{
	   padding:30px 0px !important
	}
	.bnrmain img
	{
   width: 350px !important;
    height: 350px !important;
    margin-bottom: 20px;
    object-fit: contain;
    padding: 20px;
	}
	
	.exhp ol {
    padding: 0px 5px;
    margin: 0px;
}
.exhp li {
    font-family: "Source Sans Pro";
    border-bottom: dashed 1px;
    text-align: justify;
    list-style-position: inside;
    background: #f3f3f3;
    margin-bottom: 10px;
    padding:10px;
	font-weight:bold;
}
.exhp li:nth-child(even) 
{
    color: teal;
}
.exhp p 
{
    font-family: "Source Sans Pro";
    text-align: justify;
}
.exgallery img
{
  width:100%;
  height:300px !important;
  border:solid 1px #c1c1c1 !important;
  object-fit:cover;
  padding:5px !important;
}
.elementor-lightbox .elementor-swiper-button-next,.elementor-lightbox .elementor-swiper-button-prev
{
    height: auto !important;
    width: auto !important;
    background: teal !important;
	}