/**
 * UX4G Theme Custom Styles
 * Additional styles to complement the UX4G design system
 */

:root {
	/* UX4G Color Variables */
	--ux4g-primary: #00600B;
	--ux4g-secondary: #6c757d;
	--ux4g-success: #198754;
	--ux4g-danger: #dc3545;
	--ux4g-warning: #ffc107;
	--ux4g-info: #0dcaf0;
	--ux4g-light: #f8f9fa;
	--ux4g-dark: #212529;

	/* UX4G Spacing */
	--ux4g-spacer: 1rem;
	--ux4g-spacer-1: 0.25rem;
	--ux4g-spacer-2: 0.5rem;
	--ux4g-spacer-3: 1rem;
	--ux4g-spacer-4: 1.5rem;
	--ux4g-spacer-5: 3rem;

	/* UX4G Breakpoints */
	--ux4g-breakpoint-sm: 576px;
	--ux4g-breakpoint-md: 768px;
	--ux4g-breakpoint-lg: 992px;
	--ux4g-breakpoint-xl: 1200px;
	--ux4g-breakpoint-xxl: 1400px;

	/* UX4G Typography */
	--ux4g-font-family-base: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--ux4g-font-size-base: 1rem;
	--ux4g-line-height-base: 1.5;

	/* UX4G Border Radius */
	--ux4g-border-radius: 0.25rem;
	--ux4g-border-radius-sm: 0.2rem;
	--ux4g-border-radius-lg: 0.3rem;

	/* UX4G Shadows */
	--ux4g-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
	--ux4g-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	--ux4g-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
	--ux4g-shadow-xl: 0 2rem 4rem rgba(0, 0, 0, .2);
}

/* Global Styles */
body {
	font-family: var(--ux4g-font-family-base);
	font-size: var(--ux4g-font-size-base);
	line-height: var(--ux4g-line-height-base);
	color: var(--ux4g-dark);
	background-color: #fff;
}

a {
	color: #00600B;
	text-decoration: none;
}

a:hover {
	color: #00600B;
	text-decoration: none;
}

/* Top Bar */
.top-bar {
	border-bottom: 1px solid #dee2e6;
}

.top-bar .ux4g-accessibility-tools {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.top-bar .ux4g-accessibility-tools .btn {
	min-width: 36px;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

/* Accessibility improvements */
/* Accessibility improvements - Consolidated at the end of file */


/* Container styles */
.ux4g-container {
	width: 100%;
	padding-right: var(--ux4g-spacer-3);
	padding-left: var(--ux4g-spacer-3);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.ux4g-container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.ux4g-container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.ux4g-container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.ux4g-container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.ux4g-container {
		max-width: 1320px;
	}
}

/* WordPress Block Editor styles */
.wp-block {
	max-width: var(--wp--style--global--content-size);
}

.alignwide {
	max-width: var(--wp--style--global--wide-size);
}

.alignfull {
	max-width: none;
}

.alignfull {
	max-width: none;
}

/* WordPress Table Block - Approach: Separate tables for Desktop/Mobile */

/* Hide mobile-specific tables on desktop by default */
.mobile-table {
	display: none !important;
}

/* Responsive behavior */
@media (max-width: 782px) {
	/* Hide desktop-specific tables on mobile */
	.desktop-table {
		display: none !important;
	}

	/* Show mobile-specific tables on mobile */
	.mobile-table {
		display: block !important;
	}
}

/* Previous Table CSS - Commented Out per superior's request
@media (max-width: 782px) {
	.wp-block-table {
		overflow-x: auto;
		display: block;
		width: 100% !important;
		-webkit-overflow-scrolling: touch;
	}

	.wp-block-table table {
		width: 100% !important;
	}

	/* Prevent aggressive word breaking that "slices" text vertically */
	/* .wp-block-table td,
	.wp-block-table th {
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		padding: 10px 8px !important;
		font-size: 14px !important;
	}
} */

/* ==========================================================================
   UX4G Government Website Header Styles
   Following: https://doc.ux4g.gov.in/components/navbar.php
   ========================================================================== */

/* Site Logo */
.wp-block-site-logo img.custom-logo {
	min-height: 60px;
}

/* Accessibility Bar (header-top) */
.header-top {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e0e0e0;
	padding: 8px 0;
	font-size: 0.8125rem;
}

.header-top .goi a {
	color: #151515;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.header-top .goi a:hover {
	color: #00600B;
}

.header-top .goi strong {
	font-weight: 600;
}

/* Font Size Controls */
.font01 {
	background: transparent;
	border: 1px solid #ccc;
	padding: 2px 8px;
	margin: 0 2px;
	cursor: pointer;
	font-size: 13px;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.font01:hover,
.font01.active01 {
	background-color: #00600B;
	color: #fff;
	border-color: #00600B;
}

.partition {
	color: #ccc;
	margin: 0 8px;
}

/* Dark Mode Toggle */
.light_dark_icon {
	margin-right: 10px;
}

.light_dark_icon .checkbox-label {
	background-color: #333;
	width: 50px;
	height: 26px;
	border-radius: 50px;
	position: relative;
	padding: 5px;
	cursor: pointer;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
}

.light_dark_icon .checkbox-label .fa-moon {
	color: #f1c40f;
	font-size: 12px;
}

.light_dark_icon .checkbox-label .fa-sun {
	color: #f39c12;
	font-size: 12px;
}

.light_dark_icon .checkbox-label .ball {
	background-color: #fff;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 4px;
	top: 4px;
	border-radius: 50%;
	transition: transform 0.2s linear;
}

.light_dark_icon .light_mode:checked+.checkbox-label .ball {
	transform: translateX(24px);
}

.light_dark_icon .light_mode {
	opacity: 0;
	position: absolute;
}

/* Language Selector */
.language01 select {
	font-size: 13px;
	cursor: pointer;
	outline: none;
}

/* Main Header Area */
.header-area {
	background-color: #fff;
}

.header-area.header-white {
	background-color: #FFFEF0;
}

.header-area .nav_custom {
	gap: 16px;
}

.header-area .logo img {
	max-height: 50px;
	width: auto;
}

.header-area .custom-logo-link img {
	max-height: 50px;
	width: auto;
}

.ux4g-primary-nav .nav {
	gap: 1.5rem;
}

.ux4g-primary-nav .nav-link {
	font-weight: 500;
	color: var(--ux4g-dark);
	padding: 0.5rem 0;
	position: relative;
	transition: color 0.2s ease;
}

.ux4g-primary-nav .nav-link:hover {
	color: var(--ux4g-primary);
	text-decoration: none !important;
}

.ux4g-primary-nav .nav-item.active .nav-link,
.ux4g-primary-nav .nav-link[aria-current="page"] {
	color: var(--ux4g-primary);
}

/* Underline effect removed */

/* Enable hover dropdown for desktop */
@media all and (min-width: 992px) {
	.navbar .nav-item {
		position: relative;
	}

	.navbar .dropdown-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 9999;
		margin-top: 0;
		min-width: 13rem;
		border-radius: 4px;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
		border: 1px solid #e9ecef;
		padding: 0;
		background-color: #fff;
	}

	.navbar .nav-item.dropdown:hover>.dropdown-menu,
	.navbar .nav-item:hover>.dropdown-menu {
		display: block;
	}

	.navbar .dropdown-item {
		padding: 12px 20px;
		font-size: 0.875rem;
		border-bottom: 1px solid #f1f1f1;
		transition: all 0.2s ease;
		color: #151515;
		font-weight: 500;
	}

	.navbar .dropdown-item:last-child {
		border-bottom: none;
	}

	.navbar .dropdown-item:hover,
	.navbar .dropdown-item:focus {
		background-color: #f8f9fa;
		color: #00600B;
	}
}

/* Site Header (for block templates) */
.site-header {
	background-color: var(--ux4g-light);
	border-bottom: 1px solid #dee2e6;
}

/* ==========================================================================
   UX4G Breadcrumb Bar Styles
   ========================================================================== */
.ux4g-breadcrumb-bar {
	background-color: #f8f9fa;
	border-bottom: 1px solid #e9ecef;
	margin-block-start: 0 !important;
}

.ux4g-breadcrumb-bar>* {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto !important;
	margin-right: auto !important;
}

.ux4g-breadcrumb-bar .breadcrumb {
	background-color: transparent;
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	height: 20px;
}

.ux4g-breadcrumb-bar .breadcrumb-item {
	display: flex;
	align-items: center;
}

.ux4g-breadcrumb-bar .breadcrumb-item a {
	color: #727272;
	text-decoration: none;
}

.ux4g-breadcrumb-bar .breadcrumb-item a:hover {
	color: #00600B;
	text-decoration: underline;
}

.ux4g-breadcrumb-bar .breadcrumb-item.active {
	color: #727272;
	font-weight: 400;
}

.ux4g-breadcrumb-bar .breadcrumb-item+.breadcrumb-item {
	padding-left: 8px;
	/* gap 8 */
}

.ux4g-breadcrumb-bar .breadcrumb-item+.breadcrumb-item::before {
	content: "/";
	color: #727272;
	padding-right: 8px;
	/* gap 8 */
}

/* UX4G Navigation Bar - White */
.ux4g-nav-bar {
	background-color: #fff;
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
}

.ux4g-nav-bar .ux4g-main-nav {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ux4g-nav-bar .nav-item {
	position: relative;
}

.ux4g-nav-bar .nav-link {
	display: block;
	color: #151515;
	font-size: 0.875rem;
	font-weight: 500;
	padding: 12px 16px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
	border-right: 1px solid #e9ecef;
}

.ux4g-nav-bar .nav-link:hover,
.ux4g-nav-bar .nav-link:focus {
	background-color: transparent;
	color: #00600B;
	text-decoration: none !important;
}

.ux4g-nav-bar .nav-item.active .nav-link,
.ux4g-nav-bar .nav-link[aria-current="page"] {
	background-color: #f8f9fa;
	color: #00600B;
	font-weight: 600;
}

/* Dropdown arrow for menu items with children */
.ux4g-nav-bar .menu-item-has-children>.nav-link::after {
	content: '▾';
	margin-left: 4px;
	font-size: 0.7em;
}

/* Block editor navigation styles */
.ux4g-main-navigation {
	padding: 0;
}

.ux4g-main-navigation .wp-block-navigation-item__content {
	color: #151515 !important;
	padding: 12px 16px;
	font-size: 0.875rem;
}

.ux4g-main-navigation .wp-block-navigation-item__content:hover {
	background-color: transparent;
	color: #00600B !important;
	text-decoration: none !important;
}

.ux4g-main-navigation .current-menu-item>.wp-block-navigation-item__content,
.ux4g-main-navigation .current-menu-ancestor>.wp-block-navigation-item__content,
.ux4g-main-navigation .current-menu-parent>.wp-block-navigation-item__content,
.ux4g-main-navigation .current_page_item>.wp-block-navigation-item__content,
.ux4g-main-navigation .current_page_ancestor>.wp-block-navigation-item__content,
.ux4g-main-navigation .current_page_parent>.wp-block-navigation-item__content,
.ux4g-main-navigation .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
.ux4g-main-navigation .wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content,
.ux4g-main-navigation .wp-block-navigation-item.current-menu-parent>.wp-block-navigation-item__content,
.ux4g-main-navigation .wp-block-navigation-item--current>.wp-block-navigation-item__content {
	color: #00600B !important;
	font-weight: 600;
}

/* UX4G Newsletter Section */
.ux4g-newsletter-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.ux4g-newsletter-section .form-control:focus {
	border-color: var(--ux4g-primary);
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

/* UX4G Footer Styles - White Background */
.ux4g-main-footer {
	background-color: #fff;
}

/* Force equal spacing between footer columns */
.ux4g-main-footer .wp-block-columns {
	justify-content: space-between !important;
	gap: 20px !important;
}

/* Set equal column widths for middle categories */
.ux4g-main-footer .wp-block-columns>.wp-block-column {
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
}

/* First column - Logo */
.ux4g-main-footer .wp-block-columns>.wp-block-column:first-child {
	flex-basis: 18% !important;
}

/* Middle columns - Categories */
.ux4g-main-footer .wp-block-columns>.wp-block-column:nth-child(2),
.ux4g-main-footer .wp-block-columns>.wp-block-column:nth-child(3),
.ux4g-main-footer .wp-block-columns>.wp-block-column:nth-child(4),
.ux4g-main-footer .wp-block-columns>.wp-block-column:nth-child(5) {
	flex-basis: 12% !important;
}

/* Last column - NeGD */
.ux4g-main-footer .wp-block-columns>.wp-block-column:last-child {
	flex-basis: 18% !important;
}

/* Ensure first column aligns at top */
.ux4g-main-footer .wp-block-columns>.wp-block-column:first-child {
	align-self: flex-start;
}

.ux4g-main-footer .wp-block-columns>.wp-block-column:first-child>.wp-block-group:first-child {
	margin-top: 0;
	align-items: flex-start;
}

/* Remove default margins from site logo in footer */
.ux4g-main-footer .wp-block-site-logo {
	margin: 0;
}

.ux4g-main-footer .wp-block-columns>.wp-block-column:first-child .is-layout-flex {
	align-items: flex-start;
}

/* Description/tagline text */
.ux4g-main-footer>.wp-block-columns>.wp-block-column:first-child>p {
	color: #151515 !important;
	font-size: 14px !important;
	line-height: 20px !important;
}

/* Category headings (Category 1, 2, 3, 4) */
.ux4g-main-footer h6 {
	color: #151515 !important;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 1rem;
	text-align: left;
}

.ux4g-main-footer .footer-links {
	text-align: left;
	list-style: none;
	padding: 0;
}

.ux4g-main-footer .footer-links li {
	margin-bottom: 0.5rem;
}

.ux4g-main-footer .footer-links a,
.ux4g-footer-navigation .wp-block-navigation-item__content,
.ux4g-secondary-navigation .wp-block-navigation-item__content {
	color: #4E5F61 !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	vertical-align: middle;
	text-decoration: none;
	transition: color 0.2s ease;
}

.ux4g-main-footer .footer-links a:hover,
.ux4g-footer-navigation .wp-block-navigation-item__content:hover,
.ux4g-secondary-navigation .wp-block-navigation-item__content:hover {
	color: #00600B !important;
}

.ux4g-footer-navigation .wp-block-navigation-item,
.ux4g-secondary-navigation .wp-block-navigation-item {
	margin-bottom: 0px !important;
}

.ux4g-footer-navigation ul,
.ux4g-secondary-navigation ul {
	gap: 8px !important;
}

/* Social Icon Circles */
.social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #6c757d;
	color: #fff;
	font-size: 14px;
	transition: background-color 0.2s ease;
}

.social-icon:hover {
	background-color: #00600B;
	color: #fff;
}

/* NeGD Branding */
.negd-branding {
	text-align: left !important;
}

.negd-branding img {
	max-height: 50px;
	width: auto;
}

.ux4g-main-footer .social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	transition: background 0.2s ease;
}

.ux4g-main-footer .social-links a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.ux4g-copyright-bar {
	background-color: var(--ux4g-dark);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Site Footer (for block templates) */
.site-footer {
	background-color: var(--ux4g-dark);
	color: #fff;
}

.site-footer a {
	color: var(--ux4g-info);
}

.site-footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Footer navigation in block editor */
.footer-navigation .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.6) !important;
}

.footer-navigation .wp-block-navigation-item__content:hover {
	color: #fff !important;
}

/* Responsive utilities */
@media (max-width: 575.98px) {
	.d-sm-none {
		display: none !important;
	}
}

/* Dark Mode Styles */
html.dark-mode {
	--wp--preset--color--white: #212529;
	--wp--preset--color--dark: #f8f9fa;
	--wp--preset--color--light: #343a40;
	--wp--preset--color--secondary: #adb5bd;

	--ux4g-white: #212529;
	--ux4g-dark: #f8f9fa;
	--ux4g-light: #343a40;
	--ux4g-secondary: #adb5bd;

	background-color: var(--ux4g-dark);
	color: var(--ux4g-light);
}

html.dark-mode .site-header {
	background-color: var(--ux4g-dark);
}

html.dark-mode .site-footer {
	background-color: var(--ux4g-dark);
	color: var(--ux4g-light);
}

html.dark-mode .wp-block-group.top-bar {
	border-bottom-color: var(--ux4g-light);
}

html.dark-mode .wp-block-separator {
	background-color: var(--ux4g-light);
}

html.dark-mode a {
	color: var(--ux4g-info);
	/* Use a contrasting color for links in dark mode */
}

html.dark-mode .wp-block-button__link {
	filter: invert(1) hue-rotate(180deg);
	/* Simple inversion for buttons */
}
/* text align for imp link page */
.wp-block-table table.has-fixed-layout {
    text-align: left;
}
/* text align for imp link page end */
/* project detail page max width and height */
figure.ux4g-gallery-item img.ux4g-gallery-img,
figure.ux4g-gallery-item figcaption.ux4g-gallery-caption
{
    max-width: 390px !important;
	max-height: 200px !important;
	object-fit: cover;
}

@media (max-width: 768px) {
	.d-md-none {
		display: none !important;
	}

	.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
		margin-bottom: 12px;
	}
}

