/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Global background color 
html,
body {
    background-color: #ffffff;
}
*/
.custom-header-wrapper, #page .site-content {
    background-color: #ffffff;
}

/* =========================
   HEADER WRAPPER
========================= */
.custom-header-wrapper {
	width: 100%;
	padding: 40px 0;
}

@media (max-width: 768px) {
	.custom-header-wrapper {
		padding: 20px 0;
	}
}	

/* =========================
   DESKTOP & TABLET HEADER
========================= */
.custom-header-desktop {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px;

	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	position: relative;
}

/* LEFT: Social Icons */
.header-left {
	display: flex;
	gap: 12px;
	justify-self: start;
}

/* CENTER: Logo perfectly centered */
.header-center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.header-center img {
	border-radius: 50%;
	display: block;
}

/* =========================
   ICON STYLE
========================= */
.icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 3px 8px rgba(0,0,0,0.24);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.icon img {
	width: 18px;
	height: 18px;
	display: block;
}

.icon:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

/* =========================
   MOBILE HEADER
========================= */
.custom-header-mobile {
	display: none;
}

.mobile-social {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}

@media (max-width: 767px) {
	.custom-header-desktop {
		display: none;
	}

	.custom-header-mobile {
		display: block;
		text-align: center;
	}
}


/* =========================
   STICKY NAV BASE
========================= */
.sticky-nav-wrapper {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #e82424;
	transition: transform 0.35s ease;
	will-change: transform;
}

/* Hidden state */
.sticky-nav-wrapper.hide {
	transform: translateY(-100%);
}

/* =========================
   INNER CONTAINER
========================= */
.sticky-nav-inner {
	max-width: 1200px;
	margin: 0 auto;
/*	padding: 12px 16px; */
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* =========================
   DESKTOP NAV
========================= */
.desktop-nav {
	display: flex;
	align-items: center;
	gap: 160px; 
	color: #fff;
}

.desktop-nav img {
	width: 15px;
	height: 15px;
}

.main-menu {
	display: flex;
/*	gap: 20px; */
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.desktop-search {
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	padding: 0px; /* New */
}

/* =========================
   MOBILE NAV
========================= */
.mobile-nav {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.mobile-nav img {
	width: 20px;
	height: 20px;
}

.menu-toggle {
	background: none;
	border: none;
	cursor: pointer;
}

.menu-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	margin: 4px 0;
}

.search-toggle {
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
	.desktop-nav {
		display: none;
	}

	.mobile-nav {
		display: flex;
		gap: 250px;
	}
}

/* Custom Code */

.main-menu a {
	font-size: 16px;
	padding: 13px 12px;
}

.main-menu a:hover, .main-menu a:active {
	background-color: #fffFFF40;
}
.desktop-search img {
    width: 18px;
    height: 18px;
    display: block;
}
.desktop-search:hover, .desktop-search:active {
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}

/* Home Page */

.hero-wrapper {
  padding: 20px 0;
}

.hero-container {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 20px;
}

/* LEFT SIDE */
.hero-featured img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.hero-title {
  font-family: Roboto,Arial,sans-serif;	
  font-size: 17px;
  line-height: 1.4;
  margin: 12px 0;
}

.hero-title a {
  color: #000;
  text-decoration: none;
}

.hero-date {
  color: red;
  font-size: 13px;
}

.hero-excerpt {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #000;	
}

.hero-list {
  margin-top: 0px;
}

.hero-list-item {
  display: flex;
  gap: 12px;
  margin-bottom: 25px;
}

.hero-list-item img {
  width: 500px;
  height: 80px;
  object-fit: cover;
  border-radius: 4px;
}

.hero-list-item h3 {
  font-size: 15px;
  font-family: Roboto,Arial,sans-serif;	
  font-weight: 600;
  line-height: 1.4;	
  margin: 0;
}

.hero-list-item time {
  font-size: 12px;
  color: red;
}

/* RIGHT SIDE */
.hero-right {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.video-box {
  width: 100%;
/*  aspect-ratio: 16 / 9; */
  position: relative;
}

.video-box.main-video {
  aspect-ratio: 16 / 9;
}

.video-box iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
}

.video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.video-grid .video-box iframe {
	height: 130px;
}

/* Contact Page */

.contact-section {
  padding: 80px 20px;
  background: #fff;
}

.contact-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  text-align: center;
}
.contact-box h3 {
  margin: 16px 0 8px;
  font-size: 20px;
  font-weight: 600;
}

.contact-box p,
.contact-box a {
  font-size: 16px;
  color: #111;
  text-decoration: none;
}
.contact-icon {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-bottom: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-icon.location {
  background-image: url("https://bakharlive.co.in/wp-content/uploads/2026/01/location-bakharlive.svg");
}

.contact-icon.email {
  background-image: url("https://bakharlive.co.in/wp-content/uploads/2026/01/email-bakharlive.svg");
}

.contact-icon.follow {
  background-image: url("https://bakharlive.co.in/wp-content/uploads/2026/01/like-bakharlive.svg");
}
.social-icons {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 14px;
}

.social-icons a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Individual icons */
.social-icons .yt { background-image: url("data:image/svg+xml,%3Csvg ... %3E"); }
.social-icons .fb { background-image: url("data:image/svg+xml,%3Csvg ... %3E"); }
.social-icons .ig { background-image: url("data:image/svg+xml,%3Csvg ... %3E"); }
.social-icons .x  { background-image: url("data:image/svg+xml,%3Csvg ... %3E"); }

@media (max-width: 1024px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* Custom added code */
.contact-page {
	width: 100%;
}

/* Contact Page Form */

/* CF7 Wrapper */
.cf7-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: inherit;
}

/* Title */
.cf7-title {
    text-align: center;
    font-size: 24px;
	font-family: Roboto, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    text-transform: uppercase;
}

/* Subtitle */
.cf7-subtitle {
    text-align: center;
    color: #6e6e6e;
	font-family: Roboto, Arial, sans-serif;
    margin-bottom: 20px !important;
    font-size: 16px;
}

/* Rows */
.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.cf7-row-3 .cf7-field {
    flex: 1;
}

/* Fields */
.cf7-field input,
.cf7-field textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #6b7280;
    border-radius: 4px;
    font-size: 15px;
    outline: none;
    background: #fff;
}

.cf7-field textarea {
    min-height: 160px;
    resize: vertical;
}

/* Placeholder */
.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
    color: #9ca3af;
}

