/* ==========================================================================
	 1. GLOBAL ACCESSIBILITY RESET & LAYOUT SYSTEMS
	 ========================================================================== */
     *, *::before, *::after {
		-webkit-tap-highlight-color: transparent !important;
}

.wp-block-navigation-item,
.wp-block-navigation-item__content,
.wp-block-navigation-link,
.wp-block-navigation-link a,
.mobile-arrow-toggle,
.mobile-arrow-toggle span,
.wp-block-navigation__responsive-container-close {
		outline: none !important;
		box-shadow: none !important;
}

@media (min-width: 1025px) {
		main {
				padding-left: 18vw !important;
				padding-right: 18vw !important;
				width: 100% !important;
				box-sizing: border-box !important;
		}
}

@media (max-width: 1024px) {
		main,
		main.wp-block-group {
				padding-left: 15px !important;
				padding-right: 15px !important;
				width: 100% !important;
				box-sizing: border-box !important;
		}
}

.wp-block-cover__background,
div.wp-block-cover__background {
		background-color: transparent !important;
		opacity: 0 !important;
}

/* ==========================================================================
	 2. DESKTOP LAYOUT (Global & Themes) - LAPTOPS/DESKTOPS
	 ========================================================================== */
/* GLOBAL CENTERED LOGO ENGINE */
.wp-block-site-logo {
		position: relative !important;
		z-index: 20000 !important;
		display: block !important;
		width: 120px !important;
		max-width: 120px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 35px !important;
		margin-bottom: 20px !important;
		padding: 0 !important;
		text-align: center !important;
		filter: drop-shadow(0px 0px 2px #ffffff) drop-shadow(0px 0px 30px #ffffff) !important;
}

.wp-block-site-logo a {
		display: block !important;
		text-align: center !important;
		width: 100% !important;
}

.wp-block-site-logo img {
		display: inline-block !important;
		width: 100% !important;
		height: auto !important;
}

.wp-block-navigation.moveup,
.wp-block-navigation {
		position: relative !important;
		margin-top: 0px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		background-color: #0070ba !important;
}

/* ==========================================================================
	 DESKTOP NAV EFFECTS: HOVER UNDERLINE & ACTIVE SOLID BLOCK (1025px+)
	 ========================================================================== */
@media (min-width: 1025px) {
		.wp-block-navigation__container > .wp-block-navigation-item,
		.wp-block-navigation__container > .wp-block-navigation-link {
				position: relative !important;
				display: inline-flex !important;
				align-items: center !important;
				height: 100% !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
		.wp-block-navigation__container > .wp-block-navigation-item > a {
				color: #ffffff !important;
				transition: color 0.2s ease, background-color 0.2s ease !important;
				padding: 15px 20px !important;
				line-height: 1 !important;
				text-decoration: none !important;
				display: flex !important;
				align-items: center !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item svg,
		.wp-block-navigation__container > .wp-block-navigation-item button {
				fill: #ffffff !important;
				stroke: #ffffff !important;
				color: #ffffff !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current-menu-ancestor) > .wp-block-navigation-item__content::after,
		.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current-menu-ancestor) > a::after {
				content: "" !important;
				position: absolute !important;
				bottom: 4px !important;
				left: 20px !important;
				right: 20px !important;
				height: 3px !important;
				background-color: #ffffff !important;
				transform: scaleX(0) !important;
				transition: transform 0.2s ease-in-out !important;
				transform-origin: bottom left !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item.has-child:not(.current-menu-item):not(.current-menu-ancestor) > .wp-block-navigation-item__content::after,
		.wp-block-navigation__container > .wp-block-navigation-item.has-child:not(.current-menu-item):not(.current-menu-ancestor) > a::after {
				right: 20px !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current-menu-ancestor):hover > .wp-block-navigation-item__content,
		.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current-menu-ancestor):hover > a {
				color: #ffffff !important;
				background-color: transparent !important;
				opacity: 0.8 !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current-menu-ancestor):hover > .wp-block-navigation-item__content::after,
		.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current-menu-ancestor):hover > a {
				transform: scaleX(1) !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor {
				background-color: transparent !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > a {
				background-color: transparent !important;
				color: #ffffff !important;
				font-weight: bold !important;
				padding: 12px 20px !important;
				margin: 0px !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a::after,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content::after,
		.wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > a::after {
				content: "" !important;
				position: absolute !important;
				bottom: 4px !important;
				left: 20px !important;
				right: 20px !important;
				height: 3px !important;
				background-color: #ffffff !important;
				transform: scaleX(1) !important;
		}

		.wp-block-navigation__container > .wp-block-navigation-item.has-child.current-menu-item > a::after,
		.wp-block-navigation__container > .wp-block-navigation-item.has-child.current-menu-ancestor > a::after,
		.wp-block-navigation__container > .wp-block-navigation-item.has-child.current-menu-item > .wp-block-navigation-item__content::after,
		.wp-block-navigation__container > .wp-block-navigation-item.has-child.current-menu-ancestor > .wp-block-navigation-item__content::after {
				right: 20px !important;
		}

		.wp-block-navigation__submenu-container {
				position: absolute !important;
				background-color: #ffffff !important;
				border: 1px solid #e2e8f0 !important;
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
				left: -1px !important;
				overflow: hidden !important;
				top: 100% !important;
				padding: 8px 0px 6px 0px !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item,
		.wp-block-navigation__submenu-container .wp-block-navigation-link {
				position: relative !important;
				width: 100% !important;
				display: block !important;
				box-sizing: border-box !important;
				float: none !important;
				background-color: transparent !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content,
		.wp-block-navigation__submenu-container .wp-block-navigation-item a,
		.wp-block-navigation__submenu-container .wp-block-navigation-link .wp-block-navigation-item__content,
		.wp-block-navigation__submenu-container .wp-block-navigation-link a {
				color: #333333 !important;
				background-color: transparent !important;
				padding: 10px 20px !important;
				display: block !important;
				width: 100% !important;
				box-sizing: border-box !important;
				font-weight: normal !important;
				text-decoration: none !important;
				transition: color 0.15s ease, background-color 0.15s ease !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
		.wp-block-navigation__submenu-container .wp-block-navigation-item:hover > a {
				color: #0070ba !important;
				background-color: rgba(0, 112, 186, 0.05) !important;
		}

		.mobile-arrow-toggle,
		.drawer-social-icons,
		.wp-block-navigation__responsive-container-open {
				display: none !important;
		}
}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
		font-size: 30px !important;
}

/* ==========================================================================
	 3. MOBILE & TABLET BREAKPOINTS (1024px and narrower)
	 ========================================================================== */
@media (max-width: 1024px) {
		html, body, main {
				overflow-x: hidden !important;
		}

		header.wp-block-template-part,
		header,
		.site-header,
		.wp-block-group.header-bar-mobile {
				position: relative !important;
				display: block !important;
				width: 100% !important;
				background-color: #ffffff !important;
				box-sizing: border-box !important;
		}

		.wp-block-site-logo {
				max-width: 70px !important;
				width: 70px !important;
				margin-left: auto !important;
				margin-right: auto !important;
				margin-top: 20px !important;
				margin-bottom: 20px !important;
				display: block !important;
				position: relative !important;
				z-index: 10 !important;
		}

		.wp-block-site-logo img {
				max-width: 70px !important;
		}
}

/* ==========================================================================
	 4. MOBILE HEADER & HAMBURGER SYSTEM
	 ========================================================================== */
@media (max-width: 1024px) {
		.wp-block-navigation__responsive-container-open:not(.is-menu-open) {
				display: flex !important;
		}

		.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
				display: none !important;
		}

		div.wp-block-group.\.header-bar-mobile ul.wp-block-social-links.alignright {
				display: none !important;
		}

		div.wp-block-group.\.header-bar-mobile,
		.header-bar-mobile,
		div.wp-block-group.header-bar-mobile {
				padding: 0 !important;
				margin: 0 !important;
				height: 0 !important;
				min-height: 0 !important;
				background: transparent !important;
				background-color: transparent !important;
		}

		.wp-block-navigation.moveup,
		.wp-block-navigation {
				background-color: transparent !important; 
				background: transparent !important;
				padding: 0 !important;
				margin: 0 !important;
				width: auto !important;
				height: auto !important;
		}

		/* HAMBURGER TRIGGER CORE POSITIONING (Logged out / Live site view) */
		.wp-block-navigation__responsive-container-open,
		button.wp-block-navigation__responsive-container-open {
				position: fixed !important;       
				top: 20px !important;              
				left: 20px !important;            
				padding: 10px !important;
				margin: 0 !important;
				background: transparent !important;          
				background-color: transparent !important;    
				border: none !important;
				box-shadow: none !important;
				outline: none !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				z-index: 999999 !important;       
		}

		/* DYNAMIC FIX FOR WORDPRESS ADMIN BAR OVERLAP (Staging / Logged in view) */
		.admin-bar .wp-block-navigation__responsive-container-open,
		.admin-bar button.wp-block-navigation__responsive-container-open {
				top: 25px !important;             
		}

		/* Adjusts alignment for smaller screens where the admin bar expands slightly */
		@media (max-width: 782px) {
				.admin-bar .wp-block-navigation__responsive-container-open,
				.admin-bar button.wp-block-navigation__responsive-container-open {
						top: 25px !important;     
				}
		}

		.wp-block-navigation__responsive-container-open .wp-block-navigation-toggle-button-icon,
		.wp-block-navigation-toggle-button-icon {
				display: flex !important;
				flex-direction: column !important;
				justify-content: space-between !important;
				width: 24px !important;
				height: 15px !important; 
		}

		.wp-block-navigation__responsive-container-open .wp-block-navigation-toggle-button-icon span,
		.wp-block-navigation-toggle-button-icon span {
				display: block !important;
				width: 100% !important;
				height: 1.5px !important;            
				background-color: #0070ba !important; 
				background: #0070ba !important;
				border-radius: 1px !important;
		}

		.wp-block-navigation__responsive-container-open svg {
				width: 26px !important;
				height: 26px !important;
		}
		.wp-block-navigation__responsive-container-open svg path,
		.wp-block-navigation__responsive-container-open svg line {
				fill: none !important;
				stroke: #0070ba !important;
				stroke-width: 1.5px !important;     
		}
}

/* ==========================================================================
	 5. SIDEBAR DRAWER ENGINE & STICKY CLOSE TRIGGER
	 ========================================================================== */
@media (max-width: 1024px) {
		html, body {
				overflow-x: hidden !important;
		}
		
		html[class*="open"], body[class*="open"],
		html[class*="modal"], body[class*="modal"],
		.has-modal-open, html.has-modal-open, body.has-modal-open {
				overflow: hidden !important;
				overflow-y: hidden !important;
				position: fixed !important;
				width: 100% !important;
				height: 100% !important;
		}

		.wp-block-navigation__responsive-container:not(.is-menu-open) {
				display: flex !important;
				opacity: 0 !important;
				visibility: hidden !important;
				transform: translateX(-100%) !important;
		}

		.wp-block-navigation__responsive-container {
				position: fixed !important;
				top: 0 !important;
				left: 0 !important;
				right: auto !important;
				width: 40vw !important;
				min-width: 280px !important;
				height: 100vh !important;
				background-color: #ffffff !important;
				z-index: 999999 !important;
				box-shadow: 4px 0 15px rgba(0, 0, 0, 0.1) !important;
				overflow-x: hidden !important;
				overflow-y: auto !important;
				-webkit-overflow-scrolling: touch !important;
		}

		.wp-block-navigation__responsive-container-content {
				padding-top: 80px !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
				align-items: stretch !important;
				text-align: left !important;
				flex-direction: column !important;
				display: flex !important;
				gap: 0px !important;
				width: 100% !important;
		}

		.wp-block-navigation__responsive-container::-webkit-scrollbar {
				display: none !important;
		}

		.wp-block-navigation__responsive-container {
				scrollbar-width: none !important;
		}

		.wp-block-navigation__responsive-container-close,
		button.wp-block-navigation__responsive-container-close {
				position: fixed !important;       
				top: 16px !important;
				left: calc(40vw - 54px) !important; 
				right: auto !important;
				z-index: 2000000 !important;      
				padding: 10px !important;
				margin: 0 !important;
				background-color: #ffffff !important; 
				border-radius: 50% !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
		}
		
		@media (max-width: 700px) {
				.wp-block-navigation__responsive-container-close,
				button.wp-block-navigation__responsive-container-close {
						left: 226px !important; 
				}
		}

		.wp-block-navigation__responsive-container-close svg {
				width: 18px !important;  
				height: 18px !important; 
		}

		.wp-block-navigation__responsive-container-close svg path,
		.wp-block-navigation__responsive-container-close svg line {
				stroke: #333333 !important;
				stroke-width: 1.5px !important; 
		}
}

/* ==========================================================================
	 6. MOBILE/TABLET NAVIGATION LINKS & DROPDOWNS
	 ========================================================================== */
@media (max-width: 1024px) {
		.wp-block-navigation-item,
		.wp-block-navigation-link {
				width: 100% !important;
				display: flex !important;
				flex-direction: row !important;
				flex-wrap: wrap !important;
				align-items: center !important;
				justify-content: space-between !important;
				position: relative !important;
				margin: 0 !important;
				padding: 0 !important;
				border-bottom: 1px solid #f0f0f0 !important;
				box-sizing: border-box !important;
		}

		.wp-block-navigation-item__content,
		.wp-block-navigation-item > a,
		.wp-block-navigation-link > a {
				display: inline-flex !important;
				align-items: center !important;
				justify-content: flex-start !important;
				padding: 16px 0px 16px 24px !important;
				box-sizing: border-box !important;
				color: #333333 !important;
				white-space: nowrap !important;
				text-align: left !important;
				transition: color 0.2s ease !important;
				text-decoration: none !important;
		}

		.wp-block-navigation-item__content:hover,
		.wp-block-navigation-item > a:hover {
				color: #0070ba !important;
		}

		.mobile-arrow-toggle {
				display: flex !important;
				align-items: center !important;
				justify-content: flex-end !important;
				flex-grow: 1 !important;
				height: 50px !important;
				cursor: pointer !important;
				padding-right: 24px !important;
				box-sizing: border-box !important;
				font-size: 14px !important;
				color: #666666 !important;
		}

		.mobile-arrow-toggle:hover span {
				color: #0070ba !important;
		}

		.mobile-arrow-toggle span {
				display: inline-block !important;
				transition: transform 0.2s ease, color 0.2s ease !important;
		}

		.wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
				display: none !important;
				visibility: hidden !important;
				opacity: 0 !important;
				height: 0 !important;
				overflow: hidden !important;
				position: relative !important;
				top: 0 !important;
				left: 0 !important;
				width: 100% !important;
				flex-basis: 100% !important;
				margin: 0 !important;
				background-color: #fafafa !important;
				border-top: 1px solid #f5f5f5 !important;
				padding: 6px 0px 14px 24px !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item {
				border-bottom: none !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
				padding: 10px 24px !important;
				line-height: 1.2 !important;
		}

		.wp-block-navigation-item.has-child.is-active > .wp-block-navigation__submenu-container {
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				height: auto !important;
				overflow: visible !important;
		}

		.wp-block-navigation-item.has-child.is-active > .mobile-arrow-toggle span {
				transform: rotate(180deg) !important;
				color: #0070ba !important;
		}
}

/* ==========================================================================
	 7. DRAWER SOCIAL MEDIA SPACE ADJUSTMENTS
	 ========================================================================== */
@media (max-width: 1024px) {
		ul.drawer-social-icons,
		.drawer-social-icons {
				display: flex !important;
				opacity: 1 !important;
				visibility: visible !important;
				margin-top: auto !important;
				padding-top: 20px !important;
				padding-bottom: 25px !important;
				padding-left: 24px !important;
				border-top: 1px solid #eeeeee !important;
				width: 100% !important;
				justify-content: flex-start;
				list-style: none !important;
		}

		.drawer-social-icons li.wp-social-link,
		.drawer-social-icons .wp-social-link {
				display: inline-block !important;
				opacity: 1 !important;
				visibility: visible !important;
				margin-right: 18px !important; 
		}
		
		.drawer-social-icons .wp-social-link a,
		.drawer-social-icons .wp-social-link svg,
		.drawer-social-icons .wp-social-link svg path {
				color: #0070ba !important;
				fill: #0070ba !important;
				opacity: 1 !important;
				visibility: visible !important;
		}
}

/* ==========================================================================
   8. HERO CAROUSEL BANNER SYSTEM (SCALED & COMPACT DESIGN)
   ========================================================================== */
   
   /* 0. MAIN CONTAINER WIDTH REDUCTION */
   /* Reduces overall banner size on desktop and centers it */
   .my-hero-banner {
       max-width: 900px !important;  /* Adjust this value (e.g., 800px - 950px) to control banner width */
       margin: 0 auto !important;    /* Centers the banner on the page */
   }

   .my-hero-banner .wp-block-uagb-post-carousel,
   .my-hero-banner .uagb-post-carousel__outer-wrap {
       width: 100% !important;
       max-width: 100% !important;
       padding: 0 !important;
       margin: 0 !important;
   }
   
   /* Master Inner Wrapper Reset */
   .my-hero-banner .uagb-post__inner-wrap {
       position: relative !important;
       display: flex !important;
       flex-direction: column !important;
       padding: 0 !important;
       overflow: hidden !important;
       background: #0f2c59 !important;
   }
   
   /* 1. BANNER IMAGE CONTAINER */
   .my-hero-banner .uagb-post__image {
       position: relative !important;
       order: 1 !important;        
       width: 100% !important;
       margin: 0 !important;       
       padding: 0 !important;
   }
   
   .my-hero-banner .uagb-post__image img {
       aspect-ratio: 40 / 21 !important;
       object-fit: cover !important;
       width: 100% !important;
       height: auto !important;
       display: block !important;
       margin: 0 !important;
       padding: 0 !important;
   }
   
   /* 2. CATEGORY META BADGES */
   .my-hero-banner .uagb-post-grid-byline {
       position: absolute !important; 
       top: 12px !important;           
       left: 12px !important;         
       z-index: 9999 !important;
       margin: 0 !important;
       padding: 0 !important;
       display: block !important; 
       height: auto !important;
       width: auto !important;
       pointer-events: auto !important;
       background: transparent !important; 
   }
   
   .my-hero-banner .uagb-post-grid-byline .uagb-post__text {
       background-color: transparent !important;
       padding: 0 !important;
       margin: 0 !important;
       display: block !important;
       width: auto !important;
   }
   
   .my-hero-banner .uagb-post__taxonomy {
       display: flex !important;
       flex-direction: row !important;
       flex-wrap: wrap !important;
       gap: 6px !important;     
       padding: 0 !important;
       margin: 0 !important;
       color: transparent !important;
       font-size: 0px !important;
   }
   
   /* Individual Badge Styling Transformation */
   .my-hero-banner .uagb-post__taxonomy a,
   .my-hero-banner .uagb-post-grid-byline a {
       display: inline-block !important;
       background-color: #e5e7eb !important;
       color: #1f2937 !important;           
       padding: 4px 10px !important;        /* Compact badge padding */
       font-size: 0.75rem !important;      /* Reduced badge font size */
       font-weight: 600 !important;
       text-transform: uppercase !important;
       text-decoration: none !important;
       border-radius: 4px !important;       
       line-height: 1.2 !important;
       visibility: visible !important;
       opacity: 1 !important;
   }
   
   .my-hero-banner .uagb-post__taxonomy a:hover {
       background-color: #d1d5db !important;
   }
   
   /* 3. NAVY BLUE INFO BOX TRAY & TITLE REDUCTION */
   .my-hero-banner .uagb-post__text:not(.uagb-post-grid-byline):not(.uagb-post-grid-byline .uagb-post__text) {
       background-color: transparent !important; 
   }
   
   .my-hero-banner h1.uagb-post__title.uagb-post__text {
       order: 2 !important;                  
       padding: 15px 20px 0px 20px !important; /* Reduced padding top/sides */
       margin: 0 !important;
       text-align: left !important;
       background-color: transparent !important;
       box-sizing: border-box !important;
       
       display: -webkit-box !important;
       -webkit-line-clamp: 2 !important;
       -webkit-box-orient: vertical !important;
       overflow: hidden !important;
       
       line-height: 1.3 !important;
       height: 3.2em !important;   /* Tightened height for two lines of smaller text */
   }
   
   /* Shrunken Title Font Size */
   .my-hero-banner h1.uagb-post__title.uagb-post__text a {
       color: #ffffff !important;            
       font-size: 1.15rem !important;      /* Reduced from 1.5rem */
       font-weight: 700 !important;
       text-decoration: none !important;
       display: inline !important;   
       line-height: 1.3 !important;
   }
    
   /* 4. EXCERPT TEXT REDUCTION */
   .my-hero-banner .uagb-post__excerpt {
       position: static !important;
       order: 3 !important;                  
       padding: 6px 20px 15px 20px !important; /* Tightened bottom/top padding */
       margin: 0 !important;                 
       color: #e2e8f0 !important;            
       font-size: 0.85rem !important;      /* Reduced from 1rem */
       line-height: 1.5 !important;
       display: -webkit-box !important;
       -webkit-line-clamp: 2 !important;     
       -webkit-box-orient: vertical !important;
       overflow: hidden !important;
       box-sizing: border-box !important;
   }
   
   .my-hero-banner .uagb-post__excerpt p {
       margin: 0 !important;
       padding: 0 !important;
   }
    
   /* Slider Pagination Dots */
   .my-hero-banner .slick-dots,
   .my-hero-banner ul.slick-dots {
       position: relative !important;
       margin: 12px 0 0 0 !important;
       padding: 0 !important;
       list-style: none !important;
       display: flex !important;
       justify-content: center !important;
   }
    
   /* Tablet & Mobile Layout Scaling Rules */
   @media (max-width: 1024px) {
       .my-hero-banner {
           max-width: 100% !important; /* Takes full width on mobile/tablet */
       }

       .my-hero-banner h1.uagb-post__title.uagb-post__text {
           padding: 12px 15px 0px 15px !important;
           height: 3.2em !important;
       }
        
       .my-hero-banner h1.uagb-post__title.uagb-post__text a {
           font-size: 1rem !important;
       }
        
       .my-hero-banner .uagb-post__excerpt {
           padding: 4px 15px 12px 15px !important;
           font-size: 0.8rem !important;
       }
        
       .my-hero-banner .uagb-post-grid-byline {
           top: 10px !important;
           left: 10px !important;
       }
   }
/* ==========================================================================
     9. LATEST POSTS QUERY GRID (3 Columns Baseline / 2 Tablet / 1 Mobile)
     ========================================================================== */
.my-latest-posts-grid {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
}

.my-latest-posts-grid .wp-block-columns,
.my-latest-posts-grid .wp-block-column,
.my-latest-posts-grid .wp-block-query {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}

/* Base structural layout engine: Forces exactly 3 blocks side-by-side */
.my-latest-posts-grid ul.wp-block-post-template {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; 
        gap: 24px !important; /* Slightly reduced gap to keep cards comfortable in 3 columns */
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 40px 0 !important; 
        list-style: none !important;
        box-sizing: border-box !important;
}

/* Responsive query: Drops to 2 columns on tablets */
@media (max-width: 1024px) {
        .my-latest-posts-grid ul.wp-block-post-template {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 20px !important;
        }
}

/* Responsive query: Drops down to 1 column on mobile screens */
@media (max-width: 640px) {
        .my-latest-posts-grid ul.wp-block-post-template {
                grid-template-columns: 1fr !important; 
                gap: 20px !important;
        }
}

/* Critical fallback handling: Intercepts JS manipulations smoothly */
.my-latest-posts-grid ul.wp-block-post-template > li {
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        min-width: 0;
}

.my-latest-posts-grid .wp-block-post-featured-image,
.my-latest-posts-grid .wp-block-post-featured-image a,
.my-latest-posts-grid ul.wp-block-post-template li img {
        width: 100% !important;
        aspect-ratio: 40 / 21 !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 !important;
        max-width: 100% !important;
}

.my-latest-posts-grid ul.wp-block-post-template li > .wp-block-group {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding-top: 6px !important;
        min-width: 0;
}

.my-latest-posts-grid ul.wp-block-post-template li > .wp-block-group > .wp-block-group:last-child {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding-top: 12px !important;
        border-top: 1px solid rgba(0,0,0,0.06) !important;
        box-sizing: border-box !important;
}

/* Styling your custom anchor wrapper holding the JS link trigger */
#custom-load-more-btn {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 20px !important;
        clear: both !important;
}

/* Styles the link/button trigger inside your container to match branding blue */
#custom-load-more-btn a,
#custom-load-more-btn button,
#custom-load-more-btn .wp-block-button__link {
        display: inline-block !important;
        background-color: #0070ba !important; /* Brand Blue */
        color: #ffffff !important;
        padding: 12px 40px !important;
        text-decoration: none !important;
        font-weight: bold !important;
        border-radius: 0px !important;        /* Sharp rectangular corners match layout specs */
        border: none !important;
        cursor: pointer !important;
        transition: background-color 0.2s ease !important;
        text-align: center !important;
}

#custom-load-more-btn a:hover,
#custom-load-more-btn button:hover {
        background-color: #005994 !important;
}

/* ==========================================================================
	 10. FEATURED POSTS TAB SECTION (CLEAN BORDERLESS GRID ENGINE)
	 ========================================================================== */
[class*="wp-block-uagb-tabs"],
.uagb-tabs__body-wrap {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
}

.uagb-tabs__body-container.uagb-tabs__active,
[class*="uagb-inner-tab-"].uagb-tabs__active {
		display: block !important;
		width: 100% !important;
		border: none !important;
		padding: 0 !important;
}

[class*="wp-block-uagb-tabs"] ul.wp-block-post-template,
[class*="wp-block-uagb-tabs"] .wp-block-query ul.wp-block-post-template {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 30px !important;
		align-items: stretch !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
		box-sizing: border-box !important;
}

[class*="wp-block-uagb-tabs"] ul.wp-block-post-template > li,
[class*="wp-block-uagb-tabs"] .wp-block-query ul.wp-block-post-template > li {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
}

[class*="wp-block-uagb-tabs"] .wp-block-post-featured-image,
[class*="wp-block-uagb-tabs"] .wp-block-post-featured-image a,
[class*="wp-block-uagb-tabs"] ul.wp-block-post-template li img {
		width: 100% !important;
		aspect-ratio: 40 / 21 !important;
		object-fit: cover !important;
		display: block !important;
		margin: 0 !important;
}

[class*="wp-block-uagb-tabs"] .wp-block-post-title,
[class*="wp-block-uagb-tabs"] .wp-block-post-title a {
		font-size: var(--wp--preset--font-size--medium) !important;
		font-weight: var(--wp--custom--font-weight--bold, bold) !important;
		line-height: 1.4 !important;
		margin-top: 12px !important;
		margin-bottom: 8px !important;
}

[class*="wp-block-uagb-tabs"] .wp-block-post-date {
		font-size: 0.8rem !important;
		color: var(--wp--preset--color--tertiary, #767676) !important;
		margin-bottom: 10px !important;
		display: block !important;
}

[class*="wp-block-uagb-tabs"] .wp-block-post-excerpt,
[class*="wp-block-uagb-tabs"] .wp-block-post-excerpt__content {
		font-size: 0.8rem !important;
		line-height: 1.6 !important;
		color: var(--wp--preset--color--tertiary, #767676) !important;
		margin-top: 4px !important;
		margin-bottom: 0 !important;
}

ul.uagb-tabs__panel {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none !important;
		border: none !important;
		border-bottom: none !important;
		padding: 0 0 5px 0 !important;
		margin: 0 0 25px 0 !important;
		width: 100% !important;
		-webkit-overflow-scrolling: touch !important;
		user-select: none !important;
		-webkit-user-select: none !important;
		scroll-behavior: auto !important;
		cursor: grab !important;
}

ul.uagb-tabs__panel::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
}

li.uagb-tab {
		flex: 0 0 auto !important;
		border: none !important;
		background: transparent !important;
		margin: 0 !important;
		padding: 0 !important;
}

li.uagb-tab a.uagb-tabs-list {
		display: block !important;
		border: none !important;
		background: transparent !important;
		padding: 10px 18px !important;
		color: var(--wp--preset--color--primary, #666666) !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		font-weight: 500 !important;
		transition: color 0.15s ease !important;
		box-shadow: none !important;
		-webkit-user-drag: none !important;
}

li.uagb-tab a.uagb-tabs-list:hover {
		color: var(--wp--preset--color--contrast, #0070ba) !important;
}

li.uagb-tab.uagb-tabs__active a.uagb-tabs-list {
		color: #0070ba !important;
		font-weight: bold !important;
		border: none !important;
		box-shadow: inset 0 -3px 0 0 #0070ba !important;
}


@media (max-width: 1024px) {
		[class*="wp-block-uagb-tabs"] ul.wp-block-post-template,
		[class*="wp-block-uagb-tabs"] .wp-block-query ul.wp-block-post-template {
				grid-template-columns: repeat(2, 1fr) !important;
				gap: 20px !important;
		}
		
		ul.uagb-tabs__panel,
		ul.uagb-tabs__panel.uagb-tabs__align-center {
				justify-content: flex-start !important;
				padding-left: 0px !important;
				padding-right: 20px !important;
				box-sizing: border-box !important;
				width: 100% !important;
		}
		
		ul.uagb-tabs__panel li.uagb-tab {
				width: auto !important;
				max-width: max-content !important;
				display: inline-block !important;
		}
		
		ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs-list {
				width: auto !important;
				max-width: max-content !important;
				display: block !important;
				padding: 15px 15px !important;
		}
}

@media (max-width: 767px) {
		[class*="wp-block-uagb-tabs"] ul.wp-block-post-template,
		[class*="wp-block-uagb-tabs"] .wp-block-query ul.wp-block-post-template {
				grid-template-columns: 1fr !important;
				gap: 25px !important;
		}
}

/* ==========================================================================
     11. UNIFIED SEARCH BLOCK SQUARE ENGINE (Flex Alignment Fix)
     ========================================================================== */
     .wp-block-search,
     .wp-block-search fieldset {
             border: none !important;
             background: transparent !important;
             box-shadow: none !important;
             margin: 0 !important;
             padding: 0 !important;
     }
     
     /* FIX: Forces container to flex so input and button sit side-by-side naturally */
     .wp-block-search form {
             display: flex !important;
             flex-direction: row !important;
             flex-wrap: nowrap !important;
             align-items: stretch !important;
             gap: 0px !important;                      /* Zero gap layout */
             width: 100% !important;
             margin: 0 !important;
             padding: 0 !important;
             position: relative !important;
     }
     
     /* Text Input: Fills up all available space up until the button */
     .wp-block-search__input {
             background-color: #ffffff !important;
             border: 1px solid #e2e8f0 !important;
             border-right: none !important;            /* Seamless merge with the button */
             border-radius: 0px !important;            
             padding: 10px 20px !important;            /* Regular padding inside input */
             height: 45px !important;
             flex-grow: 1 !important;                  /* Stretches to fill space */
             box-shadow: none !important;             
             display: block !important;
             box-sizing: border-box !important;
             margin: 0 !important;                     
     }
     
     /* BASE BUTTON STYLE: Second search bar (Flex-aligned, no absolute gap) */
     .wp-block-search__button {
             position: static !important;              /* FIX: Removes absolute alignment */
             transform: none !important;               /* Removes absolute centering translation */
             background: #0070ba !important;          
             color: #ffffff !important;               
             padding: 0px 30px !important;            /* Spacing handles width */
             margin: 0 !important;                     
             border-radius: 0px !important;            
             display: flex !important;
             align-items: center !important;
             justify-content: center !important;
             z-index: 10 !important;
             height: 45px !important;                  
             width: auto !important;                   
             border: none !important;
             flex-shrink: 0 !important;                /* Prevents button from squishing */
     }
     
     .wp-block-search__button svg {
             fill: #ffffff !important;                
             width: 18px !important;
             height: 18px !important;
     }
     
     /* NAVIGATION OVERRIDE: Restores mobile/tablet constraints if nested */
     .wp-block-navigation .wp-block-search__button {
             width: 50px !important;                   
             padding: 0px 15px !important;            
     }

     /* Hide the standalone desktop search bar on mobile/tablet frames */
    @media (max-width: 1025px) {
    .desktop-only-search {
            display: none !important;
    }
}


/* ==========================================================================
	 12. DESKTOP UTILITY BAR & MOBILE SIDEBAR DISPLAY DRIVERS
	 ========================================================================== */
@media (min-width: 1025px) {
		.header-utility-bar {
				position: absolute !important;
				top: 20px !important;
				left: 15vw !important;
				right: 15vw !important;
				display: flex !important;
				justify-content: space-between !important;
				align-items: center !important;
				z-index: 19999 !important;
		}

		/* FIXED: Reduced length by 20% (From 300px down to 240px wide) */
		.header-utility-bar .wp-block-search {
				width: 240px !important;
		}

		.wp-block-navigation .wp-block-search { 
				display: none !important; 
		}
}

@media (max-width: 1024px) {
		.header-utility-bar { 
				display: none !important; 
		}
		
		.wp-block-navigation .wp-block-search { 
				display: block !important; 
				margin: 0 20px 20px 20px !important;
		}
}

/* ==========================================================================
     13. HOT CATEGORIES QUICK ACCESS SECTION (MINIMALIST SLIDER ENGINE)
     ========================================================================== */
/* Main container allowing native horizontal flow */
.wp-block-buttons.hot-categories-section {
    display: flex !important;
    flex-wrap: nowrap !important;       /* Forces items into a single row */
    overflow-x: auto !important;        /* Native swipe/scroll */
    scroll-behavior: smooth;            /* Fluid automated links */
    gap: 36px !important;               /* Space between your pillars */
    width: 100% !important;
    max-width: 100% !important;
    padding: 25px 20px !important;      /* INCREASED: Extra height so card shadows don't get clipped */
    margin: 0 auto !important;
    box-sizing: border-box !important;
    cursor: grab;                       /* Hand grab indicator for desktop */
        
    /* Hide scrollbars across all modern browsers */
    scrollbar-width: none !important;   /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
    -webkit-overflow-scrolling: touch;  /* Smooth inertial tracking on mobile */
}

/* Hide scrollbar for Chrome, Safari, and Opera */
.wp-block-buttons.hot-categories-section::-webkit-scrollbar {
    display: none !important;
}

.wp-block-buttons.hot-categories-section:active {
    cursor: grabbing;
}

/* Grid item pillar dimensions */
.wp-block-buttons.hot-categories-section .wp-block-button {
    flex: 0 0 140px !important;         /* INCREASED: Wider footprint for larger inline image cards */
    width: 140px !important;            /* INCREASED */
    min-width: 140px !important;        /* INCREASED */   
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Category Stack adjustments (Align items centrally) */
.wp-block-buttons.hot-categories-section .wp-block-button__link {
    display: flex !important;
    flex-direction: column !important;  
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important; 
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    text-decoration: none !important;
}

/* Inline Image Asset Resizing, Curves, and Shadow Engine */
.wp-block-buttons.hot-categories-section .wp-block-button__link img {
    position: static !important;
    width: 120px !important;            /* INCREASED: Large prominent dimensions to match layout design */
    height: 120px !important;           /* INCREASED: Perfect square footprint */
    max-width: 120px !important;
    max-height: 120px !important;
    object-fit: contain !important;
    margin: 0 !important;
		padding:12px!important;
		background:white !important;
    border-radius: 12px !important;     /* Smoothly matches the rounded image frame curves */
    
    /* Smooth, elegant drop shadow engine */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), 
                0 2px 6px rgba(0, 0, 0, 0.04) !important;
                
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                box-shadow 0.25s ease-in-out !important;
}

/* Tactile Hover States: Lift up and expand the shadow profile */
.wp-block-buttons.hot-categories-section .wp-block-button__link:hover img {
    transform: translateY(-6px) !important; /* Elegant vertical floating transition */
    box-shadow: 0 16px 32px rgba(0, 124, 207, 0.12), 
                0 4px 12px rgba(0, 0, 0, 0.06) !important; /* Shifts toward theme accent color */
}

/* ==========================================================================
	 14. SYMPTOM QUICK-ACCESS DYNAMIC TERM QUERY ENGINE
	 ========================================================================== */
.symptom-search-section {
		width: 100% !important;
		max-width: 100% !important;
		margin: 40px 0 !important;
		box-sizing: border-box !important;
}

.symptom-search-section h2,
.symptom-search-section .wp-block-heading {
		border-bottom: 3px solid #0070ba !important;
		padding-bottom: 12px !important;
		margin-bottom: 25px !important;
		display: inline-block !important;
}

.symptom-search-section .wp-block-search {
		max-width: 650px !important;
		margin-bottom: 25px !important;
}

.wp-block-term-query.custom-symptom-cloud,
.custom-symptom-cloud .wp-block-term-query {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;           
		gap: 12px 10px !important;            
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
}

.custom-symptom-cloud ul, 
.custom-symptom-cloud ul.wp-block-post-template,
.custom-symptom-cloud li {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 12px 10px !important;
}

.custom-symptom-cloud a,
.custom-symptom-cloud li a {
		font-size: 0.95rem !important;          
		font-weight: bold !important;
		line-height: 1 !important;
		color: #004d80 !important;              
		background-color: #e6f4ff !important;  
		border: 1px solid #b3dcff !important;  
		border-radius: 30px !important;         
		padding: 10px 20px !important;          
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		transition: all 0.2s ease-in-out !important;
		box-shadow: none !important;
		margin: 0 !important;
}

.custom-symptom-cloud .wp-block-term-link,
.custom-symptom-cloud .wp-block-term-name,
.custom-symptom-cloud a span {
		border: none !important;
		background: none !important;
		background-color: transparent !important;
		padding: 0 !important;
		margin: 0 !important;
		display: inline !important;
		line-height: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		color: inherit !important;
}

.custom-symptom-cloud a:hover,
.custom-symptom-cloud a:focus {
		background-color: #00227B !important;  
		color: #ffffff !important;              
		border-color: #00227B !important;      
		text-decoration: none !important;
}

@media (max-width: 767px) {
		.symptom-search-section {
				margin: 30px 0 !important;
		}
		
		.wp-block-term-query.custom-symptom-cloud,
		.custom-symptom-cloud ul {
				gap: 10px 8px !important;           
		}

		.custom-symptom-cloud a {
				padding: 8px 16px !important;      
				font-size: 0.88rem !important;     
		}
}

/* Styling for the dynamic hot search terms container */
.hot-terms-pills {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;              /* Spacing between the buttons */
        margin-top: 10px !important;
}

/* Styles the individual dynamic term links to match your new white/bordered image */
.hot-terms-pills a {
        display: inline-block !important;
        background-color: #ffffff !important;    /* Clean white background */
        color: #0070ba !important;               /* Sharp blue text color */
        border: 1px solid #e2e8f0 !important;    /* Soft grey border outline */
        padding: 6px 14px !important;            /* Internal button spacing */
        border-radius: 6px !important;           /* Smooth rounded corners matching your image */
        font-size: 14px !important;
        font-weight: 500 !important;             /* Medium text weight */
        text-decoration: none !important;        /* Removes default underline */
        transition: all 0.2s ease-in-out !important;
        box-shadow: none !important;
}

/* Hover state effect */
.hot-terms-pills a:hover {
        background-color: #f8fafc !important;    /* Very subtle off-white background tint on hover */
        border-color: #cbd5e1 !important;        /* Border becomes slightly deeper grey */
        color: #005994 !important;               /* Slightly darker blue text */
        text-decoration: none !important;
}

/* Automatically hides the hot keywords container on mobile/tablets along with the desktop search bar */
@media (max-width: 1025px) {
        .hot-terms-pills {
                display: none !important;
        }
}

/* ==========================================================================
	 14&15. GLOBAL REUSABLE FULL-WIDTH SECTION ENGINE (FOR PATTERNS & BLOCKS)
	 ========================================================================== */
:has(> .section-fullwidth),
:has(> .newsletter-fullwidth-section),
.wp-block-block,
div[class*="wp-block-block"] {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
}

.section-fullwidth,
.newsletter-fullwidth-section {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(-50vw + 50%) !important; 
		margin-right: calc(-50vw + 50%) !important;
		box-sizing: border-box !important;
}

.section-fullwidth > *,
.section-fullwidth .hot-categories-section,
.section-fullwidth .symptom-search-section {
		width: 100% !important;
		max-width: 1100px !important; 
		margin-left: auto !important;
		margin-right: auto !important;
}

.section-fullwidth .wp-block-search {
		max-width: 650px !important;
		margin-left: auto !important;
		margin-right: auto !important;
}

/* Compact 5:3 Ratio White Box Card Wrapper Container */
.newsletter-fullwidth-section .newsletter-row-card {
		width: 100% !important;
		max-width: 680px !important; 
		aspect-ratio: 5 / 3 !important; 
		background-color: #ffffff !important;
		margin: 0 auto !important;
		padding: 20px 30px !important;
		border-radius: 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
}

.newsletter-fullwidth-section .newsletter-row-card .wp-block-columns {
		width: 100% !important;
		height: 100% !important;
		align-items: center !important;
		gap: 20px !important; 
}

.newsletter-fullwidth-section .wp-block-column:first-child {
		flex-basis: 35% !important;
		display: flex !important;
		justify-content: flex-end !important;
}

.newsletter-fullwidth-section .newsletter-left-graphic {
		max-width: 135px !important; 
		height: auto !important;
		margin: 0 0 0 auto !important;
}

.newsletter-fullwidth-section .wp-block-column:last-child {
		flex-basis: 65% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: flex-start !important;
}

.newsletter-fullwidth-section h2 { margin: 0 0 6px 0 !important; font-size: 1.4rem !important; }
.newsletter-fullwidth-section p { margin: 0 0 12px 0 !important; font-size: 0.95rem !important; }

@media (max-width: 991px) {
		.newsletter-fullwidth-section .newsletter-row-card {
				aspect-ratio: auto !important; 
				min-height: 350px !important;
		}
}

@media (max-width: 767px) {
		.newsletter-fullwidth-section .wp-block-columns {
				flex-direction: column !important;
				gap: 15px !important;
		}
		
		.newsletter-fullwidth-section .wp-block-column:first-child,
		.newsletter-fullwidth-section .wp-block-column:last-child {
				flex-basis: 100% !important;
				align-items: center !important;
				justify-content: center !important;
		}
		
		.newsletter-fullwidth-section .newsletter-left-graphic {
				margin: 0 auto !important;
		}
		
		.newsletter-fullwidth-section h2,
		.newsletter-fullwidth-section p {
				text-align: center !important;
		}
}

/* ==========================================================================
	 15. MOBILE MENU VIEWPORT STABILIZATION PATCH
	 ========================================================================== */
.wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important; 
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		z-index: 999999 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		position: absolute !important;
		top: 20px !important;    
		right: 20px !important;  
		left: auto !important;   
		margin: 0 !important;
		padding: 10px !important; 
		z-index: 1000000 !important;
		cursor: pointer !important;
}

html.has-modal-open,
body.has-modal-open,
body.modal-open,
.is-menu-open {
		position: static !important;  
		overflow-y: auto !important;  
		height: auto !important;
}

.wp-block-navigation__responsive-container:focus-within,
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation-toggle:focus {
		outline: none !important;
		box-shadow: none !important;
		transform: none !important;
}

/* ==========================================================================
	 16. TWO-COLUMN NEWSLETTER COMPONENT (SPLIT ENGINE)
	 ========================================================================== */
.newsletter-fullwidth-section {
		width: 100vw !important;
		max-width: 100vw !important;
		background-color: #007ccf !important; 
		padding: 40px 0 !important; 
		margin-left: calc(-50vw + 50%) !important; 
		margin-right: calc(-50vw + 50%) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
}

.newsletter-fullwidth-section .newsletter-row-card {
		width: 680px !important;       
		max-width: calc(100% - 40px) !important;
		aspect-ratio: 16 / 9 !important; 
		background-color: #ffffff !important;
		margin: 0 auto !important;
		border-radius: 5px !important;
		box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
}

.newsletter-fullwidth-section .newsletter-row-card .wp-block-columns {
		width: 100% !important;
		height: 100% !important;
		align-items: center !important;
		gap: 20px !important; 
}

.newsletter-fullwidth-section .wp-block-column:first-child {
		flex-basis: 35% !important; 
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important; 
}

.newsletter-fullwidth-section .newsletter-left-graphic {
		display: block !important;
		width: 100% !important;
		max-width: 135px !important;  
		height: auto !important;
		object-fit: contain !important;
		margin: 0 0 0 auto !important; 
}

.newsletter-fullwidth-section .wp-block-column:last-child {
		flex-basis: 65% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: flex-start !important; 
}

.newsletter-fullwidth-section .newsletter-row-card h2 {
		margin-top: 0 !important;
		margin-bottom: 6px !important;
		font-size: 1.4rem !important;
}

.newsletter-fullwidth-section .newsletter-row-card p {
		margin-top: 0 !important;
		font-size: 0.95rem !important;
}

.newsletter-fullwidth-section .newsletter-row-card .wp-block-search {
		width: 100% !important;
		max-width: 100% !important;
}

.newsletter-fullwidth-section .newsletter-row-card .wp-block-search__inside-wrapper {
		border: 1px solid #cbd5e1 !important;
		background-color: #f8fafc !important;
		border-radius: 6px !important;
		padding: 4px !important;
		height: 44px !important; 
		box-sizing: border-box !important;
}

@media (max-width: 991px) {
		.newsletter-fullwidth-section .newsletter-row-card {
				aspect-ratio: auto !important; 
				min-height: 380px !important;
		}
}

@media (max-width: 767px) {
		.newsletter-fullwidth-section {
				padding: 30px 0 !important;
		}
		
		.newsletter-fullwidth-section .newsletter-row-card {
				padding: 30px 20px !important;
		}
		
		.newsletter-fullwidth-section .newsletter-row-card .wp-block-columns {
				gap: 20px !important;
		}
		
		.newsletter-fullwidth-section .wp-block-column:first-child,
		.newsletter-fullwidth-section .wp-block-column:last-child {
				flex-basis: 100% !important;
				align-items: center !important;
				justify-content: center !important;
		}
		
		.newsletter-fullwidth-section .newsletter-left-graphic {
				max-width: 110px !important;
				margin: 0 auto !important; 
		}
		
		.newsletter-fullwidth-section .newsletter-row-card h2,
		.newsletter-fullwidth-section .newsletter-row-card p {
				text-align: center !important;
		}
}

/* ==========================================================================
     17. HOT TERMS SEARCH (DESKTOP ONLY)
     ========================================================================== */

    /* 1. CONTAINER SYSTEM: Enforces a strict 2-column layout matching the search bar width */
    .hot-searches-container {
        display: grid !important;
        grid-template-columns: max-content 1fr !important; /* FIXED: Column 1 fits text exactly, Column 2 takes remaining space */
        align-items: center !important;     /* Vertically balances the text baseline with the pill row buttons */
        max-width: 65% !important;           /* Limits row width to exactly match your search block (65%) */
        margin-left: auto !important;        /* Centers the 65% block workspace safely under the search system */
        padding: 10px !important;          
        width: 100% !important;
        gap: 24px !important;                /* FIXED: Explicit structural column gap separating Col 1 and Col 2 cleanly */
    }

    /* 2. COLUMN 1: TEXT LABEL SPECIFICS (FLUSH LEFT) */
    .hot-searches-container .hot-term-title {
        grid-column: 1 !important;          /* Explicitly locks text block into the left column track */
        display: block !important;
        text-align: left !important;         /* Ensures text alignment is pushed tight left */
        margin: 0 !important;                
        padding: 0 !important;
        width: auto !important;             
        font-size: 15px !important;
        white-space: nowrap !important;     
    }

    /* 3. COLUMN 2: FLATTEN ENGINE (ALL NESTED WRAPPERS FLUSH LEFT) */
    .hot-searches-container div,
    .hot-searches-container span,
    .hot-searches-container .wp-block-group,
    .hot-searches-container .wp-block-terms-query,
    .hot-searches-container .hot-terms-pills,
    .hot-searches-container .wp-block-uagb-buttons,
    .hot-searches-container .uagb-buttons__wrap,
    .hot-searches-container .wp-block-button,
    .hot-searches-container .uagb-button__wrapper {
        grid-column: 2 !important;          /* Explicitly locks all dynamic wrapper modules into the right column track */
        display: flex !important;            
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important; /* FIXED: Forces all button tracks to align straight left */
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0px !important;
    }

    /* Standard HTML list element override protection layers */
    .hot-terms-pills ul,
    .hot-terms-pills .wp-block-post-terms {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Left-aligns list nodes */
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        list-style-type: none !important;
        gap: 0px !important;
    }

    .hot-terms-pills li {
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 4. PILL BUTTON ARCHITECTURE: Compact, aligned, and tightly spaced */
    .hot-searches-container a,
    .hot-searches-container .wp-block-button__link,
    .hot-searches-container .uagb-buttons-repeater {
        display: inline-block !important;   
        vertical-align: middle !important;  
        background-color: #ffffff !important;    
        color: #0070ba !important;               
        border: 1px solid #e2e8f0 !important;    
        padding: 4px 10px !important;        /* Compact inner padding sizing */
        border-radius: 4px !important;       /* Sleeker, tighter corners */
        font-size: 13px !important;          /* Tighter text footprint specs */
        font-weight: 500 !important;             
        text-decoration: none !important;        
        transition: all 0.2s ease-in-out !important;
        box-shadow: none !important;
        white-space: nowrap !important;          
        margin: 4px 4px 4px 0 !important;    /* Tight 4px spacing between pills */
    }

    /* Hover Interactivity Specs */
    .hot-searches-container a:hover,
    .hot-searches-container .wp-block-button__link:hover,
    .hot-searches-container .uagb-buttons-repeater:hover {
        background-color: #f8fafc !important;    
        border-color: #cbd5e1 !important;        
        color: #005994 !important;               
        text-decoration: none !important;
    }

/* 5. RESPONSIVE BREAKPOINT SYSTEM: Hides desktop-only container element cleanly */
@media (max-width: 1025px) {
    .hot-searches-container {
        display: none !important;
    }
}
/* ==========================================================================
     18. Post ========================================================================== */
/* Fix stretched post images on mobile and tablet only */
@media screen and (max-width: 1024px) {
  .single-post .entry-content img,
  .single-post .wp-block-image img {
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain;
  }
}
.jp-related-posts-i2__post-img{
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}