@media (max-width: 992px) {
	.d-lg-none {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.d-xl-none {
		display: none !important;
	}
	/* Hide TOC on mobile */
	.ux4g-toc-card {
		display: none !important;
	}
	figure.ux4g-gallery-item img.ux4g-gallery-img {
		width: auto !important;
		height: auto !important;
	}
}

@media (max-width: 1400px) {
	.d-xxl-none {
		display: none !important;
	}
}

/* Print styles for government documents */
@media print {
	.no-print {
		display: none !important;
	}

	.site-header,
	.site-footer,
	.navigation {
		display: none !important;
	}

	body {
		font-size: 12pt;
		line-height: 1.5;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}
}

/* FAQ Section Background */
.ux4g-faq-section {
	background-color: #FFFEF0;
}

/* ==========================================================================
   About TRI GOA Section Styles
   ========================================================================== */
.ux4g-about-tri-section .about-tri-left-image,
.ux4g-about-tri-section .about-tri-right-image {
	flex-shrink: 0 !important;
	min-width: 180px !important;
	max-width: 200px !important;
}

.ux4g-about-tri-section .about-tri-left-image img,
.ux4g-about-tri-section .about-tri-right-image img {
	width: 180px !important;
	height: 280px !important;
	object-fit: cover !important;
}

/* About TRI Heading - Width constraint for natural text wrapping */
.about-tri-heading {
	max-width: 684px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* About TRI Description - Width constraint for natural text wrapping */
.about-tri-description {
	max-width: 718px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* About TRI Button Styles */
.ux4g-about-tri-btn {
	border-radius: 50px !important;
	padding: 12px 20px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
}

/* About TRI GOA Section - Desktop Styles */
@media (min-width: 992px) {
	.ux4g-about-tri-section>.wp-block-group {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.ux4g-about-tri-section>.wp-block-group>.wp-block-group {
		justify-items: center;
	}

	.ux4g-about-tri-section .about-tri-description {
		width: 70%;
	}
}

/* ==========================================================================
   About Publication Section Styles
   ========================================================================== */
.ux4g-about-publication-section .publication-item {
	box-shadow: 0px 24px 48px -12px rgba(33, 33, 33, 0.18);
	border-radius: 12px !important;
	flex: 1 1 0 !important;
}

.ux4g-about-publication-section .publication-item p {
	white-space: nowrap;
}

.ux4g-about-publication-section .publication-item .wp-block-image {
	flex-shrink: 0;
}

/* ==========================================================================
   Home CTA Section Styles
   ========================================================================== */
.ux4g-home-cta-inner {
	background-image: url('../imgs/cta-bg.png');
	background-size: cover;
	background-position: center;
	transform: scaleX(-1);
	position: relative;
	min-height: 300px;
	padding-left: 20px;
	padding-right: 20px;
}

.ux4g-home-cta-inner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.35);
	z-index: 1;
	pointer-events: none;
}

.ux4g-home-cta-content {
	transform: scaleX(-1);
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: inherit;
}

.ux4g-home-cta-form-wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
}

/* Input + Button Container */
.ux4g-home-cta-input-wrapper {
	display: flex;
	align-items: center;
	background: rgba(60, 60, 60, 0.58);
	border-radius: 12px;
	padding: 8px 8px 8px 24px;
	gap: 12px;
}

.ux4g-home-cta-input-wrapper input[type="email"] {
	flex: 1;
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	color: #A2A2A2;
	min-width: 200px;
}

.ux4g-home-cta-input-wrapper input[type="email"]::placeholder {
	color: #A2A2A2;
}

.ux4g-home-cta-input-wrapper .btn {
	background: #fff;
	color: #140606;
	border-radius: 50px;
	padding: 14px 32px;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	white-space: nowrap;
	cursor: pointer;
}

/* CTA Subscribe Button with Arrow */
.ux4g-cta-subscribe-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	color: #140606;
	padding: 14px 32px;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.ux4g-cta-subscribe-btn:hover {
	background: #f0f0f0;
	color: #140606;
}

.ux4g-cta-subscribe-btn img {
	width: 20px;
	height: 20px;
}

/* ==========================================================================
   Journal Info Section Styles
   ========================================================================== */
.ux4g-journal-info-section {
	background-color: #fff;
}

.ux4g-journal-info-section>.wp-block-group {
	gap: 24px;
}

.ux4g-journal-info-section .journal-info-card {
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.ux4g-journal-info-section .journal-info-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: #00600B !important;
}

.ux4g-journal-info-section .journal-info-card a {
	transition: transform 0.2s ease;
}

.ux4g-journal-info-section .journal-info-card:hover a {
	transform: translateX(4px);
}

/* Badge styling to match design */
.ux4g-journal-info-section .wp-block-ux4g-badge {
	font-size: 12px;
	padding: 4px 12px;
}

/* Fix calendar icon and text alignment */
.ux4g-journal-info-section .journal-info-card .wp-block-image {
	margin: 0;
	display: flex;
	align-items: center;
}

.ux4g-journal-info-section .journal-info-card .wp-block-image figure,
.ux4g-journal-info-section .journal-info-card figure.wp-block-image {
	margin: 0;
	display: flex;
	align-items: center;
}

.ux4g-journal-info-section .journal-info-card .wp-block-image img {
	display: block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.ux4g-journal-info-section>.wp-block-group {
		grid-template-columns: 1fr !important;
	}
}

/* ==========================================================================
   Photo & Video Gallery Section Styles
   ========================================================================== */
.ux4g-photo-video-gallery-section {
	background-color: #ffffff;
}

.ux4g-photo-video-gallery-section .wp-block-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 4/3;
}

/* Responsive adjustments for gallery grid */
@media (max-width: 768px) {
	.ux4g-photo-video-gallery-section .wp-block-group[style*="grid"] {
		grid-template-columns: 1fr 1fr !important;
	}
}

@media (max-width: 480px) {
	.ux4g-photo-video-gallery-section .wp-block-group[style*="grid"] {
		grid-template-columns: 1fr !important;
	}
}

/* ==========================================================================
   Gallery Lightbox Styles
   ========================================================================== */
.ux4g-photo-video-gallery-section img {
	cursor: pointer;
	transition: transform 0.2s ease;
}

.ux4g-photo-video-gallery-section img:hover {
	transform: scale(1.02);
}

.ux4g-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.ux4g-lightbox-overlay.active {
	opacity: 1;
	visibility: visible;
}

.ux4g-lightbox-image {
	max-width: 85%;
	max-height: 85vh;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 4px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
	transition: transform 0.3s ease;
}

.ux4g-lightbox-overlay.active .ux4g-lightbox-image {
	transform: scale(1);
}

.ux4g-lightbox-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.2s ease;
	z-index: 10001;
}

.ux4g-lightbox-close:hover {
	background: rgba(255, 255, 255, 0.3);
}

.ux4g-lightbox-close::before,
.ux4g-lightbox-close::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #fff;
}

.ux4g-lightbox-close::before {
	transform: rotate(45deg);
}

.ux4g-lightbox-close::after {
	transform: rotate(-45deg);
}

.ux4g-lightbox-prev,
.ux4g-lightbox-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 24px;
	transition: background 0.2s ease;
	z-index: 10001;
	user-select: none;
}

.ux4g-lightbox-prev:hover,
.ux4g-lightbox-next:hover {
	background: rgba(255, 255, 255, 0.3);
}

.ux4g-lightbox-prev {
	left: 20px;
}

.ux4g-lightbox-next {
	right: 20px;
}

/* ==========================================================================
   UX4G Accessibility Widget Overrides
   ========================================================================== */
/* Floating accessibility icon button */
#uw-widget-custom-trigger,
.uw-widget-custom-trigger {
	background-color: #00600B !important;
}

/* Modal header panel */
.second-panel {
	background-color: #00600B !important;
}

/* ==========================================================================
   Footer Social Icons - Outlined Style
   ========================================================================== */
.footer-social-icons.wp-block-social-links {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 0 !important;
	margin: 16px 0 0 0 !important;
}

.footer-social-icons.wp-block-social-links li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.footer-social-icons.wp-block-social-links .wp-social-link {
	background-color: transparent !important;
	border: 1.5px solid #00600B !important;
	border-radius: 50% !important;
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	padding: 0 !important;
}

.footer-social-icons.wp-block-social-links .wp-social-link svg {
	fill: #00600B !important;
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
}

.footer-social-icons.wp-block-social-links .wp-social-link:hover {
	background-color: #00600B !important;
}

.footer-social-icons.wp-block-social-links .wp-social-link:hover svg {
	fill: #ffffff !important;
}

/* ==========================================================================
   UX4G Contact Form Section Styles
   ========================================================================== */
.ux4g-contact-form-section {
	background-color: #ffffff;
}

.ux4g-contact-form-card {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Contact Form 7 - Complete Reset & Compact Styling */
.ux4g-contact-form-card .wpcf7 {
	margin: 0 !important;
	padding: 0 !important;
}

.ux4g-contact-form-card .wpcf7-form {
	margin: 0 !important;
	padding: 0 !important;
}

/* Reset all paragraph wrapping in CF7 - TIGHT spacing */
.ux4g-contact-form-card .wpcf7-form p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}

/* Spacing between form groups (label + input pairs) */
.ux4g-contact-form-card .wpcf7-form p+p {
	margin-top: 10px !important;
}

/* Form Labels - Sit right above input */
.ux4g-contact-form-card .wpcf7-form label {
	display: block !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #060101 !important;
	margin: 0 !important;
	padding: 0 0 2px 0 !important;
	text-decoration: none !important;
	line-height: 1.3 !important;
}

/* Form Inputs - Compact Text & Email */
.ux4g-contact-form-card .wpcf7-form input[type="text"],
.ux4g-contact-form-card .wpcf7-form input[type="email"],
.ux4g-contact-form-card .wpcf7-form-control.wpcf7-text,
.ux4g-contact-form-card .wpcf7-form-control.wpcf7-email {
	display: block !important;
	width: 100% !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	color: #4E5F61 !important;
	background-color: #ffffff !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
	outline: none !important;
	margin: 2px 0 0 0 !important;
	box-sizing: border-box !important;
	height: auto !important;
	line-height: 1.4 !important;
}

.ux4g-contact-form-card .wpcf7-form input[type="text"]::placeholder,
.ux4g-contact-form-card .wpcf7-form input[type="email"]::placeholder {
	color: #4E5F61 !important;
	opacity: 1 !important;
}

.ux4g-contact-form-card .wpcf7-form input[type="text"]:focus,
.ux4g-contact-form-card .wpcf7-form input[type="email"]:focus {
	border-color: #060101 !important;
	color: #060101 !important;
	box-shadow: none !important;
}

/* Form Textarea - Compact */
.ux4g-contact-form-card .wpcf7-form textarea,
.ux4g-contact-form-card .wpcf7-form-control.wpcf7-textarea {
	display: block !important;
	width: 100% !important;
	min-height: 60px !important;
	max-height: 100px !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	color: #4E5F61 !important;
	background-color: #ffffff !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
	outline: none !important;
	resize: vertical !important;
	font-family: inherit !important;
	margin: 2px 0 0 0 !important;
	box-sizing: border-box !important;
	line-height: 1.4 !important;
}

.ux4g-contact-form-card .wpcf7-form textarea::placeholder {
	color: #4E5F61 !important;
	opacity: 1 !important;
}

.ux4g-contact-form-card .wpcf7-form textarea:focus {
	border-color: #060101 !important;
	color: #060101 !important;
	box-shadow: none !important;
}

/* Form Control Wrapper - No extra margin */
.ux4g-contact-form-card .wpcf7-form-control-wrap {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Character Counter */
.ux4g-contact-form-card .wpcf7-character-count {
	display: block !important;
	text-align: right !important;
	font-size: 11px !important;
	color: #9E9E9E !important;
	margin: 2px 0 0 0 !important;
}

/* Submit Button - Black Pill */
.ux4g-contact-form-card .wpcf7-form input[type="submit"],
.ux4g-contact-form-card .wpcf7-form .wpcf7-submit {
	display: block !important;
	width: 100% !important;
	padding: 10px 20px !important;
	margin: 8px 0 0 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	color: #ffffff !important;
	background-color: #1A1A1A !important;
	border: none !important;
	border-radius: 50px !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
}

.ux4g-contact-form-card .wpcf7-form input[type="submit"]:hover {
	background-color: #333333 !important;
}

/* Validation Messages */
.ux4g-contact-form-card .wpcf7-not-valid-tip {
	font-size: 11px !important;
	color: #dc3545 !important;
	margin-top: 2px !important;
}

.ux4g-contact-form-card .wpcf7-response-output {
	margin: 8px 0 0 0 !important;
	padding: 8px 12px !important;
	border-radius: 4px !important;
	font-size: 12px !important;
}

.ux4g-contact-form-card .wpcf7-mail-sent-ok {
	background-color: #d4edda !important;
	border-color: #c3e6cb !important;
	color: #155724 !important;
}

.ux4g-contact-form-card .wpcf7-validation-errors {
	background-color: #f8d7da !important;
	border-color: #f5c6cb !important;
	color: #721c24 !important;
}

/* Google Maps Container - Equal Height with Form */
.ux4g-contact-map {
	overflow: hidden;
	display: flex !important;
	flex-direction: column !important;
}

.ux4g-contact-map>.wp-block-ux4g-google-maps {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
}

.ux4g-contact-map .ux4g-google-maps-container {
	flex: 1 !important;
}

.ux4g-contact-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 8px;
}

/* Equal height columns for contact section */
.ux4g-contact-form-section>.wp-block-group>.wp-block-group {
	align-items: stretch !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
}

/* Form and Map cards - 50-50% width */
.ux4g-contact-form-section .ux4g-contact-form-card,
.ux4g-contact-form-section .ux4g-contact-map {
	flex: 0 0 calc(50% - 12px) !important;
	width: calc(50% - 12px) !important;
	max-width: calc(50% - 12px) !important;
	box-sizing: border-box !important;
}

.ux4g-contact-form-section .wp-block-group[style*="flexSize"] {
	display: flex !important;
	flex-direction: column !important;
	flex: 0 0 calc(50% - 12px) !important;
	width: calc(50% - 12px) !important;
	max-width: calc(50% - 12px) !important;
	box-sizing: border-box !important;
}

/* Responsive Styles */
@media (max-width: 992px) {

	.ux4g-contact-form-section .wp-block-group[style*="flexSize"],
	.ux4g-contact-form-section .ux4g-contact-form-card,
	.ux4g-contact-form-section .ux4g-contact-map {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}

	.ux4g-contact-map {
		margin-top: 24px;
	}
}

/* ==========================================================================
   Contact Us Page - Equal Width Sections
   ========================================================================== */
/* Ensure flex container layout for contact page sections */
.ux4g-contact-us-page .wp-block-group[style*="justify-content"] {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
}

/* Contact form and map cards - equal width */
.ux4g-contact-form-wrapper,
.ux4g-contact-map-wrapper {
	flex: 0 0 calc(50% - 12px) !important;
	width: calc(50% - 12px) !important;
	max-width: calc(50% - 12px) !important;
	box-sizing: border-box !important;
}

/* Contact details section - equal width cards */
.ux4g-contact-us-page>.wp-block-group>.wp-block-group>.wp-block-group.has-border-color {
	flex: 0 0 calc(50% - 12px) !important;
	width: calc(50% - 12px) !important;
	max-width: calc(50% - 12px) !important;
	box-sizing: border-box !important;
}

/* Contact Us Page Responsive */
@media (max-width: 992px) {

	.ux4g-contact-form-wrapper,
	.ux4g-contact-map-wrapper,
	.ux4g-contact-us-page>.wp-block-group>.wp-block-group>.wp-block-group.has-border-color {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}
}

/* ==========================================================================
   Research Projects & Tribal Development Section Styles
   ========================================================================== */
.ux4g-research-tribal {
	position: relative;
}

/* Left decorative SVG */
.ux4g-research-tribal::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 280px;
	background-image: url('../imgs/left.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	pointer-events: none;
	z-index: 1;
}

/* Right decorative SVG */
.ux4g-research-tribal::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 280px;
	background-image: url('../imgs/right.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	pointer-events: none;
	z-index: 1;
}

.ux4g-research-tribal .research-stat-card {
	background-color: #ffffff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
	flex: 1 1 0 !important;
	min-width: 180px;
	width: 100%;
}