/* Focus */
.cf7-field input:focus,
.cf7-field textarea:focus {
    border-color: #000;
}

/* Submit Row */
.cf7-submit-row {
    justify-content: center;
    margin-top: 30px;
}

/* Submit Button */
.cf7-submit-row input[type="submit"] {
    background: #e11d2e;
    color: #fff;
    border: none;
    padding: 14px 40px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.cf7-submit-row input[type="submit"]:hover {
    background: #b91c1c;
}

/* Remove CF7 default styles */
.wpcf7-form p {
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .cf7-row {
        flex-direction: column;
    }
}

/* Force full-width rows */
.cf7-row-full {
    flex-direction: column;
}

.cf7-row-full .cf7-field {
    width: 100%;
}

/* Ensure inputs really stretch */
.cf7-row-full input,
.cf7-row-full textarea {
    width: 100%;
}

.wpcf7-spinner {
	display: none;
}

/* Blog Archive Page */
/* CATEGORY ARCHIVE */
.custom-category-archive {
	padding: 40px 0;
}

.archive-container {
	max-width: 1200px;
	margin: auto;
	padding: 15px 15px 20px 15px;
	background-color: #f2f2f2;
}

.archive-title {
	display: none;
	font-size: 28px;
	margin-bottom: 10px;
}

.archive-description {
	color: #666;
	margin-bottom: 30px;
}

/* GRID */
.category-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

/* CARD */
.category-card {
	border-radius: 0px;
	overflow: hidden;	
}



.card-thumb img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	border-radius: 5px;
}

.card-content {
	padding: 15px 0px;
}

.card-title {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
}

.card-title a {
	color: #000;
	text-decoration: none;
}

.card-date {
	font-size: 13px;
	color: #e10600; /* red like screenshot */
}

/* PAGINATION */
.custom-pagination {
	margin-top: 40px;
	text-align: center;
}

.custom-pagination .page-numbers {
	padding: 8px 12px;
	margin: 0 4px;
	border-radius: 4px;
	background: #f5f5f5;
	text-decoration: none;
}

.custom-pagination .current {
	background: #e10600;
	color: #fff;
}

/* RESPONSIVE */

