@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	background: #fff;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	margin: 0;
	min-height: 100%;
	padding: 0;
	word-wrap: break-word;
}

#gkBottom5 .box, #gkBottom5 .box .header {
    font-size: 16px;
}



.product-short-description {

    font-size: 16px;
    font-style: normal;
  
}



a,
.box ul.menu > li > a{
	font-weight: normal;
}



/* General Styling */
ul.VMmenu {
    list-style: none;
    padding: 0;
    margin: 0;
    
}

ul.VMmenu li {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    transition: background-color 0.3s ease;
}

/* Parent Categories */
ul.VMmenu li.VmOpen {
    background-color: #f9f9f9; /* Subtle highlight for active parents */
}

ul.VMmenu li.VmOpen > strong {
    color: #333; /* Darker text for active parent */
    font-weight: bold;
}

ul.VMmenu li.VmOpen > strong a {
    color: inherit;
    text-decoration: none;
}

ul.VMmenu li.VmClose > strong a {
    color: #555; /* Inactive parent text color */
    text-decoration: none;
}

ul.VMmenu li.VmClose:hover {
    background-color: #f1f1f1; /* Subtle hover effect for inactive parents */
}

ul.VMmenu li.VmOpen > span.VmArrowdown {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 10px;
    color: #888;
}

/* Child Categories */
ul.VMmenu li ul.menu {
    display: none;
    padding-left: 0px;
	margin-left: 0px;
}

ul.VMmenu li.VmOpen ul.menu {
    display: block; /* Show children of active parent */
}

ul.VMmenu li ul.menu li {
    background-color: #fafafa;
    margin: 5px 0;
    padding: 8px;
  
    border-radius: 4px;
}

/* Inactive Child Items */
ul.VMmenu li ul.menu li a {
    color: #777;
    text-decoration: none;
    font-size: 14px;
	font-weight: normal;
    
}

ul.VMmenu li ul.menu li:hover {
    background-color: #f1f1f1;
	color: #777;
}

/* Active Child Item */
ul.VMmenu li ul.menu li.activemenu {
    background-color: #f0f0f0;
    color: #333;
    font-weight: bold;
}

ul.VMmenu li ul.menu li.activemenu a {
    color: #333;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    ul.VMmenu li {
        padding: 8px;
    }

    ul.VMmenu li ul.menu li {
        padding: 6px;
        font-size: 13px;
    }
}

#gkSidebar .box {

    padding: 19px;
}


/*========================== logo changes ================*/
/* Increase logo height */
#gkLogo img {
    height: 100px !important;
    width: auto; /* Maintain aspect ratio */
}


#gkHeader {

    padding: 161px 0 0 0;
}

#gkHeader.nobreadcrumb {
	padding: 158px 0 0 0;
}

/* Adjust navbar height */
#gkHeaderNav {
    height: 120px;
    line-height: 120px; /* Center items vertically */
	background: #000000;
}

/* Center navigation menu items */
#gkMainMenu {
    display: flex;
    align-items: center;
}

/* Reduce logo height at 1120px */
@media (max-width: 1120px) {
    #gkLogo img {
        height: 65px !important;
    }

    #gkHeaderNav {
        height: 80px;
        line-height: 80px; /* Adjust navbar height */
    }
	
	#gkHeader {
    padding: 121px 0 0 0;
}

#gkHeader.nobreadcrumb {
	padding: 118px 0 0 0;
}
}



.gk-social-icons .icon-instagram:before {
    content: "i"; /* Replace 'x' with the correct letter from the custom font */
    color: #969696;
    font-family: "storefront-pixellove";
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    transition: all .3s ease-out;
}

.gk-social-icons .icon-instagram:hover:before {
    color: #E1306C; /* Instagram color on hover */
}


.gk-social-icons {
  list-style: none;
  padding: 0;
  display: flex;
}

.gk-social-icons li {
  margin: 0 10px;
}

.gk-social-icons .icon {
  display: inline-block;
  width: 40px; /* Adjust size as needed */
  height: 40px; /* Adjust size as needed */
  line-height: 40px; /* Adjust to center icon vertically */
  text-align: center;
  border-radius: 50%;
  background-color: #333; /* Background color for the circle */
  color: #fff; /* Icon color */
  font-size: 18px; /* Icon size */
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.gk-social-icons .icon:hover {
  background-color: #555; /* Hover color */
}

.gk-social-icons .icon i {
  vertical-align: middle;
}

#gk-menu-overlay-wrap .gkMenuClassic li li a {
	font-size: 16px;
}


@media (max-width: 768px) {
.gkMenu > ul li div.childcontent-inner {
	background: #333333 !important;
}

#gk-menu-overlay-wrap .gkMenuClassic li li a {
	font-size: 14px;
}
}

.vm-product-descr-container-1 {
	padding: 0px 5px;
}

img.social {
	width: 30px;
	height: auto;
}

.signup input {
	border: 1px solid #777;
	border-radius: 0px;
	margin-bottom: 15px;
}

.signup button {
	background: #000000;
	color: #ffffff !important;
	padding: 0px 61px;
}


table.user-details input {

    border: 1px solid #777;
}

.vm-product-details-container {
  
    width: 100%;
}

.pricetable-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pricetable-header,
.pricetable-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    border-bottom: 1px solid #ddd;
    font-size: 12px; /* Smaller font */
}

.pricetable-header {
    font-weight: bold;
    background-color: #000; /* Black header background */
    color: #fff; /* White header text */
}

.pricetable-column {
    flex: 1;
    text-align: center;
    color: #fff; /* White copy for all text */
}

.pricetable-column:first-child {
    text-align: left;
}

.pricetable-column:last-child {
    text-align: right;
}

.pricetable-row {
    align-items: center;
    background-color: #f1f1f1; /* Dark background for rows */
}

.pricetable-row:nth-child(even) {
    background-color: #e2e2e2; /* Slightly different dark shade for alternating rows */
}

.pricetable-row .pricetable-column {
    color: #000; /* White text for rows */
}




.spacer-buy-area .addtocart-area {
    margin-top: 0px;
}

.category > div > a > img, .product > div > div > a > img {
    -webkit-transform: none !important;
    transform: none !important;
}