/*!
Theme Name: Navkar Sinks
Theme URI: http://underscores.me/
Author: Kunal Udani
Author URI: http://finlark.com/
Description: This is custom theme for WordPress website
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: navkar-sinks
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Navkar Sinks is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.wpcf7 textarea.form-control{
    /*height: 100px;*/
}


#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	height: 80px;
	font-size: 16px;
	line-height: 80px;
	padding: 0;
	transition: all 0.5s;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
	margin-right: 30px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child {
	margin-right: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current_page_item > a.mega-menu-link {
	color: #0077BD;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	border-radius: 10px;
	box-shadow: 0px 6px 20px 0px #0000001A;
	background: #fff;
	padding-top: 10px;
	width: 1135px;
	left: -71.3%;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #303030;
	padding: 6px 12px;
	transition: all 0.5s;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu:has(> li.mega-menu-item .menu .menu-item:hover) .mega-block-title, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu:has(> li.mega-menu-item .menu .menu-item.current-menu-item) .mega-block-title {
	color: #0077BD;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .menu .menu-item a {
	display: block;
	padding: 6px 20px;
	font-size: 12px;
	line-height: 20px;
	color: #303030;
	transition: all 0.5s;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .menu .menu-item a:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .menu .menu-item.current-menu-item a {
	background-color: #F7F7EF;
	color: #0077BD;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
	display: flex;
	flex-wrap: wrap;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
	float: none;
	border-right: 1px solid rgba(17, 17, 17, 0.2);
	/*width: 25% !important;*/
        width: 50% !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:nth-last-child(2), #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child {
	border-right: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.view-all-col {
	height: 56px;
	width: 100% !important;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0 20px;
	border-radius: 0 0 10px 10px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.view-all-col a {
	transition: all 0.5s;
	font-size: 16px;
	line-height: 20px;
	color: #0077BD;
	font-weight: 500;
	position: relative;
	padding-right: 30px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-custom_html-2 a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 24px;
	width: 24px;
	background-image: url('./public/images/blue-arrow.svg');
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.5s;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-custom_html-2 a:hover:after {
	right: -5px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	display: none;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:before {
	content: '';
	width: 11px;
	height: 6px;
	background-image: url('./public/images/down-arrow-black.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px;
	display: inline-flex;
	position: relative;
	top: -2px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children:hover > a.mega-menu-link > span.mega-indicator:before {
	background-image: url('./public/images/down-arrow-blue.svg');
}
#mega-menu-wrap-header-menu .mega-menu-toggle {
	line-height: 18px;
	height: 18px;
	background: transparent;	
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
	margin: 0 !important;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
	transform: none;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
	width: 24px;
	height: 18px;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
	width: 24px;
	height: 2px;
	background-color: #0077bd;
}

@media(max-width: 1365px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		left: -62%;
	}
}

@media(max-width: 1199px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		width: calc(100vw - 30px);
		left: 15px;
		position: fixed;
	}
}

@media(max-width: 991px) {
	#mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
		background: #fff;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		position: static;
		width: 100%;
		box-shadow: none;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		margin-right: 0;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    border-radius: 0;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    color: #111;
    height: auto;
    line-height: 24px;
    font-size: 16px;
    padding: 10px 12px;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		color: #fff;
		background: #0077BD;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children:hover > a.mega-menu-link > span.mega-indicator:before {
		background-image: url('./public/images/down-arrow-black.svg');
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:before {
		background-image: url('./public/images/down-arrow-white.svg');
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on:hover > a.mega-menu-link > span.mega-indicator:before {
		background-image: url('./public/images/down-arrow-white.svg');
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    border-right: 0;
    border-bottom: 1px solid rgba(17, 17, 17, 0.2);
    padding-bottom: 15px;
    margin-bottom: 15px;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
		width: 100% !important;
	}
        #mega-menu-242-0-2, #mega-menu-242-0-3{
            display: none !Important;
        }
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		padding-bottom: 0;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.view-all-col {
    border-radius: 0;
    margin-top: -10px;
	}
	#mega-menu-wrap-header-menu:has(.mega-menu-open) #mega-menu-header-menu[data-effect-mobile^="slide_"] + button.mega-close:before {
		font-size: 20px;
	}
}

#mega-menu-item-nav_menu-4, #mega-menu-item-nav_menu-5{
    display: none !important;
}

/* Navkar Milk Website Styling */

section.explore-catalogue-yellow, .blue-bg-content.yellow-bg, section.client-logos-section{
    background-color: #f7f7ef;
}
section.explore-catalogue-yellow h2, .blue-bg-content.yellow-bg h2, .blue-bg-content.yellow-bg .blue-bg-content-wrap .right-content p{
    color: #111;
}
.blue-bg-content.yellow-bg .blue-bg-content-wrap:not(:last-child){
    border-bottom: 1px solid #111;
}

.why-us-section {
  background-color: #f7f7ef;
  position: relative;
  background-image: url("images/milk-splash.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  text-align: center;
}

/* --- Stats layout (flex) --- */
.stats-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;         /* <= centers the second row of 3 items */
  margin: 0 auto;
}

.stat-box {
  width: 25%;                      /* 4 items per row on desktop */
  padding: 0 24px 24px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  margin-top: 50px;
  padding-bottom: 0;
}

.stat-box h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #000;
}

.stat-box span {
  font-size: 0.95rem;
  color: #555;
}

/* Vertical dividers on desktop */
.stat-box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 60%;
  width: 1px;
  background: #d7d7d7;
}

/* hide divider after every 4th item (end of row) + after last item */
.stat-box:nth-child(4n)::after,
.stat-box:last-child::after {
  display: none;
}

/* --- Responsive rules --- */
/* Tablet: 2 per row */
@media (max-width: 992px) {
  .stat-box { width: 50%; }
  /* for 2-column rows, hide divider after every 2nd item */
  .stat-box::after { display: block; }
  .stat-box:nth-child(2n)::after { display: none; }
}

/* Mobile: 1 per row, no dividers */
@media (max-width: 576px) {
  .stat-box { width: 100%; }
  .stat-box::after { display: none; }
}


.client-logos-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  justify-items: center;
  gap: 15px;
  /*max-width: 1200px;*/
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.client-logos-section  .client-logos-wrapper{
  gap: 30px;  
}

.menu-item-gtranslate{display: inline-block; vertical-align: middle;}
.menu-item-gtranslate > div:first-child{position: relative !important;}

.client-logos-wrapper img {
  /*max-width: 120px;*/       /* control logo size */
  height: auto;
  object-fit: contain;
  /*filter: grayscale(100%);*/   /* optional: make logos monochrome */
  /*transition: filter 0.3s;*/
}

.client-logos-wrapper img:hover {
  filter: grayscale(0%);     /* color on hover */
}

.client-btn-wrapper{
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.img-content-section {
    background: url("images/product-bg-image.png") no-repeat center center;
    background-size: cover; /* ensures full coverage */
}
.img-content-section.reverse {
    background: url("images/product-bg-image-reverse.png") no-repeat center center;
}
.product-detail-page ul{
    list-style-type: disc;
    padding-left: 15px;
    margin-bottom: 30px;
}


/* Tablet: 3 logos per row */
@media (max-width: 992px) {
  .client-logos-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile: 2 logos per row */
@media (max-width: 600px) {
  .client-logos-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}