/* Tablet */
@media (max-width: 1024px) {
	.category-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Small Tablet */
@media (max-width: 768px) {
	.category-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile */
@media (max-width: 480px) {
	.category-grid {
		grid-template-columns: 1fr;
	}

	.card-thumb img {
		height: 180px;
	}
}

/* Custom Home Page Code */
.hero-left {
	display: flex;
	gap: 20px;
	background-color: #f2f2f2;
	padding: 10px;
}
.hero-list-item h3,
.hero-list-item h3 a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4rem;	
  color: #000;
  text-decoration: none;
}

/* Home Page H2 Code */
.section-title {
    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 28px;
    font-weight: 600;
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.8;
    color: #000;
}

.section-title .title-line {
    width: 4px;
    height: 32px;
    background-color: #e60000; /* red line */
}

/* Homepage Category Section */
.home-category-section {
    padding: 15px 15px 25px 15px;
    background: #f7f7f7;
	border-radius: 5px;
}

.container {
    max-width: 1200px;
    margin: auto;
/*    padding: 0 5px; */
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
/*
.news-card {
    background: #fff;
}
*/
.news-thumb {
    position: relative;
    display: block;
}

.news-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
	border-radius: 5px;
}

.news-ribbon {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #e50914;
    color: #fff;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 600;
}

.news-content {
    padding-top: 12px;
}

.news-title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 6px;
}

.news-title a {
    color: #000;
    text-decoration: none;
}

.news-date {
    font-size: 14px;
    color: #e50914;
}

.view-all-wrapper {
    text-align: center;
    margin-top: 30px;
}

.view-all-btn {
    background: #e50914;
    color: #fff;
    padding: 14px 40px;
    text-decoration: none;
    font-weight: 600;
}
.view-all-btn:hover {
    background: #e50914;
    color: #fff;
    padding: 14px 40px;
    text-decoration: none;
    font-weight: 600;
}
/* Responsive Layout */
@media (max-width: 1024px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .news-grid {
        grid-template-columns: 1fr;
    }

    .news-thumb img {
        height: 200px;
    }
}

/* Footer */
.custom-footer {
	background: #000;
	color: #aaa;
	font-size: 14px;
}

.footer-inner {
	max-width: 1200px;
	margin: auto;
	padding: 60px 20px;
	display: grid;
	grid-template-columns: 2fr 2fr 1.5fr;
	gap: 40px;
}

.footer-about img {
	margin-bottom: 20px;
}

.footer-desc {
	line-height: 1.6;
	margin-bottom: 25px;
	font-size: 15px;
	color: #7c7c7c;
}

.footer-subscribe {
	display: flex;
}

.footer-subscribe input {
	flex: 1;
	padding: 12px;
	border: 1px solid #333;
	background: #000;
	color: #fff;
}

.footer-subscribe button {
	background: #e11;
	color: #fff;
	border: none;
	padding: 0 25px;
	cursor: pointer;
}

.footer-social {
	margin-top: 25px;
	display: flex;
	gap: 12px;
}

.footer-social img {
	margin-bottom: 0px;
}	

.footer-social a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	color: #000;
	display: grid;
	place-items: center;
	font-weight: bold;
}

.footer-posts h3,
.footer-categories h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.footer-post {
	display: flex;
	gap: 12px;
	margin-bottom: 20px;
	text-decoration: none;
	color: #fff;
}

.footer-post img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}

.post-title, .post-title a {
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
	color: #fff;
}

.post-date {
	font-size: 14px;
	color: #7C7C7C;
}

.footer-categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-categories li {
	margin-bottom: 12px;
}

.footer-categories a {
	color: #7c7c7c;
	font-size: 16px;
	text-decoration: none;
}

.footer-categories a:hover {
	color: #e40914;
}	

.footer-bottom {
	width: 1200px;
/*	border-top: 1px solid #222; */
	padding: 20px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	color: #7c7c7c;
	margin: auto;
}

.footer-bottom a {
	color: #7C7C7C;
	font-size: 14px;
	margin-left: 20px;
	text-decoration: none;
}

.footer-bottom a:hover {
	color: #e40914;
}

/* MOBILE */
@media (max-width: 768px) {
	.footer-inner {
		grid-template-columns: 1fr;
	}
	.footer-bottom {
		flex-direction: column;
		gap: 10px;
		align-items: center;
		text-align: center;
		display: flex;
		width: 100%;
	}
}

/* Custom Footer Code */
.footer-about {
    display: flex;
    flex-direction: column;
    align-items: center;   /* horizontal centering */
    text-align: center;    /* center text */
}

/* Footer Subscribe */
.footer-cf7 {
	display: flex;
	width: 100%;
	max-width: 420px;
	border: 1px solid #222;
}

.footer-cf7 input[type="email"] {
	flex: 1;
	background: #000;
	border: none;
	padding: 14px;
	color: #fff;
	font-size: 14px;
	outline: none;
}