.ux4g-research-tribal .research-center-image {
	width: 60%;
	background-image: url('../imgs/bg-full.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
}

.ux4g-research-tribal .research-center-image .wp-block-image {
	border-radius: 0 !important;
	overflow: visible !important;
}

.ux4g-research-tribal .research-center-image .wp-block-image img {
	border-radius: 0 !important;
	max-width: 100%;
	height: auto;
}

/* Hide decorative SVGs on smaller screens and fix responsive layout */
@media (max-width: 992px) {

	.ux4g-research-tribal::before,
	.ux4g-research-tribal::after {
		display: none;
	}

	/* Reduce heading font size on mobile - override UX4G base styles */
	body .ux4g-research-tribal h2.wp-block-heading,
	body .ux4g-research-tribal .wp-block-column h2.has-text-color,
	body .ux4g-research-tribal h2[style*="font-size"] {
		font-size: 24px !important;
		line-height: 1.3 !important;
		text-align: center !important;
	}

	/* Stack the flex container vertically on mobile */
	.ux4g-research-tribal .alignwide.wp-block-group {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		gap: 32px !important;
	}

	/* Show the center image on mobile with background */
	.ux4g-research-tribal .research-center-image {
		width: 100% !important;
		order: -1 !important;
		margin-bottom: 24px;
		min-height: 280px;
		background-size: contain !important;
		background-position: center !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ux4g-research-tribal .research-center-image img {
		max-width: 200px !important;
		margin: 0 auto;
		display: block;
	}

	/* Make stat card parent groups display as 2-column grid on mobile */
	.ux4g-research-tribal .wp-block-group[style*="flexSize"],
	.ux4g-research-tribal>.wp-block-group>.wp-block-group.alignwide>.wp-block-group:not(.research-center-image):not(.research-stat-card) {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
		box-sizing: border-box !important;
	}

	/* Stat cards in 2-column grid on mobile */
	.ux4g-research-tribal .research-stat-card {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		padding: 24px 16px !important;
		min-height: auto !important;
	}

	/* Stat card text styles */
	.ux4g-research-tribal .research-stat-card h3 {
		font-size: 24px !important;
		margin-bottom: 8px !important;
	}

	.ux4g-research-tribal .research-stat-card p {
		font-size: 12px !important;
		line-height: 1.4 !important;
		margin: 0 !important;
	}

	/* Main flex container - stack groups vertically but show cards in 2 columns */
	.ux4g-research-tribal .alignwide.wp-block-group:not(.research-center-image) {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		padding: 0 16px !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	/* Combine all stat cards into a unified 2-column grid */
	.ux4g-research-tribal .alignwide.wp-block-group>.wp-block-group:not(.research-center-image) {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Move center image to top */
	.ux4g-research-tribal .research-center-image {
		order: -1 !important;
		width: 100% !important;
	}

	/* Remove default WordPress group padding that causes overflow */
	/* Override :where(.wp-block-group.has-background) from theme.min.css */
	.ux4g-research-tribal .wp-block-group.has-background,
	.ux4g-research-tribal.has-background,
	body .ux4g-research-tribal .wp-block-group.has-background,
	.wp-block-group.has-background.research-stat-card {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Keep internal padding on stat cards only */
	.ux4g-research-tribal .research-stat-card {
		padding: 24px 16px !important;
	}
}

/* ==========================================================================
   RTI (Right To Information) Pattern Styles
   Pattern: ux4g-theme/rti
   ========================================================================== */

/* RTI Section Container */
.ux4g-rti-section {
	position: relative;
	overflow: hidden;
}

/* Decorative curve on the right */
.ux4g-rti-section::after {
	content: '';
	position: absolute;
	right: 0;
	top: 38%;
	transform: translateY(-50%);
	width: 100%;
	height: 400px;
	background-image: url('../images/rti-curve.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	pointer-events: none;
	z-index: 0;
}

/* RTI Button styling */
.ux4g-rti-button .wp-block-button__link {
	background-color: #ffffff !important;
	color: #100404 !important;
	border-radius: 50px !important;
	padding: 12px 28px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0.5px !important;
	border: none !important;
	transition: all 0.3s ease !important;
}

.ux4g-rti-button .wp-block-button__link:hover {
	background-color: #f0f0f0 !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

/* Image grid layout - flex row with small images div and large image div */
.ux4g-rti-image-grid {
	display: flex !important;
	flex-direction: row !important;
	gap: 20px !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative;
	z-index: 1;
}

/* Small images container - stacked vertically */
.ux4g-rti-small-images {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

/* Large image wrapper */
.ux4g-rti-large-image-wrapper {
	display: flex;
	align-items: center;
}

.ux4g-rti-image-large {
	margin: 0 !important;
}

/* RTI image styling */
.ux4g-rti-image {
	margin: 0 !important;
}

.ux4g-rti-image img {
	border-radius: 15px !important;
	object-fit: cover !important;
	height: 173px !important;
	width: 259px !important;
}

.ux4g-rti-image-large img {
	border-radius: 17px !important;
	object-fit: cover !important;
	height: 364px !important;
	width: 266px !important;
}

/* RTI Mobile Carousel - Hidden by default (desktop) */
.ux4g-rti-mobile-only {
	display: none !important;
}

/* RTI Pattern Responsive Design */
@media (max-width: 992px) {
	.ux4g-rti-section {
		padding: 60px 24px !important;
	}

	.ux4g-rti-section .wp-block-columns {
		flex-direction: column !important;
		gap: 40px !important;
	}

	.ux4g-rti-section .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}

	.ux4g-rti-image-grid {
		justify-content: center !important;
	}

	.ux4g-rti-section::after {
		display: none;
	}
}

@media (max-width: 768px) {
	.ux4g-rti-section {
		padding: 40px 16px !important;
		text-align: center !important;
	}

	.ux4g-rti-section h2 {
		font-size: 1.75rem !important;
		text-align: center !important;
	}

	.ux4g-rti-section p {
		text-align: center !important;
	}

	.ux4g-rti-section .wp-block-buttons {
		justify-content: center !important;
	}

	.ux4g-rti-section .wp-block-column {
		text-align: center !important;
	}

	/* RTI Desktop/Mobile Visibility */
	.ux4g-rti-desktop-only {
		display: none !important;
	}

	.ux4g-rti-mobile-only {
		display: block !important;
	}

	/* RTI Mobile Carousel Styling */
	.ux4g-rti-mobile-only .carousel-item img {
		width: 100%;
		height: 250px;
		object-fit: cover;
		border-radius: 15px;
	}

	.ux4g-rti-mobile-only .carousel-indicators {
		bottom: -35px;
	}

	.ux4g-rti-mobile-only .carousel-indicators button {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0.5);
		border: none;
	}

	.ux4g-rti-mobile-only .carousel-indicators button.active {
		background-color: #ffffff;
	}

	.ux4g-rti-mobile-only .carousel-control-prev-icon,
	.ux4g-rti-mobile-only .carousel-control-next-icon {
		background-color: rgba(255, 255, 255, 0.3);
		border-radius: 50%;
		padding: 15px;
	}

	/* RTI Slide Image Styling */
	.ux4g-rti-slide-image img {
		width: 100%;
		height: 250px;
		object-fit: cover;
		border-radius: 15px;
	}
}

/* ==========================================================================
   Carousel Hide Text - Hides text content inside carousel slides
   ========================================================================== */
.carousel-hide-text .carousel-item h1,
.carousel-hide-text .carousel-item h2,
.carousel-hide-text .carousel-item h3,
.carousel-hide-text .carousel-item h4,
.carousel-hide-text .carousel-item h5,
.carousel-hide-text .carousel-item h6,
.carousel-hide-text .carousel-item p,
.carousel-hide-text .carousel-item .ux4g-tribal-slide-content {
	display: none !important;
}



/* ==========================================================================
   Homepage Banner Pattern Styles
   Pattern: ux4g-theme/home-page-banner
   ========================================================================== */

/* Homepage Banner Section */
.ux4g-homepage-banner {
	position: relative;
	overflow: hidden;
	padding: 0 !important;
	/* Remove default padding */
	margin: 0 !important;
	/* 	padding-bottom: 20px !important; */
}

.ux4g-homepage-banner .carousel {
	cursor: grab;
}

.ux4g-homepage-banner .carousel.is-dragging {
	cursor: grabbing;
}

/* Banner Slides - Full Viewport Height */
.ux4g-banner-slide {
	min-height: 100vh !important;
	height: 100vh !important;
	/* Force height */
	position: relative;
}

/* ==========================================================================
   Custom Banner Overlay - Teal (#01444A at 10%) + Black gradient (0% to 60%)
   Using ::before on wp-block-cover (inside the cover block for proper stacking)
   ========================================================================== */

/* Create overlay using ::before on the wp-block-cover element */
.ux4g-homepage-banner .carousel-item .wp-block-cover::before,
#homepage-banner-carousel .carousel-item .wp-block-cover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%),
		rgba(1, 68, 74, 0.1);
	z-index: 1;
	pointer-events: none;
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40, 
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, 
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, 
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
   opacity: 0!important;
}

/* Ensure image stays behind overlay */
.ux4g-homepage-banner .carousel-item .wp-block-cover img,
#homepage-banner-carousel .carousel-item .wp-block-cover img {
	z-index: 0 !important;
}

/* Ensure inner content stays ABOVE the overlay (overlay is z-index: 1) */
.ux4g-homepage-banner .carousel-item .wp-block-cover__inner-container,
#homepage-banner-carousel .carousel-item .wp-block-cover__inner-container {
	position: relative !important;
	z-index: 2 !important;
	width: 100%;
	max-width: 100%;
}

/* Carousel Controls (Hidden) */
/* .carousel-control-prev, .carousel-control-next are hidden via block settings */

/* Carousel Indicators - Dash Style */
.ux4g-homepage-banner .carousel-indicators {
	bottom: 120px;
	margin-bottom: 0;
	gap: 15px;
}

.ux4g-homepage-banner .carousel-indicators [data-bs-target] {
	width: 50px;
	height: 4px;
	border-radius: 0;
	background-color: #ffffff;
	border: none;
	opacity: 0.5;
	transition: opacity 0.3s ease;
	margin: 0;
	padding: 0;
	text-indent: -999px;
}

.ux4g-homepage-banner .carousel-indicators .active {
	opacity: 1;
	width: 50px;
	background-color: #ffffff;
	border-radius: 0;
}

/* Scroll Indicator */
.ux4g-scroll-indicator {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ux4g-scroll-indicator .scroll-wave-bg {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: auto;
	z-index: 1;
}

.ux4g-scroll-indicator .scroll-down-button {
	bottom: 5px;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background-color: #ffffff;
	border: 2px solid #d1d5db;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ux4g-scroll-indicator .scroll-down-button:hover {
	background-color: #f9fafb;
	border-color: #9ca3af;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-10px);
	}

	60% {
		transform: translateY(-5px);
	}
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	.ux4g-homepage-banner .carousel-indicators {
		bottom: 80px;
	}

	/* Reduce font sizes for mobile - more specific selectors */
	.ux4g-homepage-banner .ux4g-banner-slide h1,
	.ux4g-homepage-banner .ux4g-banner-slide h1.wp-block-heading,
	.ux4g-homepage-banner .ux4g-banner-slide h1.has-display-4-font-size {
		font-size: 24px !important;
		line-height: 1.15 !important;
	}

	.ux4g-homepage-banner .ux4g-banner-slide p,
	.ux4g-homepage-banner .ux4g-banner-slide p.has-medium-font-size {
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	/* Position content at bottom on mobile so image is visible */
	.ux4g-banner-slide {
		align-items: flex-end !important;
	}

	.ux4g-banner-slide .wp-block-cover__inner-container {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 140px !important;
	}

	.ux4g-scroll-indicator {
		bottom: 0;
	}

	/* Scale wave to full viewport width on mobile using CSS transform */
	.ux4g-scroll-indicator .scroll-wave-bg {
		transform: translateX(-50%) scaleX(calc(100vw / 400px));
		transform-origin: center bottom;
	}

	.ux4g-scroll-indicator .scroll-down-button {
		width: 40px;
		height: 40px;
	}

	.ux4g-scroll-indicator .scroll-down-button img {
		width: 20px;
		height: 20px;
	}
}


/* ==========================================================================
   Tribal Heritage Pattern Styles
   Pattern: ux4g-theme/tribal-heritage
   ========================================================================== */

.ux4g-tribal-heritage-section {
	background: #FFFEF0 !important;
	gap: 40px !important;
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

/* Modifier: Has Padding - adds default padding when needed */
.ux4g-tribal-heritage-section.has-padding {
	padding: 120px 162px !important;
}

/* Modifier: No Background */
.ux4g-tribal-heritage-section.no-background {
	background: transparent !important;
}

/* Modifier: Full Width */
.ux4g-tribal-heritage-section.full-width {
	padding: 120px 0 !important;
}

.ux4g-tribal-heritage-section.full-width .ux4g-tribal-header,
.ux4g-tribal-heritage-section.full-width .ux4g-tribal-tags,
.ux4g-tribal-heritage-section.full-width .ux4g-tribal-slider-container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 162px;
	padding-right: 162px;
}

/* Modifier: No Padding */
.ux4g-tribal-heritage-section.no-padding .ux4g-tribal-slider-container {
	padding: 0 !important;
	margin: 0 !important;
}

/* Modifier: Carousel No Padding - removes padding from carousel block */
.ux4g-tribal-heritage-section .wp-block-ux4g-carousel.carousel-no-padding {
	padding: 0 !important;
	margin: 0 !important;
}

.ux4g-tribal-heritage-section .wp-block-ux4g-carousel.carousel-no-padding .ux4g-tribal-slider-container {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* Content wrapper (title, description, and tags) */
.ux4g-tribal-header {
	max-width: 1200px !important;
	gap: 24px !important;
	margin: 0 auto 24px auto !important;
}

/* Title and Description wrapper */
.ux4g-tribal-title-desc {
	max-width: 1200px !important;
	gap: 20px !important;
}

/* Header Styles */
.ux4g-tribal-title {
	font-family: 'Roboto', sans-serif !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	color: #100404;
	margin-bottom: 16px !important;
}

.ux4g-tribal-desc {
	font-family: 'Roboto', sans-serif !important;
	color: #4B4B4B;
	max-width: 1200px;
	margin: 0 auto !important;
}

/* Tribal Heritage Section - Desktop Styles */
@media (min-width: 992px) {
	.ux4g-tribal-header {
		justify-items: center;
	}

	.ux4g-tribal-desc {
		width: 70%;
	}
}

/* Tag/Button Styles */
.ux4g-tribal-tags {
	display: flex !important;
	gap: 12px !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	max-width: 702px !important;
	height: 36px !important;
	margin: 0 auto 24px auto !important;
}

.ux4g-tribal-tags .wp-block-button {
	margin: 0 !important;
}

.ux4g-tribal-tags .wp-block-button__link {
	background-color: #FFFFFF !important;
	color: #6C757D !important;
	border: 1px solid #E9ECEF !important;
	padding: 4px 16px !important;
	/* radius-sm top/bottom, font-size left/right approx */
	font-size: 14px !important;
	font-weight: 500 !important;
	transition: all 0.3s ease !important;
	border-radius: 33px !important;
	height: 36px !important;
	min-width: 107px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
}

.ux4g-tribal-tags .wp-block-button__link:hover {
	border-color: #198754 !important;
	color: #198754 !important;
}

.ux4g-tribal-tag.active .wp-block-button__link {
	border: 1px solid #198754 !important;
	color: #198754 !important;
	background-color: #F0FFF4 !important;
}

/* Slider Container Styles */
.ux4g-tribal-slider-container {
	position: relative;
	width: 1200px !important;
	max-width: 1200px !important;
	height: 600px !important;
	margin: 0 auto;
	border-radius: 16px !important;
	overflow: hidden;
}

/* Slider Track - for multiple slides */
.ux4g-tribal-slider-track {
	display: flex;
	transition: transform 0.5s ease;
}

.ux4g-tribal-slide {
	min-width: 100%;
	position: relative;
}

.ux4g-tribal-slide img {
	width: 100% !important;
	height: 600px !important;
	display: block;
	border-radius: 16px !important;
	object-fit: cover;
}

/* Slider Navigation Arrows */
/* Slider Navigation Arrows */
.ux4g-tribal-heritage-section .carousel-control-prev,
.ux4g-tribal-heritage-section .carousel-control-next {
	width: 48px;
	height: 48px;
	background-color: #FFFFFF;
	border-radius: 50%;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s ease, background-color 0.2s ease;
	z-index: 2;
}

.ux4g-tribal-heritage-section .carousel-control-prev:hover,
.ux4g-tribal-heritage-section .carousel-control-next:hover {
	transform: translateY(-50%) scale(1.1);
	background-color: #f8f9fa;
	opacity: 1;
}

.ux4g-tribal-heritage-section .carousel-control-prev-icon,
.ux4g-tribal-heritage-section .carousel-control-next-icon {
	filter: invert(1) grayscale(100);
	width: 20px;
	height: 20px;
}

.ux4g-tribal-heritage-section .carousel-control-prev {
	left: 24px;
}

.ux4g-tribal-heritage-section .carousel-control-next {
	right: 24px;
}

/* Slider Content Overlay */
.ux4g-tribal-slide-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.75%, rgba(0, 0, 0, 0.7) 78.14%);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #fff;
	z-index: 1;
	border-radius: 0 0 16px 16px;
	/* Match bottom radius of image */
}

.ux4g-tribal-slide-content h3 {
	margin-bottom: 8px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.ux4g-tribal-slide-content p {
	margin-bottom: 24px;
	max-width: 600px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Dots Pagination */
.ux4g-tribal-dots {
	display: flex;
	gap: 8px;
	z-index: 2;
	position: absolute;
	/* Restored from inline style */
	bottom: 20px;
	width: 100%;
	justify-content: center;
}

.ux4g-tribal-dots .dot {
	width: 24px;
	height: 3px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.ux4g-tribal-dots .dot.active {
	background-color: #FFFFFF;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	.ux4g-tribal-heritage-section {
		padding: 60px 20px !important;
	}

	.ux4g-tribal-title {
		font-size: 32px !important;
		line-height: 1.2 !important;
	}

	.ux4g-tribal-slide-content {
		padding: 20px;
		padding-bottom: 60px;
		/* Extra space for carousel indicators on mobile */
	}

	.ux4g-tribal-slide-nav {
		width: 36px;
		height: 36px;
	}

	/* Fix tags being hidden on mobile - allow height to expand for wrapped tags */
	.ux4g-tribal-tags {
		height: auto !important;
		min-height: 36px;
		padding-bottom: 12px;
		position: relative;
		z-index: 5;
	}
}


/* ==========================================================================
   Projects Grid Pattern Styles
   Pattern: ux4g-theme/projects-grid
   ========================================================================== */

/* Import Roboto font for Projects Grid */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600&display=swap');

/* Projects Grid Section */
.projects-grid-section {
	background: #FAF7F2;
	padding: 80px 20px;
}

.projects-container {
	max-width: 1400px;
	margin: 0 auto;
}

/* Search Row */
.project-search-row {
	margin-bottom: 48px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.project-search-box {
	max-width: 420px;
	width: 100%;
}

.project-search-box .wp-block-search__inside-wrapper {
	display: flex;
	gap: 8px;
}

.project-search-box .wp-block-search__input {
	border: 1px solid #D4D4D4;
	border-radius: 8px;
	padding: 12px 20px;
	font-size: 15px;
	background: #FFFFFF;
	color: #333;
	flex: 1;
	transition: border-color 0.2s ease;
}

.project-search-box .wp-block-search__input:focus {
	outline: none;
	border-color: #999;
}

.project-search-box .wp-block-search__input::placeholder {
	color: #999;
}

.project-search-box .wp-block-search__button {
	background: #2563EB;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 12px 24px;
	cursor: pointer;
	transition: background 0.2s ease;
	font-weight: 500;
}

.project-search-box .wp-block-search__button:hover {
	background: #1D4ED8;
}

.project-search-box .wp-block-search__button svg {
	width: 20px;
	height: 20px;
}

/* Projects Grid */
.projects-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	margin-bottom: 60px;
	list-style: none;
	padding: 0;
	margin-left: 0;
}

/* Gap between list items */
.projects-grid>li {
	margin: 0;
	padding: 0;
}

/* Project Card */
.project-card {
	background: #FFFFFF !important;
	width: 356px !important;
	max-width: 100% !important;
	height: 436px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease !important;
	display: flex !important;
	flex-direction: column !important;
	border: 1px solid #E0E0E0 !important;
	opacity: 1 !important;
	padding: 0 !important;
}

.project-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Project Thumbnail */
.project-thumbnail {
	margin: 0;
	overflow: hidden;
	aspect-ratio: unset !important;
}

.project-thumbnail img {
	width: 356px !important;
	max-width: 100% !important;
	height: 236px !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 6px !important;
	transition: transform 0.3s ease !important;
	opacity: 1 !important;
}

.project-card:hover .project-thumbnail img {
	transform: scale(1.05);
}

/* Project Content */
.project-content {
	padding: 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Project Title */
.project-title {
	margin: 0 0 10px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0;
	text-transform: capitalize;
	color: #1A1A1A;
}

.project-title a {
	color: #1A1A1A;
	text-decoration: none;
	transition: color 0.2s ease;
}

.project-title a:hover {
	color: #2563EB;
}

/* Project Excerpt */
.project-excerpt {
	margin: 0 0 16px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
	color: #666666;
	flex: 1;
}

/* Project Meta */
.project-meta {
	margin-top: auto;
	gap: 8px !important;
	padding-top: 12px;
	border-top: 1px solid #F0F0F0;
}

.project-location,
.project-dates {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
	color: #666;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Green icons */
.project-location svg,
.project-dates svg {
	flex-shrink: 0;
	color: #22C55E;
	fill: #22C55E;
	width: 20px;
	height: 20px;
	opacity: 1;
}

/* Obsolete styles removed */

/* Projects Grid Responsive Design */
@media (max-width: 1200px) {
	.projects-container {
		max-width: 100%;
		padding: 0 20px;
	}

	.projects-grid {
		gap: 28px;
	}

	.project-card {
		width: 100%;
		height: auto;
		min-height: 436px;
	}

	.project-thumbnail img {
		width: 100%;
	}
}

@media (max-width: 992px) {
	.projects-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.projects-grid-section {
		padding: 60px 20px;
	}
}

@media (max-width: 768px) {
	.projects-grid-section {
		padding: 40px 16px;
	}

	.projects-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 40px;
	}

	.project-search-box {
		max-width: 100%;
	}

	.project-search-row {
		margin-bottom: 32px;
	}

	.project-thumbnail img {
		height: 220px;
	}

	.project-content {
		padding: 16px;
	}

	.projects-pagination {
		margin-top: 40px;
		padding-top: 24px;
		flex-direction: column;
		gap: 16px;
	}

	.projects-pagination::after {
		order: 0;
		width: 100%;
		text-align: center;
	}
}

/* ==========================================================================
   Projects Listing Pattern Styles (New)
   Pattern: ux4g-theme/projects-listing
   ========================================================================== */

.ux4g-projects-listing-section {
	padding: 80px 20px;
	background: #FFFFFF;
}

.ux4g-projects-listing-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 16px !important;
}

/* Search Row */
.ux4g-project-search-row {
	margin-bottom: 48px;
	display: flex;
	justify-content: flex-end;
}

.ux4g-project-search-box {
	max-width: 420px;
	width: 100%;
}

.ux4g-project-search-box .wp-block-search__input {
	border: 1px solid #D4D4D4;
	border-radius: 8px;
	padding: 12px 20px;
}

.ux4g-project-search-box .wp-block-search__button {
	background: #2563EB;
	color: #fff;
	border-radius: 8px;
	padding: 12px 24px;
}

/* Listing Grid */
.ux4g-projects-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 24px;
	row-gap: 32px;
	list-style: none;
	padding: 0;
	margin-left: 0;
}

.ux4g-projects-grid>li {
	margin: 0;
	padding: 0;
	display: flex;
}

/* Listing Card */
.ux4g-project-card {
	background: #FFFFFF !important;
	width: 100% !important;
	/* Managed by grid */
	max-width: 356px !important;
	height: 100% !important;
	border-radius: 16px !important;
	border: 1px solid #E0E0E0 !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	box-shadow: none !important;
	/* User didn't specify shadow, just opacity/angle */
	opacity: 1 !important;
	transition: transform 0.2s ease;
}

.ux4g-project-card:hover {
	transform: translateY(-4px);
	border-color: #BDBDBD !important;
}

/* Card Thumbnail */
.ux4g-project-thumbnail {
	margin: 0 !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 237.33px !important;
}

.ux4g-project-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 0 !important;
	/* Radius is on card */
}

/* Card Content */
.ux4g-project-content {
	padding: 24px 16px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	flex: 1;
	display: flex !important;
	flex-direction: column !important;
	height: 198px !important;
	/* 436 - 237.33 approx */
}

.ux4g-project-title {
	margin: 0 0 12px 0 !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
	color: #1A1A1A !important;
}

.ux4g-project-title a {
	color: #1A1A1A;
	text-decoration: none;
}

.ux4g-project-excerpt {
	margin: 0 0 0px 0 !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: #666666 !important;
	flex-grow: 1;
	/* Push meta to bottom */
}

/* Card Meta */
.ux4g-project-meta {
	margin-top: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	gap: 12px !important;
	/* Spacing between rows */
	display: flex !important;
	flex-direction: column !important;
}

.ux4g-project-location,
.ux4g-project-dates {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	/* Override WordPress constrained layout */
	font-size: 14px !important;
	color: #666 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.ux4g-project-location img,
.ux4g-project-dates img {
	width: 16px !important;
	height: 16px !important;
	object-fit: contain !important;
}

/* Projects Grid Responsive - Fix horizontal overflow below 991px */
@media (max-width: 991px) {
	.ux4g-projects-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px !important;
	}

	.ux4g-project-card {
		max-width: 100% !important;
		width: 100% !important;
	}

	.ux4g-project-thumbnail {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 3/2;
	}

	.ux4g-project-thumbnail img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
}

@media (max-width: 576px) {
	.ux4g-projects-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Consolidating pagination styles to the section below */


/* Custom Search Bar Design */
.ux4g-custom-search-wrapper {
	width: 546px !important;
	height: 56px !important;
	border: 1px solid #D4D4D4 !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	background: #fff;
	max-width: 100%;
	transition: border-color 0.2s ease;
}

.ux4g-custom-search-wrapper:focus-within {
	border-color: #00600B !important;
}

.ux4g-search-icon-left {
	width: 48px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.ux4g-search-icon-left figure {
	margin: 0;
	padding: 0;
	display: flex;
}

.ux4g-search-icon-left img {
	width: 24px;
	height: 24px;
}

.ux4g-mic-icon-right {
	display: none !important;
}

.ux4g-mic-icon-right figure {
	margin: 0;
	padding: 0;
	display: flex;
}

.ux4g-mic-icon-right img {
	width: 24px;
	height: 24px;
}

.ux4g-custom-search-input {
	flex-grow: 1;
	height: 100%;
	min-width: 0;
}

.ux4g-custom-search-input .wp-block-search__inside-wrapper {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
}

.ux4g-custom-search-input .wp-block-search__input {
	border: none !important;
	background: transparent !important;
	padding: 0 10px !important;
	height: 100% !important;
	font-size: 16px !important;
	color: #333;
}

.ux4g-custom-search-input .wp-block-search__input:focus {
	outline: none !important;
	box-shadow: none !important;
}

@media (max-width: 768px) {
	.ux4g-custom-search-wrapper {
		width: 100% !important;
	}
}

/* Exact Figma Pagination Design */
.ux4g-pagination-row {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 40px auto 0 !important;
	/* Slightly reduced margin */
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	height: 32px !important;
	border-top: none !important;
	/* Ensure no separator line */
}

.ux4g-projects-pagination {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 305px !important;
	height: 32px !important;
	margin: 0 !important;
}

.ux4g-projects-pagination .wp-block-query-pagination-numbers {
	display: flex !important;
	gap: 4px !important;
	/* Slightly increased gap */
	height: 32px !important;
	align-items: center !important;
}

.ux4g-projects-pagination a,
.ux4g-projects-pagination .page-numbers,
.ux4g-pagination-block .page-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 25px !important;
	height: 32px !important;
	font-size: 14px !important;
	color: #666 !important;
	border: 1px solid transparent !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	padding: 0 4px !important;
	background: transparent !important;
}

.ux4g-projects-pagination .current {
	border: 1px solid #006400 !important;
	border-radius: 8px !important;
	/* radius-md */
	color: #006400 !important;
	font-weight: 600 !important;
	background: transparent !important;
}

/* Plugin Pagination Block Overrides */
.ux4g-pagination-block .pagination {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.ux4g-pagination-block .page-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 25px !important;
	height: 32px !important;
	font-size: 14px !important;
	color: #666 !important;
	border: 1px solid transparent !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	padding: 0 4px !important;
	background: transparent !important;
}

.ux4g-pagination-block .page-item.active .page-link {
	border: 1px solid #008A25 !important;
	border-radius: 8px !important;
	color: #008A25 !important;
	font-weight: 600 !important;
	background: transparent !important;
}

.ux4g-pagination-block .page-item:first-child .page-link,
.ux4g-pagination-block .page-item:last-child .page-link {
	width: 32px !important;
	height: 32px !important;
	font-size: 0 !important;
	position: relative !important;
}

.ux4g-pagination-block .page-item:first-child .page-link::before,
.ux4g-pagination-block .page-item:last-child .page-link::before {
	content: "" !important;
	width: 24px !important;
	height: 24px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	display: block !important;
}

.ux4g-pagination-block .page-item:first-child .page-link::before {
	background-image: url('../images/icon-pagination-prev.svg') !important;
}

.ux4g-pagination-block .page-item:last-child .page-link::before {
	background-image: url('../images/icon-pagination-next.svg') !important;
}

.ux4g-pagination-block .page-link span[aria-hidden="true"] {
	display: none !important;
}

.ux4g-pagination-prev,
.ux4g-pagination-next {
	width: 32px !important;
	height: 32px !important;
	border: none !important;
	/* Remove border */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	background: transparent !important;
	/* Remove background */
	position: relative !important;
	font-size: 0 !important;
	/* Hide text label */
	line-height: 0 !important;
	padding: 0 !important;
}

.ux4g-pagination-prev::before,
.ux4g-pagination-next::before {
	content: "" !important;
	width: 24px !important;
	/* Slightly larger icons for better visibility */
	height: 24px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	display: block !important;
}

.ux4g-pagination-prev span,
.ux4g-pagination-next span {
	display: none !important;
}

.ux4g-pagination-prev::before {
	background-image: url('../images/icon-pagination-prev.svg') !important;
}

.ux4g-pagination-next::before {
	background-image: url('../images/icon-pagination-next.svg') !important;
}

/* Pagination Info Box */
.ux4g-pagination-info-box {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 226px !important;
	height: 32px !important;
	justify-content: flex-end !important;
	margin: 0 !important;
}

.ux4g-pagination-label,
.ux4g-pagination-total {
	font-size: 14px !important;
	color: #666 !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

.ux4g-page-results-box {
	width: auto !important;
	min-width: 40px !important;
	height: 32px !important;
	border: 1px solid #D4D4D4 !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #fff !important;
	padding: 0 8px !important;
}



.ux4g-page-results-box p {
	margin: 0 !important;
	font-size: 14px !important;
	color: #333 !important;
}

@media (max-width: 992px) {
	.ux4g-pagination-row {
		max-width: 100% !important;
		padding: 0 16px !important;
	}
}

@media (max-width: 768px) {
	.ux4g-pagination-row {
		flex-direction: column !important;
		height: auto !important;
		gap: 20px !important;
		align-items: center !important;
	}
}

/* ==========================================================================
   Schemes and Benefits Pattern Styles
   Pattern: ux4g-theme/schemes-benefits
   ========================================================================== */

.ux4g-schemes-section {
	background-color: #D2FFD0;
	/* Light green background */
	position: relative;
	overflow: hidden;
	padding: 80px 0;
}

.ux4g-schemes-section .card.card-journal {
	border: 1px solid #fff !important;
}

/* Background Decoration (Union Image) using provided coordinates */
.ux4g-schemes-section::before {
	/* Background Decoration (Union Image) */
	content: "";
	position: absolute;
	width: 60%;
	height: 100%;
	top: 0;
	right: 0;
	left: auto;
	background-image: url('../images/bg-schemes-shape.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
	pointer-events: none;
	z-index: 0;
	opacity: 1;
}

/* Container */
.ux4g-schemes-container {
	position: relative;
	z-index: 1;
}

/* Header Section */
.ux4g-schemes-header {
	margin-bottom: 40px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ux4g-schemes-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: #000;
	margin: 0;
}

.ux4g-schemes-actions .ux4g-btn-dark .wp-block-button__link {
	background-color: #100404 !important;
	color: #fff !important;
	border-radius: 50px !important;
	padding: 12px 28px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	width: auto;
	white-space: nowrap;
	height: 44px;
}

/* Schemes Grid */
.ux4g-schemes-grid {
	display: grid;
	gap: 24px;
}

/* Scheme Card Styling */
.ux4g-scheme-card {
	background-color: #FFFFFF;
	border-radius: 16px !important;
	padding: 24px 24px !important;
	width: 356px !important;
	height: 160px !important;
	display: flex;
	flex-direction: column;
	border: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ux4g-scheme-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Card Header (Title + Arrow) */
.ux4g-scheme-card-header {
	margin-bottom: 12px !important;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.ux4g-scheme-title a {
	font-size: 1.125rem;
	font-weight: 600;
	color: #151515;
	text-decoration: none;
	line-height: 1.4;
	display: block;
	padding-right: 16px;
}

.ux4g-scheme-title a:hover {
	color: var(--ux4g-primary);
}

.ux4g-scheme-arrow img {
	width: 24px;
	height: 24px;
	opacity: 0.7;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.ux4g-scheme-card:hover .ux4g-scheme-arrow img {
	opacity: 1;
	transform: translateX(4px);
}

/* Card Excerpt */
.ux4g-scheme-excerpt {
	font-size: 0.875rem;
	color: #666;
	line-height: 1.6;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Responsiveness */
@media (max-width: 992px) {
	.ux4g-schemes-bg {
		width: 50%;
		height: 50%;
	}

	.ux4g-schemes-title {
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.ux4g-schemes-header {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
	}

	.ux4g-schemes-grid {
		grid-template-columns: 1fr;
	}

	/* Make scheme cards full width on mobile */
	.ux4g-scheme-card {
		width: 100% !important;
		height: auto !important;
		min-height: 140px;
	}

	.ux4g-schemes-title {
		font-size: 1.5rem;
		text-align: center;
		margin: 0;
	}

	.ux4g-schemes-section {
		padding: 50px 20px;
	}

	.ux4g-schemes-container {
		padding: 0 16px;
	}

	.ux4g-schemes-bg {
		display: none;
		/* Hide complex bg on mobile */
	}
}

/* ==========================================================================
   Person Block Layout Styles
   ========================================================================== */

/* Two-column layout for person blocks */
.wp-block-group.person-grid,
.wp-block-columns.person-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	align-items: start;
}

/* Single column on mobile */
@media (max-width: 768px) {

	.wp-block-group.person-grid,
	.wp-block-columns.person-grid {
		grid-template-columns: 1fr;
	}
}


/* ==========================================================================
   Single Detail Page Layout Styles
   Pattern: ux4g-theme/single-detail-layout
   ========================================================================== */

.ux4g-single-detail-wrapper {
	background: #fff;
	padding-bottom: 80px;
}

.ux4g-single-detail-container {
	max-width: 1200px !important;
	width: 100%;
	margin: 0 auto !important;
	display: flex;
	gap: 48px;
	padding-top: 60px;
	/* Approx spacing */
}

/* Columns */
.ux4g-single-content {
	width: 807px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	text-align: justify;
}

.ux4g-single-content h1,
.ux4g-single-content h2,
.ux4g-single-content h3,
.ux4g-single-content h4,
.ux4g-single-content h5,
.ux4g-single-content h6 {
	text-align: left;
}

.ux4g-detail-content {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}

.ux4g-detail-content p {
	margin-bottom: 24px;
}

.ux4g-single-sidebar {
	width: 300px;
	flex-shrink: 0;
	position: sticky;
	top: 120px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

/* Responsive Columns */
@media (max-width: 1200px) {
	.ux4g-single-detail-container {
		flex-direction: column;
		padding: 40px 20px;
	}

	.ux4g-single-content,
	.ux4g-single-sidebar {
		width: 100%;
	}

	/* Sidebar appears first on mobile */
	.ux4g-single-sidebar {
		order: -1;
		position: static !important;
	}

	.ux4g-single-content {
		order: 1;
	}
	.ux4g-gallery-caption{
		width: 90%;
	}
}

/* Back Button */
.ux4g-back-btn .wp-block-button__link,
.btn.ux4g-back-btn {
	width: 97px;
	height: 40px;
	border-radius: 41px !important;
	padding: 10px 16px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	color: #140606 !important;
	background-color: #fff !important;
	border: 1px solid #140606 !important;
	gap: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

.ux4g-back-btn .wp-block-button__link:hover {
	background: #f5f5f5 !important;
}

/* Title & Intro */
.ux4g-detail-title {
	font-size: 32px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 24px 0 !important;
	color: #000;
}

.ux4g-detail-intro {
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #444;
	margin-bottom: 24px !important;
}

/* Meta Data */
.ux4g-detail-meta {
	display: flex;
	gap: 16px;
	opacity: 1;
	flex-wrap: wrap;
}

.ux4g-meta-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	background: #FFFFFF;
	min-height: 40px;
	height: auto;
	opacity: 1;
	flex: 0 1 auto;
}

.ux4g-meta-item img {
	flex-shrink: 0;
}

.ux4g-meta-item p {
	margin: 0 !important;
	font-size: 14px !important;
	color: #666;
	line-height: 1.4;
	word-break: break-word;
}

.ux4g-section-heading {
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 32px 0 16px !important;
	color: #111;
}

/* Sidebar Widgets */

/* Table of Content */
.ux4g-toc-card {
	border: 1px solid #E5E5E5;
	border-radius: 16px;
	padding: 24px;
	background: #fff;
}

.ux4g-toc-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 0 16px 0 !important;
	color: #111;
}

.ux4g-toc-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ux4g-toc-list li {
	margin-bottom: 12px;
}

.ux4g-toc-list li a {
	text-decoration: none;
	color: #555;
	font-size: 14px;
	transition: color 0.2s;
}

.ux4g-toc-list li a:hover,
.ux4g-toc-list li a.active {
	color: #00600B;
	font-weight: 500;
}

/* Download Button Wrapper */
.ux4g-download-btn-wrapper .wp-block-button__link,
.ux4g-download-btn-wrapper .btn {
	width: 100%;
	justify-content: center;
	background: #111 !important;
	color: #fff !important;
	border-radius: 50px !important;
	padding: 12px 24px !important;
	font-size: 12px !important;
	letter-spacing: 1px;
}

/* Share Card */
.ux4g-share-card {
	background: #F9F9F9;
	border-radius: 16px;
	padding: 24px;
}

.ux4g-share-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 0 12px 0 !important;
	color: #111;
}

.ux4g-share-text {
	font-size: 14px !important;
	color: #666;
	margin-bottom: 24px !important;
	line-height: 1.5 !important;
}

.ux4g-social-icons {
	display: flex;
	gap: 12px;
}

.ux4g-social-icons .ux4g-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	transition: opacity 0.2s ease;
}

.ux4g-social-icons .ux4g-social-link:hover {
	opacity: 0.8;
}

.ux4g-social-icons .ux4g-social-link img {
	width: 28px !important;
	height: 28px !important;
	display: block;
}

/* ==========================================================================
   Project Category Tabs
   ========================================================================== */
.ux4g-project-tabs-wrapper {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-right: 20px;
}

.ux4g-project-tab {
	display: inline-block;
	padding: 8px 16px;
	background-color: #f8f9fa;
	color: #212529;
	text-decoration: none;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
	border: 1px solid #dee2e6;
}

.ux4g-project-tab:hover {
	background-color: #e9ecef;
	color: #006400;
	text-decoration: none;
}

.ux4g-project-tab.active {
	background-color: #006400;
	color: #fff;
	border-color: #006400;
}

/* Filter Section Layout */
.ux4g-projects-filter-section {
	margin-bottom: 24px;
	padding: 0 16px;
}

.ux4g-filter-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
	width: 100% !important;
}

.ux4g-project-tabs-wrapper {
	display: flex;
	gap: 10px;
	align-items: center;
	flex: 0 0 auto;
	/* Don't grow, don't shrink */
}

@media (max-width: 768px) {
	.ux4g-filter-row {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.ux4g-project-tabs-wrapper {
		display: flex;
		margin-right: 0;
		margin-bottom: 15px;
		overflow-x: auto;
		white-space: nowrap;
		width: 100%;
		padding-bottom: 5px;
		gap: 10px !important;
		-webkit-overflow-scrolling: touch;
		flex-wrap: nowrap !important;
	}

	.ux4g-custom-search-wrapper {
		width: 100% !important;
	}

	.ux4g-events-main-title {
		margin-bottom: 24px !important;
	}

	/* Force tabs to stay one line and scroll */
	.ux4g-project-tab {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}
}

/* ==========================================================================
   Events Archive - Consolidated Styling
   ========================================================================== */

/* 1. Container & Header */
.ux4g-events-container {
	padding-bottom: 60px !important;
}

.ux4g-events-header-wrapper {
	width: 100% !important;
	max-width: 1440px !important;
	min-height: 180px;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 12px !important;
	border-bottom: 1px solid #EAEAEA !important;
	padding: 32px 2px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
	background-color: #fff;
}

.ux4g-events-title-search-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	gap: 50px !important;
}

.ux4g-events-main-title {
	font-size: 36px !important;
	line-height: 44px !important;
	font-weight: 700 !important;
	margin: 0 0 24px 0 !important;
	color: #151515 !important;
}

.card-journal-badge {
	padding: 6px 16px;
	border-radius: 18px;
}

.ux4g-events-toggle {
	display: flex;
	gap: 24px;
	align-items: center;
}

.ux4g-toggle-item {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 16px;
	color: #4E5F61;
}

.ux4g-toggle-item input[type="radio"] {
	display: none !important;
}

.ux4g-toggle-radio {
	width: 20px !important;
	height: 20px !important;
	border: 2px solid #E0E0E0 !important;
	border-radius: 50% !important;
	position: relative;
	display: inline-block !important;
	box-sizing: border-box !important;
	background: #fff !important;
}

.ux4g-toggle-item.active .ux4g-toggle-radio {
	border-color: #008A25 !important;
}

.ux4g-toggle-item.active .ux4g-toggle-radio::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background-color: #008A25;
	border-radius: 50%;
}

.ux4g-toggle-item.active .ux4g-toggle-label {
	color: #151515;
	font-weight: 500;
}

/* 2. Search Bar */
.ux4g-events-search-section {
	width: 546px;
	height: 56px;
}

.ux4g-events-search-section .ux4g-custom-search-wrapper {
	width: 546px !important;
	height: 56px !important;
	background: #FFFFFF !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 16px 0 4px !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ux4g-events-search-section .ux4g-custom-search-wrapper:hover {
	border-color: #008A25 !important;
}

.ux4g-events-search-section .ux4g-custom-search-wrapper:focus-within {
	border-color: #00600B !important;
	box-shadow: 0 0 0 1px #00600B !important;
}

.ux4g-events-search-section .ux4g-custom-search-input {
	flex: 1 !important;
	border: none !important;
	height: 100% !important;
}

.ux4g-events-search-section .wp-block-search__input {
	border: none !important;
	padding: 0 12px !important;
	font-size: 16px !important;
	color: #151515 !important;
	background: transparent !important;
	width: 100% !important;
	height: 100% !important;
	box-shadow: none !important;
}

.ux4g-events-search-section .wp-block-search__input::placeholder {
	color: #A2A2A2 !important;
}

.ux4g-events-search-section .ux4g-search-icon-left img,
.ux4g-events-search-section .ux4g-mic-icon-right img {
	width: 24px !important;
	height: 24px !important;
}

.ux4g-mic-icon-right {
	display: none !important;
}

/* 3. Grid Layout */
.ux4g-events-grid-columns {
	max-width: 1440px !important;
	margin: 0 auto !important;
	padding: 0 168px !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 32px !important;
	box-sizing: border-box !important;
	background-color: #fff;
}

.ux4g-events-sidebar {
	width: 261px !important;
	flex: 0 0 261px !important;
	min-height: 950px;
	border-right: 1px solid #EAEAEA !important;
	padding-right: 32px !important;
	box-sizing: border-box !important;
}

.ux4g-sidebar-internal {
	padding-top: 40px !important;
	margin-top: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ux4g-events-main-column {
	flex: 1 !important;
	min-width: 0;
	padding-top: 24px !important;
}

/* 4. Filter Elements (Accordion) */
.ux4g-events-sidebar h4.wp-block-heading {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding-right: 0 !important;
	color: #151515;
}

.ux4g-accordion {
	margin-top: 16px !important;
}

.ux4g-accordion-item {
	border: none !important;
	border-bottom: 1px solid #EAEAEA !important;
	background: transparent !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.ux4g-accordion-header {
	margin-bottom: 0 !important;
}

.ux4g-accordion-button {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #151515 !important;
	background: transparent !important;
	padding: 12px 0 !important;
	box-shadow: none !important;
	border: none !important;
	width: 100% !important;
	text-align: left !important;
	outline: none !important;
}

.ux4g-accordion-button:focus {
	box-shadow: none !important;
	background: transparent !important;
}

.ux4g-accordion-button::after {
	content: '+' !important;
	color: #008A25 !important;
	font-size: 24px !important;
	font-weight: 300 !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
	transform: none !important;
	margin-right: 0 !important;
	flex-shrink: 0 !important;
}

.ux4g-accordion-button:not(.collapsed)::after {
	content: '−' !important;
}

/* Hide the built-in icons from the block */
.ux4g-accordion-icon {
	display: none !important;
}

.ux4g-accordion-body {
	padding: 0 !important;
	padding-bottom: 16px !important;
	background: transparent !important;
}

.ux4g-accordion-body label {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #4E5F61;
}

/* 5. Results & Cards */
.ux4g-events-results-header {
	margin: 0 !important;
	padding-top: 40px !important;
	/* Align with sidebar FILTERS */
	margin-bottom: 24px !important;
}

.ux4g-events-results-header h4 {
	font-size: 20px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	color: #151515 !important;
}

.ux4g-events-main-column .wp-block-post-template {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
}

/* Responsive: 2 columns on tablet */
@media (max-width: 1024px) {
	.ux4g-events-main-column .wp-block-post-template {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* Responsive: 1 column on mobile */
@media (max-width: 768px) {
	.ux4g-events-main-column .wp-block-post-template {
		grid-template-columns: 1fr !important;
	}
}

.ux4g-event-card,
.wp-block-ux4g-card {
	margin: 0 !important;
	height: 100% !important;
}

/* Card Journal equality and stretching */
.card-journal {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

.card-journal .card-body {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
}

.card-journal .card-body>div:last-child {
	margin-top: auto !important;
	padding-top: 12px;
}

/* Override hardcoded plugin colors in Card block */
.ux4g-event-card svg path[fill="#00600B"] {
	fill: #008A25 !important;
}

.ux4g-event-card svg path[stroke="#00600B"] {
	stroke: #008A25 !important;
}

/* 6. Pagination */
.ux4g-pagination-row {
	margin-top: 48px;
	padding-top: 24px;
	border-top: 1px solid #EAEAEA;
	width: 100%;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	height: 32px !important;
}

/* Pagination Numbers Container */
.wp-block-query-pagination {
	display: flex !important;
	gap: 8px !important;
	align-items: center !important;
	height: 32px !important;
}

/* Page Numbers */
.wp-block-query-pagination-numbers {
	display: flex;
	gap: 8px;
}

.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	font-size: 14px;
	color: #4E5F61;
	text-decoration: none;
	border-radius: 4px;
	padding: 0 4px;
}

.page-numbers.current {
	border: 1px solid #008A25;
	color: #151515;
	font-weight: 500;
}

/* Pagination Arrows (Previous/Next) - Icon Replacement via Filter */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 4px !important;
	text-decoration: none !important;
	opacity: 1 !important;
	transition: opacity 0.2s ease;
	background: none !important;
	/* Remove background hack */
}

/* Ensure the image inside is centered and sized correctly */
.wp-block-query-pagination-previous img,
.wp-block-query-pagination-next img {
	width: 16px !important;
	height: 16px !important;
	display: block;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	background-color: #f5f5f5 !important;
	opacity: 0.8 !important;
}

/* Right Side - Info Box */
.ux4g-pagination-info-box {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	height: 32px !important;
}

/* Number Display Container */
.ux4g-page-results-box {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 32px !important;
	min-width: 55px !important;
	border: 1px solid #D1D5DB !important;
	border-radius: 8px !important;
	background-color: #fff !important;
	padding: 0 12px !important;
}

/* Static Number Display */
.ux4g-page-results-box .ux4g-showing-count {
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #374151 !important;
	line-height: 30px !important;
	text-align: center !important;
}


.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
	padding: 8px 16px !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	color: #151515 !important;
	font-size: 14px !important;
}

.wp-block-query-pagination-numbers .current {
	background: #008A25 !important;
	color: #fff !important;
	border-color: #008A25 !important;
}

@media (max-width: 991px) {
	.ux4g-events-header-wrapper {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 24px;
	}

	.ux4g-events-grid-columns {
		flex-direction: column !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.ux4g-events-sidebar {
		width: 100% !important;
		flex: none !important;
		border-right: none !important;
		min-height: auto;
		padding-right: 0 !important;
	}

	.ux4g-events-search-section {
		width: 100%;
	}

	.ux4g-events-search-section .ux4g-custom-search-wrapper {
		width: 100% !important;
	}

	/* Stack title above search on mobile */
	.ux4g-events-title-search-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 16px !important;
	}

	.ux4g-events-search-section {
		width: 100% !important;
	}
	/* Reorder sidebar items - social share first, then content */
	.ux4g-sidebar-internal,
	.wp-block-column:has(.ux4g-toc-card) {
		display: flex !important;
		flex-direction: column !important;
	}

	/* Social share widget comes first */
	.ux4g-social-share-widget,
	.wp-block-group:has(.ux4g-social-icons) {
		order: -1 !important;
	}
}

/* Mobile Card Grid - 2 columns below 768px */
@media (max-width: 768px) {

	.ux4g-events-main-column .wp-block-post-template,
	.wp-block-post-template {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		flex-direction: unset !important;
		gap: 16px !important;
	}

	.wp-block-ux4g-card,
	.ux4g-event-card {
		width: 100% !important;
		margin: 0 !important;
	}

	.card-journal .card-body {
		padding: 16px !important;
	}

	.card-journal .card-title {
		font-size: 14px !important;
	}

	.card-journal .card-text {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.ux4g-single-detail-wrapper {
		padding-bottom: 0px;
	}
}

/* Very Small Screens - 1 column below 581px */
@media (max-width: 580px) {

	.ux4g-events-main-column .wp-block-post-template,
	.wp-block-post-template {
		grid-template-columns: 1fr !important;
	}
}

/* Force flex layout for header inner container */
.ux4g-header-inner {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100%;
}


/* Back Button Wrapper */
.ux4g-back-btn-wrapper {
	margin-bottom: 16px;
}


/* Position the search input clear button (X) at the end */
.ux4g-custom-search-input .wp-block-search__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	height: 16px;
	width: 16px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') center center no-repeat;
	background-size: contain;
	cursor: pointer;
	margin-right: 0;
}

.ux4g-custom-search-input .wp-block-search__inside-wrapper {
	position: relative;
}

.ux4g-custom-search-input .wp-block-search__input {}


/* Force the clear button to the far right of the search input */
.ux4g-custom-search-input {
	position: relative;
}

.ux4g-custom-search-input input[type='search']::-webkit-search-cancel-button {
	position: absolute;
	right: 10px;
}

/* For Firefox and other browsers */
.ux4g-custom-search-input .wp-block-search__inside-wrapper {
	display: flex;
	align-items: center;
	position: relative;
}

.ux4g-custom-search-input input[type='search'] {}

.is-content-justification-space-between {
	justify-content: space-between;
}

ol.breadcrumb {
	padding-left: 0 !important;
}

/* ==========================================================================
   Mobile Responsive Styles (UX4G Breakpoint: max-width 992px)
   These rules only apply on mobile/tablet screens
   ========================================================================== */
@media (max-width: 992px) {

	/* About TRI Section - Stack content vertically on mobile */
	.ux4g-about-tri-section>.wp-block-group {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		gap: 24px !important;
	}

	.ux4g-about-tri-section .about-tri-left-image,
	.ux4g-about-tri-section .about-tri-right-image {
		max-width: 100% !important;
		width: 100% !important;
		order: 0 !important;
	}

	.ux4g-about-tri-section .about-tri-left-image img,
	.ux4g-about-tri-section .about-tri-right-image img {
		width: 100% !important;
		max-width: 280px !important;
		height: auto !important;
		margin: 0 auto;
		display: block;
	}

	/* About Publication Section - Stack content vertically on mobile */
	.ux4g-about-publication-section .wp-block-group:has(.publication-item) {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		gap: 24px !important;
	}

	.ux4g-about-publication-section>.wp-block-group>.wp-block-group {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		gap: 24px !important;
		align-items: stretch !important;
	}

	.ux4g-about-publication-section .publication-item {
		width: 100% !important;
		flex: 1 1 100% !important;
	}

	/* Header Top Bar - Make links wrap properly on mobile */
	.ux4g-top-bar .wp-block-group {
		flex-wrap: wrap !important;
		gap: 4px !important;
		justify-content: center !important;
	}

	.ux4g-top-bar p {
		font-size: 11px !important;
		text-align: center !important;
		line-height: 1.5 !important;
	}

	/* Hide pipe separators on mobile */
	.ux4g-top-bar p span[style*="padding:0 12px"],
	.ux4g-top-bar span[style*="padding:0 10px"],
	.ux4g-top-bar .text-white[style*="padding:0 10px"] {
		display: none !important;
	}

	.ux4g-top-bar a {
		font-size: 11px !important;
	}

	.ux4g-top-bar .dropdown button {
		font-size: 11px !important;
	}

	/* Stack Ministry links vertically */
	.ux4g-top-bar p a {
		display: block !important;
		margin-bottom: 2px !important;
	}

	/* Footer - Center text on mobile */
	.ux4g-main-footer .wp-block-column {
		text-align: center !important;
	}

	.ux4g-main-footer .wp-block-column p,
	.ux4g-main-footer .wp-block-column .footer-brand {
		text-align: center !important;
	}

	.ux4g-main-footer .social-links,
	.ux4g-main-footer .wp-block-social-links {
		justify-content: center !important;
	}

	/* Footer Copyright Bar - Center text on mobile */
	.ux4g-copyright-bar .wp-block-group {
		justify-content: center !important;
		text-align: center !important;
	}

	.ux4g-copyright-bar p {
		text-align: center !important;
		width: 100% !important;
	}
}

/* ==========================================================================
   Mobile Navigation Menu Styles - Polished Design
   ========================================================================== */

/* WordPress Block Navigation - Mobile Overlay Container */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--ux4g-success) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	background-color: var(--ux4g-success) !important;
	padding: 50px 0 20px 0 !important;
}

/* ALL Navigation Links - Same White Color (no difference for active) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:visited,
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open a:visited,
.wp-block-navigation__responsive-container.is-menu-open .current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item--current .wp-block-navigation-item__content {
	color: #ffffff !important;
	opacity: 1 !important;
}

/* Navigation items - Full width border */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	width: 100% !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child {
	border-bottom: none !important;
}

/* Menu item links */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: flex !important;
	justify-content: center;
	padding: 14px 20px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	background: transparent !important;
	border: none !important;
	opacity: 1 !important;
}

.is-menu-open .ux4g-main-navigation {
	width: 100%;
}

/* Only remove pseudo-elements for non-submenu items if needed, but let's allow them for toggles */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.has-child) .wp-block-navigation-item__content::after,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.has-child) .wp-block-navigation-item__content::before {
	display: none !important;
	content: none !important;
}

/* Hover state */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
	background: rgba(255, 255, 255, 0.1) !important;
}

/* Close button styling - White X */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	color: #ffffff !important;
	background: transparent !important;
	border: none !important;
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	padding: 8px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
	fill: #ffffff !important;
	width: 24px !important;
	height: 24px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover {
	background-color: rgba(255, 255, 255, 0.2) !important;
	border-radius: 50% !important;
}

/* Submenu items in mobile overlay */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	display: none !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
	border-radius: 6px !important;
	margin-top: 0 !important;
	padding: 8px !important;
	margin-bottom: 10px !important;
}

/* Show submenu when parent is opened */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.is-opened > .wp-block-navigation__submenu-container {
	display: block !important;
}

/* Submenu toggle button styling */
.ux4g-submenu-toggle {
	position: absolute !important;
	right: 15px !important;
	top: 12px !important;
	width: 32px !important;
	height: 32px !important;
	display: none !important; /* Hide by default */
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 1.2rem !important;
	cursor: pointer !important;
	z-index: 10 !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border-radius: 4px !important;
	transition: all 0.2s ease !important;
}

/* Only show toggle when mobile menu is open */
.wp-block-navigation__responsive-container.is-menu-open .ux4g-submenu-toggle {
	display: flex !important;
}

.ux4g-submenu-toggle:hover {
	background: rgba(255, 255, 255, 0.2) !important;
}

.wp-block-navigation-item.is-opened > .ux4g-submenu-toggle {
	transform: rotate(180deg) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	position: relative !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: #ffffff !important;
	padding: 10px 16px !important;
	font-size: 14px !important;
}

/* Override any dark text color classes */
.wp-block-navigation__responsive-container.is-menu-open .has-dark-color,
.wp-block-navigation__responsive-container.is-menu-open .has-text-dark,
.wp-block-navigation__responsive-container.is-menu-open [class*="has-dark"],
.wp-block-navigation__responsive-container.is-menu-open [style*="color: var(--wp--preset--color--dark)"],
.wp-block-navigation__responsive-container.is-menu-open [style*="color:#212529"],
.wp-block-navigation__responsive-container.is-menu-open [style*="color: #212529"] {
	color: #ffffff !important;
}

/* Mobile menu open button (hamburger) styling */
.wp-block-navigation__responsive-container-open {
	color: #000 !important;
}

.wp-block-navigation__responsive-container-open svg {
	fill: #000 !important;
}

@media (max-width: 992px) {

	/* Bootstrap-based navbar collapse fallback - Success Green Background */
	.navbar-collapse {
		background-color: var(--ux4g-success) !important;
		padding: 1rem !important;
		border-radius: 8px !important;
		margin-top: 10px !important;
	}

	/* Mobile Navigation Links - White Text */
	.navbar-collapse .navbar-nav .nav-link {
		color: #fff !important;
		font-weight: 500 !important;
		padding: 12px 16px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	}

	.navbar-collapse .navbar-nav .nav-link:hover,
	.navbar-collapse .navbar-nav .nav-link:focus {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.15) !important;
		border-radius: 6px !important;
	}

	.navbar-collapse .navbar-nav .nav-item:last-child .nav-link {
		border-bottom: none !important;
	}

	/* Active menu item in mobile */
	.navbar-collapse .navbar-nav .nav-item.active .nav-link,
	.navbar-collapse .navbar-nav .nav-link[aria-current="page"] {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.2) !important;
		border-radius: 6px !important;
	}

	/* Mobile menu close button styling */
	.navbar-toggler {
		border-color: rgba(0, 0, 0, 0.3) !important;
	}

	.navbar-toggler:focus {
		box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25) !important;
	}
}