.footer-cf7 input::placeholder {
	color: #666;
}

.footer-cf7 .footer-submit {
	background: #e40914;
	color: #fff;
	border: none;
	padding: 0 28px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 0;
}

.footer-cf7 .footer-submit:hover {
	background: #e40914;
}	

.footer-cf7 .wpcf7-spinner {
	display: none;
}



/* =========================
   STACK SYSTEM
========================= */
.sticky-nav-stack {
	position: relative;
	height: 56px;              /* must match red bar */
	overflow: hidden;
}

/* BOTH BARS */
.sticky-bar {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.4s ease;
	will-change: transform;
	display: flex;
	align-items: center;
}

/* =========================
   DEFAULT STATES
========================= */
.showme {
	background: #ed2728;
	transform: translateY(0);
	z-index: 3;
}

.reset-button {
	background: #ED2728;
	transform: translateY(100%);
	z-index: 1;
}

/* =========================
   ACTIVE SEARCH STATE
========================= */
.search-active .showme {
	transform: translateY(-100%);
	z-index: 1;
}

.search-active .reset-button {
	transform: translateY(0);
	z-index: 4; /* 👈 VERY IMPORTANT */
}

/* =========================
   INNER LAYOUT
========================= */
.reset-button .sticky-nav-inner {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 12px;
	background-color: #fff;
}

/* =========================
   SEARCH FORM
========================= */
.search-form-wrap {
	flex: 1;
}

.search-form-wrap input[type="search"] {
	width: 100%;
	height: 38px;          /* force space for close icon */
	font-size: 16px;
	padding: 8px 12px;
}

/* =========================
   CLOSE BUTTON (FIXED)
========================= */
.search-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: left;
	margin-left: auto;
	margin-right: 10px;
	z-index: 10;
	position: inherit;
}

.search-close img {
	width: 20px;
	height: 20px;
	display: block;
}

/* =========================
   MOBILE HEIGHT FIX
========================= */
@media (max-width: 767px) {
	.sticky-nav-stack {
		height: 52px;
	}

	.search-form-wrap input[type="search"] {
		height: 34px;
	}
}

.popup-search-close:before, .search-close:before, .search-close:after {
    border-left: 2px solid #848484;
    content: '';
    height: 0px;
    left: 9px;
    position: absolute;
}

.search-close:hover, .desktop-search:active, .desktop-search:hover {
	background-color: #ffffff00;
}


/* =========================
   MOBILE OFFCANVAS MENU
========================= */

/* Overlay */
.mobile-menu-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.65);
	z-index: 9998;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

/* Drawer */
.mobile-menu-drawer {
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	max-width: 85%;
	height: 100vh;
	background: #1e1e1e;
	color: #fff;
	z-index: 9999;
	transform: translateX(-100%);
	transition: transform 0.35s ease;
	display: flex;
	flex-direction: column;
}

/* Active states */
.mobile-menu-active .mobile-menu-overlay {
	opacity: 1;
	pointer-events: auto;
}

.mobile-menu-active .mobile-menu-drawer {
	transform: translateX(0);
	overflow-y: auto;
}

/* =========================
   HEADER
========================= */
.mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 15px;
/*	border-bottom: 1px solid rgba(255,255,255,0.08); */
}

/* MENU TITLE */
.menu-title {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	padding-left: 14px;
	color: #ffffff;
}

.menu-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 18px;
	background: #e82424;
}

/* Close icon */
.menu-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
}

.menu-close img {
	width: 18px;
	height: 18px;
}

/* =========================
   MENU CONTENT
========================= */
.mobile-menu-content {
	flex: 1;
/*	overflow-y: auto; */
	padding: 10px 0 20px;
	position: relative;
}

/* Vertical guide line */
.mobile-menu-content::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #666;
	height: 100%;
}

/* =========================
   MENU LIST
========================= */
.mobile-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Menu item */
.mobile-menu-list li {
	position: relative;
	padding: 7.5px 16px 7.5px 30px;
}

/* Small horizontal line before item */
.mobile-menu-list li::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 1px;
	background: #666;
}

/* Link */
.mobile-menu-list a {
	color: #999;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	display: block;
	line-height: 1.4;
}

/* Hover / Active */
.mobile-menu-list a:hover {
	color: #ffffff;
}

/* =========================
   SCROLLBAR (OPTIONAL NICE TOUCH)
========================= */
.mobile-menu-content::-webkit-scrollbar {
	width: 4px;
}