@media (max-width: 425px) {
	.card-journal-badge {
		display: none !important;
	}

	/* Optimize search field for very small screens */
	.ux4g-custom-search-wrapper .wp-block-search__input,
	.ux4g-events-search-section .wp-block-search__input {
		font-size: 14px !important;
		padding: 0 8px !important;
	}

	.ux4g-custom-search-wrapper .wp-block-search__input::placeholder,
	.ux4g-events-search-section .wp-block-search__input::placeholder {
		font-size: 14px !important;
	}

	.ux4g-search-icon-left {
		width: 40px !important;
		padding-left: 8px !important;
	}

	.ux4g-search-icon-left img,
	.ux4g-mic-icon-right img,
	.ux4g-events-search-section .ux4g-search-icon-left img,
	.ux4g-events-search-section .ux4g-mic-icon-right {
		display: none !important;
	}

	.ux4g-mic-icon-right {
		display: none !important;
	}
}

/* Breadcrumb Responsive Styles */
.ux4g-breadcrumb-bar .breadcrumb {
	/* flex-direction: column; */
	align-items: flex-start;
	height: auto;
	line-height: 1.5;
	gap: 4px;
}


@media (max-width: 580px) {
	.ux4g-breadcrumb-bar .breadcrumb {
		/* flex-direction: column; */
		align-items: flex-start;
		height: auto;
		line-height: 1.5;
		gap: 4px;
	}

	.ux4g-breadcrumb-bar .breadcrumb-item {
		/* font-size: 12px;
		margin-bottom: 0;
		display: block;
		width: 100%; */
	}

	.ux4g-breadcrumb-bar .breadcrumb-item+.breadcrumb-item {
		padding-left: 0;
	}

	.ux4g-breadcrumb-bar .breadcrumb-item+.breadcrumb-item::before {
		content: "";
		padding-right: 0;
	}

	/* Show separator after each item except the last */
	.ux4g-breadcrumb-bar .breadcrumb-item:not(:last-child)::after {
		content: " /";
		color: #727272;
		margin-left: 4px;
	}
}