.mobile-menu-content::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.2);
	border-radius: 2px;
}

/* =========================
   ONLY MOBILE & TABLET
========================= */
@media (min-width: 1025px) {
	.mobile-menu-overlay,
	.mobile-menu-drawer {
		display: none !important;
	}
}

/* =========================
   LATEST POSTS (MOBILE POPUP)
========================= */

.mobile-latest-posts {
	padding: 0px 0 10px;
/*	border-top: 1px solid rgba(255,255,255,0.08); */
}

/* Title */
.latest-posts-title {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #ffffff;
	position: relative;
	padding: 25px 16px 12px 28px;
	margin-bottom: 8px;
}

.latest-posts-title::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 27px;
	width: 3px;
	height: 18px;
	background: #e82424;
}

/* List */
.latest-posts-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0 16px;
}

/* Item */
.latest-post-item {
	display: flex;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}

/* Thumbnail */
.latest-post-thumb {
	flex-shrink: 0;
	width: 72px;
	height: 56px;
	overflow: hidden;
	border-radius: 4px;
}

.latest-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Content */
.latest-post-content {
	flex: 1;
}

.latest-post-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	color: #fff;
	margin: 0 0 6px;
}

.latest-post-date {
	font-size: 14px;
	color: #7c7c7c;
}

/* Hover */
.latest-post-item:hover .latest-post-title {
	color: #ffffff;
}

/* =========================
   GRAY HORIZONTAL MENU
========================= */

.gray-scroll-menu {
	position: fixed;
	top: 52px; /* RED BAR HEIGHT */
	left: 0;
	width: 100%;
	height: 44px;
	background: #efefef;
	z-index: 998;
	transition: transform 0.34s ease;
	will-change: transform;
}

/* Horizontal scroll */
.gray-menu-inner {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 0 14px;
	height: 100%;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.gray-menu-inner::-webkit-scrollbar {
	display: none;
}

ul#menu-primary-menu-1.gray-menu-inner {
    margin: 0 10px;
}

ul#menu-primary-menu-1.gray-menu-inner li {
    list-style: none;
}


/* Links */
.gray-menu-inner a {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	padding: 6px 0;
}

/* =========================
   HIDE STATE (SCROLL DOWN)
========================= */

.headerup + .gray-scroll-menu,
.gray-menu-hide {
	transform: translateY(-100%);
}

/* =========================
   RESPONSIVE
========================= */

@media (min-width: 1025px) {
	.gray-scroll-menu {
		display: none;
	}
}

/* =========================
   DESKTOP ACTIVE MENU STYLE
========================= */

/* Desktop only */
@media (min-width: 1025px) {

	.desktop-nav .main-menu > li > a {
		padding: 10px 14px;
		border-radius: 0px;
		transition: background 0.25s ease;
	}

	/* Active menu item */
	.desktop-nav .main-menu > li.current-menu-item > a,
	.desktop-nav .main-menu > li.current-menu-parent > a,
	.desktop-nav .main-menu > li.current-menu-ancestor > a {
		background-color: #ffffff40; /* REQUIRED COLOR */
	}

	/* Optional hover (matches active look) */
	.desktop-nav .main-menu > li > a:hover {
		background-color: #ffffff40;
	}
}

/* CSS Custom Code */

@media (max-width: 767px) {
	.hero-container {
		grid-template-columns: none;
	}
	.hero-left {
		display: block;
	}
	.video-grid {
		grid-template-columns: none;
	}
	.video-grid .video-box iframe {
		aspect-ratio: 16 / 9;
		height: auto;
	}
	.hero-wrapper {
		padding: 60px 0px 0 0px;
	}
}	

/* Focus India */
.home-strapline {
  background: #111;
  padding: 20px;
}

.strapline-container {
  max-width: 1200px;
/*  margin: auto;
  padding: 0 20px; */

  display: flex;
  align-items: center;
  gap: 20px;
}

/* LEFT */
.strapline-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.strapline-left h2 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.strapline-left h2 strong {
  font-weight: 700;
}

/* DIVIDER */
.strapline-divider {
  width: 1px;
  height: 30px;
  background: #2b2b2b;
}

/* RIGHT TEXT */
.strapline-text {
  color: #6B6B6B;
  font-size: 14px;
  margin: 0;
}

@media (max-width: 768px) {
  .strapline-container {
    flex-wrap: wrap;
    gap: 10px;
  }

  .strapline-divider {
    display: none;
  }

  .strapline-text {
    width: 100%;
  }
}