@media (max-width: 425px) {
	.ux4g-breadcrumb-bar .breadcrumb-item {
		font-size: 11px;
	}
}

/* Footer Responsive Styles */
/* Footer layout for screens above 768px - Single row for all parts */
@media (min-width: 768px) {
	.ux4g-main-footer .wp-block-columns {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		/* gap: 30px !important; */
	}

	.footer-centered-part {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 30px !important;
		justify-content: space-between !important;
	}

	.footer-centered-part .wp-block-column {
		flex: 0 0 auto !important;
		width: auto !important;
	}
}

/* Footer layout for screens 768px to 992px - Parts stack, but categories in single row */
@media (min-width: 768px) and (max-width: 992px) {
	.ux4g-main-footer .wp-block-columns {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 40px !important;
	}

	/* Left part - centered */
	.footer-left-part {
		width: 100% !important;
		display: flex !important;
		/* justify-content: center !important; */
	}

	.footer-left-part .wp-block-column {
		flex-basis: auto !important;
		max-width: 350px !important;
		text-align: center !important;
	}

	.footer-left-part .footer-logo-group {
		/* justify-content: center !important; */
	}

	.footer-left-part .footer-social-icons {
		justify-content: center !important;
	}

	.footer-left-part p {
		text-align: center !important;
	}

	.footer-left-part,
	.footer-right-part{
		padding: 0 20px !important;
	}
	
	/* Center part - keep categories in single row */
	.footer-centered-part {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		gap: 15px !important;
		justify-content: space-between !important;
		padding: 0 20px !important;
	}

	.footer-centered-part .wp-block-column {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		text-align: left !important;
	}

	/* Right part - centered */
	.footer-right-part {
		width: 100% !important;
		display: flex !important;
		/* justify-content: center !important; */
	}

	.footer-right-part .wp-block-column {
		flex-basis: auto !important;
		max-width: 350px !important;
		text-align: center !important;
	}

	.footer-right-part * {
		text-align: center !important;
	}

	.footer-right-part .wp-block-group.is-layout-flex {
		/* align-items: center !important; */
		justify-content: center !important;
	}

	.ux4g-project-thumbnail,
	.project-thumbnail,
	.project-thumbnail img,
	.ux4g-project-thumbnail img {
		height: auto !important;
	}

	.ux4g-projects-grid,
	.projects-grid {
		grid-template-columns: 1fr !important;
	}

	.ux4g-filter-row {
		flex-direction: column !important;
	}

	.ux4g-project-tabs-wrapper {
		flex-wrap: wrap !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 767px) {

	/* Main footer container - below 767px */
	.ux4g-main-footer .wp-block-columns {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 40px !important;
	}

	/* Left part - centered */
	.footer-left-part {
		width: 100% !important;
		display: flex !important;
		/* justify-content: center !important; */
	}

	.footer-left-part .wp-block-column {
		flex-basis: auto !important;
		max-width: 350px !important;
		text-align: center !important;
	}

	.footer-left-part .footer-logo-group {
		/* justify-content: center !important; */
	}

	.footer-left-part .footer-social-icons {
		justify-content: center !important;
	}

	.footer-left-part p {
		text-align: center !important;
	}

	/* Center part - 2x2 grid */
	.footer-centered-part {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 30px 40px !important;
		max-width: 600px !important;
	}

	.footer-centered-part .wp-block-column {
		flex-basis: auto !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.footer-left-part{
		max-width: 600px !important;
	}

	/* Right part - centered */
	.footer-right-part {
		width: 100% !important;
		display: flex !important;
		max-width: 600px !important;
		/* justify-content: center !important; */
	}

	.footer-right-part .wp-block-column {
		flex-basis: auto !important;
		max-width: 350px !important;
		text-align: center !important;
	}

	.footer-right-part * {
		text-align: center !important;
	}

	.footer-right-part .wp-block-group.is-layout-flex {
		/* align-items: center !important; */
		justify-content: center !important;
	}
}

@media (max-width: 580px) {
	.footer-centered-part .wp-block-column {
		text-align: left !important;
	}

	.footer-centered-part h6 {
		text-align: center !important;
	}

	.footer-centered-part .footer-links {
		list-style: none !important;
		padding-left: 0 !important;
		text-align: center !important;
	}
}

/* Hide Page Title on Fund Reports pages (Plugin) */
body:has(.fur-public-listing-wrapper) .wp-block-post-title,
body:has(.fur-submission-form-wrapper) .wp-block-post-title,
body:has(.fur-public-listing-wrapper) .entry-title,
body:has(.fur-submission-form-wrapper) .entry-title,
body:has(.fur-public-listing-wrapper) h1.wp-block-heading,
body:has(.fur-submission-form-wrapper) h1.wp-block-heading {
	display: none !important;
}


/* Custom Button Styles for Fund Reports Plugin */
.fur-submission-form-wrapper input.btn.btn-primary,
.fur-public-listing-wrapper input.btn.btn-primary,
.fur-submission-form-wrapper .btn.btn-primary,
.fur-public-listing-wrapper .btn.btn-primary {
	background-color: #00600B;
	border: 1px solid #00600B;
	color: #fff;
}

.fur-submission-form-wrapper input.btn.btn-primary:hover,
.fur-public-listing-wrapper input.btn.btn-primary:hover,
.fur-submission-form-wrapper .btn.btn-primary:hover,
.fur-public-listing-wrapper .btn.btn-primary:hover {
	background-color: #004d09;
	border-color: #004d09;
}

/* Custom Styling for Download PDF Buttons */
.fur-public-listing-wrapper .btn.btn-outline-primary {
	color: #00600B;
	border-color: #00600B;
}

.fur-public-listing-wrapper .btn.btn-outline-primary:hover {
	background-color: #00600B;
	border-color: #00600B;
	color: #fff;
}

/* Ensure combined download button also matches if it's not already covered */
.fur-public-listing-wrapper .btn.btn-success {
	background-color: #00600B !important;
	border-color: #00600B !important;
}

/* Global Fix: Hide Filter Sidebar on Schemes pages */
.post-type-archive-schemes .ux4g-events-sidebar,
.post-type-archive-schemes .ux4g-sidebar-internal,
.single-schemes .ux4g-single-sidebar,
.single-schemes .ux4g-events-sidebar {
	display: none !important;
}

.post-type-archive-schemes .ux4g-events-main-column,
.single-schemes .ux4g-single-content {
	width: 100% !important;
	flex: 0 0 100% !important;
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Add spacing and full width for cards in list views */
.post-type-archive-schemes .wp-block-post-template,
.post-type-archive-projects .wp-block-post-template {
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
	list-style: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.post-type-archive-schemes .wp-block-post-template li,
.post-type-archive-schemes .ux4g-event-card {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Force hide badge/category text on schemes cards - Very aggressive */
.post-type-archive-schemes [class*="card"] [class*="badge"],
.post-type-archive-schemes [class*="card"] [class*="subtitle"],
.post-type-archive-schemes .ux4g-card-subtitle,
.post-type-archive-schemes .ux4g-card-badge {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	padding: 0 !important;
}

.wp-block-ux4g-card {
	width: 100%;
}




/* Contact Page Specific Styles */
.ux4g-location-card {
	box-shadow: 0px 1px 3px 1px rgba(33, 33, 33, 0.1), 0px 4px 4px 0px rgba(33, 33, 33, 0.12) !important;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	background-color: #FFFFFF !important;
}

.ux4g-location-card:hover {
	box-shadow: 0px 4px 8px 2px rgba(33, 33, 33, 0.15) !important;
	transform: translateY(-2px);
}

.ux4g-contact-form-wrapper h3 {
	margin-top: 0;
}

/* Ensure map image fills height */
.ux4g-contact-map-wrapper img {
	height: 100% !important;
	object-fit: cover !important;
}

/* ==========================================================================
   Contact Form 7 Styling (Figma Match)
   ========================================================================== */
.ux4g-contact-form-wrapper .wpcf7-form p {
	margin-bottom: 20px !important;
}

.ux4g-contact-form-wrapper label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #060101;
}

.ux4g-contact-form-wrapper input[type="text"],
.ux4g-contact-form-wrapper input[type="email"],
.ux4g-contact-form-wrapper textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
	/* radius-md */
	font-size: 14px;
	color: #151515;
	background: #fff;
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.ux4g-contact-form-wrapper input[type="text"]:focus,
.ux4g-contact-form-wrapper input[type="email"]:focus,
.ux4g-contact-form-wrapper textarea:focus {
	border-color: #000;
}

.ux4g-contact-form-wrapper textarea {
	height: 120px;
	resize: vertical;
}

/* Character Count Style override if using span */
.ux4g-contact-form-wrapper .ux4g-char-count {
	text-align: right;
	font-size: 12px;
	color: #666;
	/* 0/2000 style */
	margin-top: 4px;
}

/* Submit Button - Black Style */
.ux4g-contact-form-wrapper input[type="submit"] {
	width: 100%;
	background-color: #060101 !important;
	color: #ffffff !important;
	border: none;
	border-radius: 4px;
	/* Slightly rounded per image */
	padding: 14px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 12px;
	transition: background-color 0.2s ease;
}

.ux4g-contact-form-wrapper input[type="submit"]:hover {
	background-color: #333;
}

/* Spinner positioning */
.ux4g-contact-form-wrapper .wpcf7-spinner {
	position: absolute;
	margin-top: 20px;
}

/* ==========================================================================
   Projects & Updates Archive Page Styles
   ========================================================================== */

/* Hide separator line under title */
.ux4g-projects-archive .ux4g-events-header-wrapper::after,
.ux4g-updates-archive .ux4g-events-header-wrapper::after,
.post-type-archive-projects .ux4g-events-header-wrapper::after {
	display: none !important;
}

/* Hide results count in projects */
.ux4g-projects-archive .ux4g-events-results-header,
.post-type-archive-projects .ux4g-events-results-header {
	display: none !important;
}

/* Hide badge, date, footer, and arrow in project cards */
.ux4g-projects-archive .card-journal-badge,
.ux4g-projects-archive .card-journal-date,
.ux4g-projects-archive .card-journal-arrow,
.ux4g-projects-archive .card-journal-footer,
.ux4g-projects-archive .card-journal-calendar-icon,
.post-type-archive-projects .card-journal-badge,
.post-type-archive-projects .card-journal-date,
.post-type-archive-projects .card-journal-arrow,
.post-type-archive-projects .card-journal-footer,
.post-type-archive-projects .card-journal-calendar-icon {
	display: none !important;
}

/* Projects & Updates grid - 3 columns on desktop */
.ux4g-projects-archive .ux4g-projects-grid,
.ux4g-updates-archive .ux4g-projects-grid,
.post-type-archive-projects .ux4g-projects-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

/* Full width content wrapper (no sidebar) */
.ux4g-projects-archive .ux4g-projects-content-wrapper,
.ux4g-updates-archive .ux4g-projects-content-wrapper,
.post-type-archive-projects .ux4g-projects-content-wrapper {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

/* Card styling for grid */
.ux4g-projects-archive .wp-block-ux4g-card,
.ux4g-updates-archive .wp-block-ux4g-card,
.post-type-archive-projects .ux4g-projects-grid .wp-block-ux4g-card {
	height: 100%;
}

/* Responsive: 2 columns on tablet */
@media (max-width: 992px) {

	.ux4g-projects-archive .ux4g-projects-grid,
	.ux4g-updates-archive .ux4g-projects-grid,
	.post-type-archive-projects .ux4g-projects-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
}

/* Responsive: 1 column on mobile */
@media (max-width: 576px) {

	.ux4g-projects-archive .ux4g-projects-grid,
	.ux4g-updates-archive .ux4g-projects-grid,
	.post-type-archive-projects .ux4g-projects-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

/* ==========================================================================
   Projects Pagination Styles
   ========================================================================== */

/* Pagination row wrapper - Projects (has left pagination + right info) */
.ux4g-projects-archive .ux4g-pagination-row,
.post-type-archive-projects .ux4g-pagination-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	max-width: 1200px !important;
	width: 100% !important;
	height: 32px !important;
	margin: 32px auto 0 !important;
	padding: 0 !important;
}

/* Pagination row wrapper - Updates (pagination left, info right) */
.ux4g-updates-archive .ux4g-pagination-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	max-width: 1200px !important;
	width: 100% !important;
	height: 32px !important;
	margin: 32px auto 0 !important;
	padding: 0 !important;
}

/* Left side: pagination numbers and arrows */
.ux4g-projects-archive .wp-block-query-pagination,
.post-type-archive-projects .wp-block-query-pagination {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: 305px !important;
	height: 32px !important;
}

/* Pagination numbers container */
.ux4g-projects-archive .wp-block-query-pagination-numbers,
.post-type-archive-projects .wp-block-query-pagination-numbers {
	display: flex !important;
	align-items: center !important;
	gap: 2px !important;
	max-width: 225px !important;
	height: 32px !important;
}

/* Individual page number */
.ux4g-projects-archive .wp-block-query-pagination-numbers .page-numbers,
.post-type-archive-projects .wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 32px !important;
	height: 32px !important;
	padding: 0 8px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #151515 !important;
	text-decoration: none !important;
	border-radius: 4px !important;
	transition: all 0.2s ease !important;
}

/* Current/active page number */
.ux4g-projects-archive .wp-block-query-pagination-numbers .page-numbers.current,
.post-type-archive-projects .wp-block-query-pagination-numbers .page-numbers.current {
	border: 1px solid #00600b !important;
	background-color: transparent !important;
	font-weight: 600 !important;
}

/* Page number hover */
.ux4g-projects-archive .wp-block-query-pagination-numbers .page-numbers:hover:not(.current),
.post-type-archive-projects .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
	background-color: #f5f5f5 !important;
}

/* Dots/ellipsis */
.ux4g-projects-archive .wp-block-query-pagination-numbers .page-numbers.dots,
.post-type-archive-projects .wp-block-query-pagination-numbers .page-numbers.dots {
	border: none !important;
	background: transparent !important;
	min-width: auto !important;
	padding: 0 4px !important;
}

/* Arrow buttons (prev/next) */
.ux4g-projects-archive .wp-block-query-pagination-previous,
.ux4g-projects-archive .wp-block-query-pagination-next,
.post-type-archive-projects .wp-block-query-pagination-previous,
.post-type-archive-projects .wp-block-query-pagination-next {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	border-radius: 4px !important;
	opacity: 0.5 !important;
	text-decoration: none !important;
	transition: opacity 0.2s ease !important;
	color: transparent !important;
	/* Hide default arrow text */
	font-size: 0 !important;
	/* Hide text */
	overflow: hidden !important;
}

/* Hide default arrow symbols */
.ux4g-projects-archive .wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow,
.ux4g-projects-archive .wp-block-query-pagination-next .wp-block-query-pagination-next-arrow,
.post-type-archive-projects .wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow,
.post-type-archive-projects .wp-block-query-pagination-next .wp-block-query-pagination-next-arrow {
	display: none !important;
}

/* Arrow icons using CSS */
.ux4g-projects-archive .wp-block-query-pagination-previous::before,
.post-type-archive-projects .wp-block-query-pagination-previous::before {
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.ux4g-projects-archive .wp-block-query-pagination-next::before,
.post-type-archive-projects .wp-block-query-pagination-next::before {
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* Arrow hover state */
.ux4g-projects-archive .wp-block-query-pagination-previous:hover,
.ux4g-projects-archive .wp-block-query-pagination-next:hover,
.post-type-archive-projects .wp-block-query-pagination-previous:hover,
.post-type-archive-projects .wp-block-query-pagination-next:hover {
	opacity: 1 !important;
	background-color: #f5f5f5 !important;
}

/* Right side: Pagination info box with dropdown */
.ux4g-projects-archive .ux4g-pagination-info-box,
.post-type-archive-projects .ux4g-pagination-info-box {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: 226px !important;
	height: 32px !important;
}

/* "Showing" label */
.ux4g-projects-archive .ux4g-pagination-label,
.post-type-archive-projects .ux4g-pagination-label {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #4E5F61 !important;
	white-space: nowrap !important;
}

/* Dropdown container */
.ux4g-projects-archive .ux4g-page-results-box,
.post-type-archive-projects .ux4g-page-results-box {
	width: 70px !important;
	height: 32px !important;
}

/* Dropdown select */
.ux4g-projects-archive .ux4g-per-page-select,
.post-type-archive-projects .ux4g-per-page-select {
	width: 70px !important;
	height: 32px !important;
	padding: 4px 8px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #151515 !important;
	background-color: #fff !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	background-size: 12px !important;
	padding-right: 28px !important;
}

.ux4g-projects-archive .ux4g-per-page-select:focus,
.post-type-archive-projects .ux4g-per-page-select:focus {
	outline: none !important;
	border-color: #008A25 !important;
}

/* "of X items" text */
.ux4g-projects-archive .ux4g-pagination-total,
.post-type-archive-projects .ux4g-pagination-total {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #4E5F61 !important;
	white-space: nowrap !important;
}

/* Responsive pagination */
@media (max-width: 768px) {

	.ux4g-projects-archive .ux4g-pagination-row,
	.post-type-archive-projects .ux4g-pagination-row {
		flex-direction: column !important;
		height: auto !important;
		gap: 16px !important;
	}

	.ux4g-projects-archive .wp-block-query-pagination,
	.post-type-archive-projects .wp-block-query-pagination {
		max-width: 100% !important;
		justify-content: center !important;
	}

	.ux4g-projects-archive .ux4g-pagination-info-box,
	.post-type-archive-projects .ux4g-pagination-info-box {
		max-width: 100% !important;
		justify-content: center !important;
	}
}

/* ==========================================================================
   CRITICAL: Homepage Banner Overlay Override (End of file for max priority)
   Teal (#01444A at 10%) + Black gradient (0% to 60%)
   ========================================================================== */

/* CRITICAL OVERRIDE: Banner Overlay using ::before on wp-block-cover */
.ux4g-homepage-banner .carousel-item .wp-block-cover::before,
#homepage-banner-carousel .carousel-item .wp-block-cover::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%),
		rgba(1, 68, 74, 0.1) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

/* CRITICAL: Ensure text content is ABOVE overlay */
.ux4g-homepage-banner .carousel-item .wp-block-cover__inner-container,
#homepage-banner-carousel .carousel-item .wp-block-cover__inner-container {
	position: relative !important;
	z-index: 2 !important;
}

/* ==========================================================================
   Publications & Schemes Archive Page Styles
   ========================================================================== */

/* Hide separator line under title */
.ux4g-publications-archive .ux4g-events-header-wrapper::after,
.ux4g-schemes-archive .ux4g-events-header-wrapper::after,
.post-type-archive-publications .ux4g-events-header-wrapper::after,
.post-type-archive-schemes .ux4g-events-header-wrapper::after {
	display: none !important;
}

/* Hide results count header */
.ux4g-publications-archive .ux4g-events-results-header,
.ux4g-schemes-archive .ux4g-events-results-header,
.post-type-archive-publications .ux4g-events-results-header,
.post-type-archive-schemes .ux4g-events-results-header {
	display: none !important;
}

/* Publications & Schemes grid - 3 columns on desktop */
.ux4g-publications-archive .ux4g-projects-grid,
.ux4g-schemes-archive .ux4g-projects-grid,
.post-type-archive-publications .ux4g-projects-grid,
.post-type-archive-schemes .ux4g-projects-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

/* Full width content wrapper (no sidebar) */
.ux4g-publications-archive .ux4g-projects-content-wrapper,
.ux4g-schemes-archive .ux4g-projects-content-wrapper,
.post-type-archive-publications .ux4g-projects-content-wrapper,
.post-type-archive-schemes .ux4g-projects-content-wrapper {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

/* Card styling for grid */
.ux4g-publications-archive .wp-block-ux4g-card,
.ux4g-schemes-archive .wp-block-ux4g-card,
.post-type-archive-publications .ux4g-projects-grid .wp-block-ux4g-card,
.post-type-archive-schemes .ux4g-projects-grid .wp-block-ux4g-card {
	height: 100%;
}

/* Pagination row wrapper - Publications & Schemes (pagination left, info right) */
.ux4g-publications-archive .ux4g-pagination-row,
.ux4g-schemes-archive .ux4g-pagination-row,
.post-type-archive-publications .ux4g-pagination-row,
.post-type-archive-schemes .ux4g-pagination-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	max-width: 1200px !important;
	width: 100% !important;
	height: 32px !important;
	margin: 32px auto 24px !important;
	padding: 0 !important;
}

/* Pagination info box */
.ux4g-publications-archive .ux4g-pagination-info-box,
.ux4g-schemes-archive .ux4g-pagination-info-box,
.post-type-archive-publications .ux4g-pagination-info-box,
.post-type-archive-schemes .ux4g-pagination-info-box {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: 226px !important;
	height: 32px !important;
}

/* "Showing" label */
.ux4g-publications-archive .ux4g-pagination-label,
.ux4g-schemes-archive .ux4g-pagination-label,
.post-type-archive-publications .ux4g-pagination-label,
.post-type-archive-schemes .ux4g-pagination-label {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #4E5F61 !important;
	white-space: nowrap !important;
}

/* Count box */
.ux4g-publications-archive .ux4g-page-results-box,
.ux4g-schemes-archive .ux4g-page-results-box,
.post-type-archive-publications .ux4g-page-results-box,
.post-type-archive-schemes .ux4g-page-results-box {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 32px !important;
	height: 32px !important;
	padding: 4px 8px !important;
	background-color: #fff !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
}

.ux4g-publications-archive .ux4g-showing-count,
.ux4g-schemes-archive .ux4g-showing-count,
.post-type-archive-publications .ux4g-showing-count,
.post-type-archive-schemes .ux4g-showing-count {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #151515 !important;
}

/* "of X items" text */
.ux4g-publications-archive .ux4g-pagination-total,
.ux4g-schemes-archive .ux4g-pagination-total,
.post-type-archive-publications .ux4g-pagination-total,
.post-type-archive-schemes .ux4g-pagination-total {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #4E5F61 !important;
	white-space: nowrap !important;
}

/* Responsive: 2 columns on tablet */
@media (max-width: 992px) {

	.ux4g-publications-archive .ux4g-projects-grid,
	.ux4g-schemes-archive .ux4g-projects-grid,
	.post-type-archive-publications .ux4g-projects-grid,
	.post-type-archive-schemes .ux4g-projects-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
}

/* Responsive: 1 column on mobile */
@media (max-width: 576px) {

	.ux4g-publications-archive .ux4g-projects-grid,
	.ux4g-schemes-archive .ux4g-projects-grid,
	.post-type-archive-publications .ux4g-projects-grid,
	.post-type-archive-schemes .ux4g-projects-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

/* Dropdown select for Publications & Schemes */
.ux4g-publications-archive .ux4g-per-page-select,
.ux4g-schemes-archive .ux4g-per-page-select,
.post-type-archive-publications .ux4g-per-page-select,
.post-type-archive-schemes .ux4g-per-page-select,
.ux4g-updates-archive .ux4g-per-page-select {
	width: 70px !important;
	height: 32px !important;
	padding: 4px 8px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #151515 !important;
	background-color: #fff !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	background-size: 12px !important;
	padding-right: 28px !important;
}

.ux4g-publications-archive .ux4g-per-page-select:focus,
.ux4g-schemes-archive .ux4g-per-page-select:focus,
.post-type-archive-publications .ux4g-per-page-select:focus,
.post-type-archive-schemes .ux4g-per-page-select:focus,
.ux4g-updates-archive .ux4g-per-page-select:focus {
	outline: none !important;
	border-color: #008A25 !important;
}

/* Pagination left-side for Publications & Schemes when we have pagination */
.ux4g-publications-archive .wp-block-query-pagination,
.ux4g-schemes-archive .wp-block-query-pagination,
.post-type-archive-publications .wp-block-query-pagination,
.post-type-archive-schemes .wp-block-query-pagination,
.ux4g-updates-archive .wp-block-query-pagination {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: 305px !important;
	height: 32px !important;
}

/* Pagination numbers container */
.ux4g-publications-archive .wp-block-query-pagination-numbers,
.ux4g-schemes-archive .wp-block-query-pagination-numbers,
.post-type-archive-publications .wp-block-query-pagination-numbers,
.post-type-archive-schemes .wp-block-query-pagination-numbers,
.ux4g-updates-archive .wp-block-query-pagination-numbers {
	display: flex !important;
	align-items: center !important;
	gap: 2px !important;
	max-width: 225px !important;
	height: 32px !important;
}

/* Individual page number */
.ux4g-publications-archive .wp-block-query-pagination-numbers .page-numbers,
.ux4g-schemes-archive .wp-block-query-pagination-numbers .page-numbers,
.post-type-archive-publications .wp-block-query-pagination-numbers .page-numbers,
.post-type-archive-schemes .wp-block-query-pagination-numbers .page-numbers,
.ux4g-updates-archive .wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 32px !important;
	height: 32px !important;
	padding: 0 8px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #151515 !important;
	text-decoration: none !important;
	border-radius: 4px !important;
	transition: all 0.2s ease !important;
}

/* Current/active page number */
.ux4g-publications-archive .wp-block-query-pagination-numbers .page-numbers.current,
.ux4g-schemes-archive .wp-block-query-pagination-numbers .page-numbers.current,
.post-type-archive-publications .wp-block-query-pagination-numbers .page-numbers.current,
.post-type-archive-schemes .wp-block-query-pagination-numbers .page-numbers.current,
.ux4g-updates-archive .wp-block-query-pagination-numbers .page-numbers.current {
	border: 1px solid #00600b !important;
	background-color: transparent !important;
	font-weight: 600 !important;
}

/* Page number hover */
.ux4g-publications-archive .wp-block-query-pagination-numbers .page-numbers:hover:not(.current),
.ux4g-schemes-archive .wp-block-query-pagination-numbers .page-numbers:hover:not(.current),
.post-type-archive-publications .wp-block-query-pagination-numbers .page-numbers:hover:not(.current),
.post-type-archive-schemes .wp-block-query-pagination-numbers .page-numbers:hover:not(.current),
.ux4g-updates-archive .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
	background-color: #f5f5f5 !important;
}

/* Arrow buttons (prev/next) */
.ux4g-publications-archive .wp-block-query-pagination-previous,
.ux4g-publications-archive .wp-block-query-pagination-next,
.ux4g-schemes-archive .wp-block-query-pagination-previous,
.ux4g-schemes-archive .wp-block-query-pagination-next,
.post-type-archive-publications .wp-block-query-pagination-previous,
.post-type-archive-publications .wp-block-query-pagination-next,
.post-type-archive-schemes .wp-block-query-pagination-previous,
.post-type-archive-schemes .wp-block-query-pagination-next,
.ux4g-updates-archive .wp-block-query-pagination-previous,
.ux4g-updates-archive .wp-block-query-pagination-next {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	border-radius: 4px !important;
	opacity: 0.5 !important;
	text-decoration: none !important;
	transition: opacity 0.2s ease !important;
	color: transparent !important;
	font-size: 0 !important;
	overflow: hidden !important;
}

/* Arrow icons using CSS */
.ux4g-publications-archive .wp-block-query-pagination-previous::before,
.ux4g-schemes-archive .wp-block-query-pagination-previous::before,
.post-type-archive-publications .wp-block-query-pagination-previous::before,
.post-type-archive-schemes .wp-block-query-pagination-previous::before,
.ux4g-updates-archive .wp-block-query-pagination-previous::before {
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.ux4g-publications-archive .wp-block-query-pagination-next::before,
.ux4g-schemes-archive .wp-block-query-pagination-next::before,
.post-type-archive-publications .wp-block-query-pagination-next::before,
.post-type-archive-schemes .wp-block-query-pagination-next::before,
.ux4g-updates-archive .wp-block-query-pagination-next::before {
	content: '' !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* Arrow hover state */
.ux4g-publications-archive .wp-block-query-pagination-previous:hover,
.ux4g-publications-archive .wp-block-query-pagination-next:hover,
.ux4g-schemes-archive .wp-block-query-pagination-previous:hover,
.ux4g-schemes-archive .wp-block-query-pagination-next:hover,
.post-type-archive-publications .wp-block-query-pagination-previous:hover,
.post-type-archive-publications .wp-block-query-pagination-next:hover,
.post-type-archive-schemes .wp-block-query-pagination-previous:hover,
.post-type-archive-schemes .wp-block-query-pagination-next:hover,
.ux4g-updates-archive .wp-block-query-pagination-previous:hover,
.ux4g-updates-archive .wp-block-query-pagination-next:hover {
	opacity: 1 !important;
	background-color: #f5f5f5 !important;
}

/* Responsive pagination for Publications/Schemes/Updates */
@media (max-width: 768px) {

	.ux4g-publications-archive .ux4g-pagination-row,
	.ux4g-schemes-archive .ux4g-pagination-row,
	.post-type-archive-publications .ux4g-pagination-row,
	.post-type-archive-schemes .ux4g-pagination-row,
	.ux4g-updates-archive .ux4g-pagination-row {
		flex-direction: column !important;
		height: auto !important;
		gap: 16px !important;
	}

	.ux4g-publications-archive .wp-block-query-pagination,
	.ux4g-schemes-archive .wp-block-query-pagination,
	.post-type-archive-publications .wp-block-query-pagination,
	.post-type-archive-schemes .wp-block-query-pagination,
	.ux4g-updates-archive .wp-block-query-pagination {
		max-width: 100% !important;
		justify-content: center !important;
	}

	.ux4g-publications-archive .ux4g-pagination-info-box,
	.ux4g-schemes-archive .ux4g-pagination-info-box,
	.post-type-archive-publications .ux4g-pagination-info-box,
	.post-type-archive-schemes .ux4g-pagination-info-box,
	.ux4g-updates-archive .ux4g-pagination-info-box {
		max-width: 100% !important;
		justify-content: center !important;
	}
}

/* ==========================================================================
   SEARCH PAGE STYLING
   ========================================================================== */

/* Search page inherits styling from their respective post type archives */
.search-results .ux4g-projects-archive,
.search-results .ux4g-publications-archive,
.search-results .ux4g-schemes-archive,
.search-results .ux4g-updates-archive,
.search-results .ux4g-search-archive {
	/* Inherit all archive styling */
}

/* Search archive specific styles */
.ux4g-search-archive .ux4g-projects-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.ux4g-search-archive .ux4g-pagination-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	max-width: 1200px !important;
	width: 100% !important;
	height: 32px !important;
	margin: 32px auto 0 !important;
	padding: 0 !important;
}

.ux4g-search-archive .ux4g-pagination-info-box {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	max-width: 216px !important;
	height: 32px !important;
}

.ux4g-search-archive .ux4g-per-page-select {
	width: 70px !important;
	height: 32px !important;
	padding: 4px 8px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #151515 !important;
	background-color: #fff !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 4px !important;
	cursor: pointer !important;
}

.ux4g-search-archive .wp-block-query-pagination-numbers .page-numbers.current {
	border: 1px solid #00600b !important;
	background-color: transparent !important;
	font-weight: 600 !important;
}

/* Responsive: 2 columns on tablet for search */
@media (max-width: 992px) {
	.ux4g-search-archive .ux4g-projects-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
}

/* Responsive: 1 column on mobile for search */
@media (max-width: 576px) {
	.ux4g-search-archive .ux4g-projects-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

/* ==========================================================================
   ALERT BOX STYLING - GREEN THEME
   ========================================================================== */

/* Override info alert to use green theme colors */
.wp-block-ux4g-alert .alert-info,
.alert.alert-info {
	background-color: #e8f5e9 !important;
	/* Light green background */
	border-color: #00600b !important;
	border-left: 4px solid #00600b !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	color: #1b5e20 !important;
	/* Dark green text */
	border-radius: 4px !important;
	padding: 16px 20px !important;
}

/* Alert icon color for info variant */
.wp-block-ux4g-alert .alert-info svg,
.alert.alert-info svg,
.wp-block-ux4g-alert .alert-info i,
.alert.alert-info i {
	color: #00600b !important;
}

/* No results message styling in archives */
.ux4g-projects-archive .alert-info,
.ux4g-publications-archive .alert-info,
.ux4g-schemes-archive .alert-info,
.ux4g-updates-archive .alert-info,
.ux4g-search-archive .alert-info,
.search-results .alert-info {
	background-color: #e8f5e9 !important;
	border-left: 4px solid #00600b !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	color: #1b5e20 !important;
	margin-top: 20px !important;
}

/* ==========================================================================
   GALLERY BLOCK FIXES
   ========================================================================== */
.wp-block-gallery {
	display: flex !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	box-sizing: border-box !important;
}

/* Gallery Items */
.wp-block-gallery .wp-block-image {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	margin: 0 !important;
	flex-grow: 0 !important;
	/* Prevent uneven growing */
	box-sizing: border-box !important;
}

/* Column Widths - Manual Calc */
.wp-block-gallery.columns-1>.wp-block-image {
	width: 100% !important;
	flex-basis: 100% !important;
}

.wp-block-gallery.columns-2>.wp-block-image {
	width: calc(50% - 8px) !important;
	flex-basis: calc(50% - 8px) !important;
}

.wp-block-gallery.columns-3>.wp-block-image {
	width: calc(33.333% - 11px) !important;
	flex-basis: calc(33.333% - 11px) !important;
}

.wp-block-gallery.columns-4>.wp-block-image {
	width: calc(25% - 12px) !important;
	flex-basis: calc(25% - 12px) !important;
}

.wp-block-gallery.columns-5>.wp-block-image {
	width: calc(20% - 13px) !important;
	flex-basis: calc(20% - 13px) !important;
}

.wp-block-gallery.columns-6>.wp-block-image {
	width: calc(16.666% - 14px) !important;
	flex-basis: calc(16.666% - 14px) !important;
}

/* Image Styling */
.wp-block-gallery figure.wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 8px !important;
	display: block !important;
	aspect-ratio: 4/3 !important;
	/* Enforce a standard aspect ratio */
}

/* Responsive Gallery */
@media (max-width: 991px) {

	/* Keep 3 columns on tablet landscape/small desktop */
	.wp-block-gallery.columns-4>.wp-block-image,
	.wp-block-gallery.columns-5>.wp-block-image,
	.wp-block-gallery.columns-6>.wp-block-image {
		width: calc(33.333% - 11px) !important;
		flex-basis: calc(33.333% - 11px) !important;
	}
}

@media (max-width: 768px) {

	/* Switch to 2 columns on tablets/large phones */
	.wp-block-gallery.columns-3>.wp-block-image,
	.wp-block-gallery.columns-4>.wp-block-image,
	.wp-block-gallery.columns-5>.wp-block-image,
	.wp-block-gallery.columns-6>.wp-block-image {
		width: calc(50% - 8px) !important;
		flex-basis: calc(50% - 8px) !important;
	}
}

@media (max-width: 480px) {

	/* 1 column on mobile */
	.wp-block-gallery>.wp-block-image,
	.wp-block-gallery.columns-2>.wp-block-image,
	.wp-block-gallery.columns-3>.wp-block-image,
	.wp-block-gallery.columns-4>.wp-block-image {
		width: 100% !important;
		flex-basis: 100% !important;
	}
}

/* [START] Added by Tirth */
.hidden {
	display: none;
}

.running-notice-bar {
	background: #00600B;
	color: white;
	border-bottom: 1px solid #ffffff4f;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0;
	font-weight: 500;
}

.running-notice-text {
	display: inline-block;
	padding-left: calc(100% - 100px);
	animation: runningNotice 50s linear infinite;
}

@keyframes runningNotice {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.w-full img {
	width: 100%;
}

/* [END] Added by Tirth */
/* Leadership Pattern Custom Styles */
.ux4g-leadership-photo {
	flex: 0 0 150px !important;
	width: 150px !important;
	height: 150px !important;
	margin: 0 !important;
	align-self: flex-start !important;
}

.ux4g-leadership-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: top !important;
	border-radius: 4px;
}

.ux4g-leadership-section {
	padding-top: 0 !important;
}


/* Target columns that contain leadership photos to ensure gap fix applies to existing content */
.wp-block-columns:has(.ux4g-leadership-photo) {
	gap: 40px !important;
}

/* Leadership Card Styling */
.ux4g-leadership-card,
.wp-block-columns:has(.ux4g-leadership-photo) > .wp-block-column > .wp-block-group {
	border: 1px solid #E5E7EB !important;
	border-radius: 12px !important;
	padding: 20px !important;
	background-color: #ffffff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.2s ease-in-out !important;
	height: 100% !important;
	display: flex !important;
}

.ux4g-leadership-card:hover,
.wp-block-columns:has(.ux4g-leadership-photo) > .wp-block-column > .wp-block-group:hover {
	border-color: #00600b !important; /* Green border on hover */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(-2px) !important;
}

@media (max-width: 782px) {
	.wp-block-columns:has(.ux4g-leadership-photo) {
		gap: 20px !important;
	}

	.ux4g-leadership-card,
	.wp-block-columns:has(.ux4g-leadership-photo) > .wp-block-column > .wp-block-group {
		padding: 20px !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
	}

	/* Force leadership columns to fill their container on mobile/tablet */
	.wp-block-columns:has(.ux4g-leadership-photo) {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Force each individual column to take full width when stacked */
	.wp-block-columns:has(.ux4g-leadership-photo)>.wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}

	/* Targeted fix for About Page only (ID 418) to remove right-side gap */
	.page-id-418 .has-global-padding {
		padding-right: 0 !important;
	}

	.page-id-418 .wp-block-columns:has(.ux4g-leadership-photo) {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
	}

	.ux4g-leadership-photo {
		margin-bottom: 15px !important;
		align-self: center !important;
	}
}
/* ==========================================================================
   Accessibility and Scroll Fixes
   ========================================================================== */

#main-content {
	scroll-margin-top: 160px !important; /* Force offset for sticky header */
}

/* Skip to Main Content Link - Hidden until focused */
.skip-link {
	position: absolute !important;
	left: -9999px !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	background: #00600B !important;
	color: white !important;
	padding: 10px 20px !important;
	z-index: 100000 !important;
	text-decoration: none !important;
	border-radius: 0 0 5px 5px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

.skip-link:focus {
	left: 50% !important;
	transform: translateX(-50%) !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	outline: none !important;
	box-shadow: 0 0 15px rgba(0,0,0,0.6) !important;
}

/* Remove padding and spacing from Photo & Video Gallery Section, but keep bottom padding */
.ux4g-photo-video-gallery-section,
.ux4g-photo-video-gallery-section .wp-block-group {
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
}


.ux4g-photo-video-gallery-section h2.wp-block-heading {
	margin-top: 0 !important;
	margin-bottom: 32px !important;
}

/* Ensure UX4G Objective Cards have equal height and consistent gaps */
.wp-block-ux4g-objective-card {
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

/* Force equal height inside WordPress Columns */
.wp-block-columns:has(.wp-block-ux4g-objective-card) {
	gap: 24px !important; /* Consistent horizontal gap */
	margin-bottom: 24px !important; /* Consistent vertical gap */
}

.wp-block-columns:has(.wp-block-ux4g-objective-card) .wp-block-column {
	display: flex !important;
	flex-direction: column !important;
}

.wp-block-columns:has(.wp-block-ux4g-objective-card) .wp-block-column > .wp-block-ux4g-objective-card {
	flex: 1 1 auto !important;
}

/* Fix spacing issue on mobile & tablet: Reset height to auto and ensure balanced padding */
@media (max-width: 992px) {
	.wp-block-ux4g-objective-card {
		height: auto !important;
		min-height: 0 !important;
		align-items: flex-start !important;
	}

	.wp-block-columns:has(.wp-block-ux4g-objective-card) .wp-block-column {
		height: auto !important;
		display: block !important;
	}

	.wp-block-ux4g-objective-card .ux4g-objective-content,
	.wp-block-ux4g-objective-card .ux4g-objective-title,
	.wp-block-ux4g-objective-card .ux4g-objective-body,
	.wp-block-ux4g-objective-card p {
		margin: 0 !important;
		padding: 0 !important;
	}

	.wp-block-ux4g-objective-card p:empty {
		display: none !important;
	}
}





/* UX4G Card Journal - Specific Overrides for Alignment and Justification */
.card-journal .card-body > div:first-child {
    display: flex !important;
    align-items: flex-start !important;
}

.card-journal .card-body p {
    text-align: justify !important;
}

.card-journal-actions {
    margin-top: 4px !important;
    align-items: flex-start !important;
}

.card-journal-arrow svg {
    width: 20px !important;
    height: 20px !important;
}

/* --- FINAL AGGRESSIVE OVERRIDES FOR CACHE BUSTING --- */
/* 1. Force Hide Mic Icon Everywhere */
.ux4g-mic-icon-right, 
.ux4g-mic-icon-right img,
.ux4g-mic-icon-right figure {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* 2. Force Card Header Alignment (Top-Right Arrow) */
.card-journal .card-body > div[style*="display:flex"],
.card-journal .card-body > div:first-child,
.card-journal-header {
    align-items: flex-start !important;
}

/* 3. Force Card Content Justification */
.card-journal .card-body p,
.card-journal .card-text,
.ux4g-ongoing-project-card p {
    text-align: justify !important;
}

/* 4. Icon size and margin adjustment */
.card-journal-actions {
    margin-top: 4px !important;
    align-items: flex-start !important;
}

.card-journal-arrow svg {
    width: 20px !important;
    height: 20px !important;
}
ol.breadcrumb {
  display: flex !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
  text-overflow: ellipsis !important;
}
nav[aria-label="breadcrumb"] {
  width: 100% !important;
}
.breadcrumb-item.active {
  justify-content:start !important;
  align-items:start !important;
}
.ux4g-breadcrumb-bar.ux4g-single-detail-container {
  padding-bottom: 16px !important;
}

/* Important Links Page CSS - Tirth */
.important-links-table th:first-child, .important-links-table td:first-child {
	width: 80px;
}
.important-links-table th {
	background-color: #00600B !important;
	color: #ffffff !important;
	border-color: #00600B !important;
}
.important-links-table, .important-links-table th, .important-links-table td {
	border: 1px solid #00600B !important;
}
.important-links-table thead {
	border-bottom: 3px solid #00600B;
}
/* breadcrumb left padding remove */
.ux4g-breadcrumb-bar > div:first-child { padding-left: 0 !important; }