/**********************************
 
Header Navigation STYLING 

**********************************/
/* Original selector for when .current-menu-item class exists */
.gb-menu-item-mi1ef798:is(.current-menu-item, .current-menu-item:hover, .current-menu-item:focus) {
    color: var(--fdoh-green) !important;
}

/* ADDED: Target by page_item and current_page_item classes which are more stable */
.gb-menu-item-mi1ef798.page_item.current_page_item,
.gb-menu-item-mi1ef798.page_item.current_page_item:hover,
.gb-menu-item-mi1ef798.page_item.current_page_item:focus {
    color: var(--fdoh-green) !important;
}

/* ADDED: Even more specific - target the exact li element with all its classes */
li.menu-item.page_item.current_page_item.gb-menu-item-mi1ef798,
li.menu-item.page_item.current_page_item.gb-menu-item-mi1ef798:hover,
li.menu-item.page_item.current_page_item.gb-menu-item-mi1ef798:focus {
    color: var(--fdoh-green) !important;
}

/* Target current menu item in all states and screen sizes */
.gb-menu-item-mi29b099.current-menu-item,
.gb-menu-item-mi29b099.current-menu-item:hover,
.gb-menu-item-mi29b099.current-menu-item:focus,
.gb-menu-item-mi29b099.current_page_item,
.gb-menu-item-mi29b099.current_page_item:hover,
.gb-menu-item-mi29b099.current_page_item:focus {
    color: var(--fdoh-green) !important;
}

/* Target the link inside current menu item */
.gb-menu-item-mi29b099.current-menu-item > .gb-menu-link,
.gb-menu-item-mi29b099.current-menu-item > .gb-menu-link:hover,
.gb-menu-item-mi29b099.current-menu-item > .gb-menu-link:focus,
.gb-menu-item-mi29b099.current_page_item > .gb-menu-link,
.gb-menu-item-mi29b099.current_page_item > .gb-menu-link:hover,
.gb-menu-item-mi29b099.current_page_item > .gb-menu-link:focus {
    color: var(--fdoh-green) !important;
}

/* Even more specific - target the exact li element */
li.menu-item.current-menu-item.gb-menu-item.gb-menu-item-mi29b099,
li.menu-item.current-menu-item.gb-menu-item.gb-menu-item-mi29b099:hover,
li.menu-item.current-menu-item.gb-menu-item.gb-menu-item-mi29b099:focus,
li.menu-item.current_page_item.gb-menu-item.gb-menu-item-mi29b099,
li.menu-item.current_page_item.gb-menu-item.gb-menu-item-mi29b099:hover,
li.menu-item.current_page_item.gb-menu-item.gb-menu-item-mi29b099:focus {
    color: var(--fdoh-green) !important;
}

/* For mobile menu states */
.gb-menu-container-7009a76b .current-menu-item,
.gb-menu-container-7009a76b .current_page_item {
    color: var(--fdoh-green) !important;
}

.gb-menu-container-7009a76b .current-menu-item .gb-menu-link,
.gb-menu-container-7009a76b .current_page_item .gb-menu-link {
    color: var(--fdoh-green) !important;
}


/*Get Tested buttons*/
a.gb-text.orange-border-button.get-tested-button.english-button,a.gb-text.orange-border-button.get-tested-button.english-button:hover,a.gb-text.orange-border-button.get-tested-button.spanish-button,a.gb-text.orange-border-button.get-tested-button.spanish-button:hover{
	background: var(--orange-fdoh);
	border-color: var(--orange-fdoh);
	color: white;
}


.page-id-19 a.gb-text.orange-border-button.get-tested-button.english-button,.page-id-9576 a.gb-text.orange-border-button.get-tested-button.spanish-button{
	    background-color: var(--orange-fdoh) !important;
    color: #ffffff;
    border-top-color:var(--orange-fdoh);
    border-right-color: var(--orange-fdoh);
    border-bottom-color: var(--orange-fdoh);
    border-left-color: var(--orange-fdoh);
}




.gb-element-8c2a6143.bottom-menu {
    background: var(--base-3);
	padding-left: 23px;
	border-radius: 0 0 16px 16px;
	padding: 9px 0;
}

.gb-menu-container.gb-menu-container-ff50541f.top-nav-container{
	background: var(--base-3);
	padding: 9px 0;
	border-radius: 16px 16px 0 0;

}


/*Get tested and bottom nav flexed*/
.gb-menu-a529b099, .gb-element-8307a1e7 {
/*     column-gap:32.5px; */
	row-gap: 20px;
}


.inside-header{
	justify-content:space-between;
}

/*Adjust the width of header*/
header#masthead {
    max-width: 1360px!important;
	width:100% !important;
/* 	padding: 24px 20px 0px 20px; */
	padding: 24px 0 0 0;
}

ul#menu-site-header, ul#menu-secondary-menu, ul#menu-secondary-menu span.wpml-ls-native {
    font-family: var(--gp-font--noto-sans);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
}

ul#menu-secondary-menu span.wpml-ls-native{
	padding-right:0 !important;
}


ul#menu-site-header {
    display: flex !important;
    justify-content: end !important;
}


.web-logo.wp-block-site-logo{
	width:280px !important;
}


/*Submenu Section*/
ul.sub-menu li.menu-item {
    padding: 10px;
	border-bottom: 1px solid black;
}
li#menu-item-10158 {
    border-bottom: none;
}
/*HIV Prevention*/
/* .top-nav-links li:nth-child(1) a:hover {
    text-decoration: underline;
    text-decoration-color: var(--fdoh-green);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
}

.top-nav-links li:nth-child(1).current-menu-item a,
.top-nav-links li:nth-child(1).current_page_item a {
    text-decoration: underline;
    text-decoration-color: var(--fdoh-green);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
} */

/*PrEP*/
/* .top-nav-links li:nth-child(2) a:hover {
    text-decoration: underline;
    text-decoration-color: #327E95;
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
}

.top-nav-links li:nth-child(2).current-menu-item a,
.top-nav-links li:nth-child(2).current_page_item a {
    text-decoration: underline;
    text-decoration-color: #327E95;
	    text-transform: capitalize;
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
} */

ul#menu-site-header.top-nav-links li:nth-child(2).current-menu-item a,
.top-nav-links li:nth-child(2).current_page_item a {
		    text-transform: capitalize;
}

.top-nav-links li:nth-child(2) a {
    text-transform: capitalize;
}



/*Living Well with HIV*/
/* .top-nav-links li:nth-child(3) a:hover {
    text-decoration: underline;
    text-decoration-color: var(--orange-fdoh);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
}

.top-nav-links li:nth-child(3).current-menu-item a,
.top-nav-links li:nth-child(3).current_page_item a {
    text-decoration: underline;
    text-decoration-color: var(--orange-fdoh);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
} */

/*HIV Resources (HIV 101)*/
/* .top-nav-links li:nth-child(4) a:hover {
    text-decoration: underline;
    text-decoration-color: var(--fdoh-yellow);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
}

.top-nav-links li:nth-child(4).current-menu-item a,
.top-nav-links li:nth-child(4).current_page_item a {
    text-decoration: underline;
    text-decoration-color: var(--fdoh-yellow);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
} */


/*Local support*/
/* .top-nav-links li:nth-child(5) a:hover {
    text-decoration: underline;
    text-decoration-color: var(--accent);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
}

.top-nav-links li:nth-child(5).current-menu-item a,
.top-nav-links li:nth-child(5).current_page_item a {
    text-decoration: underline;
    text-decoration-color: var(--accent);
    text-decoration-thickness: 4px;
    text-underline-offset: 14px;
} */

.top-nav-links li:nth-child(5).gb-menu-item-mi1ef798 {
   
    border-right: 0px !important;
}

/*Orange BAR*/
ul#sub-menu-menu-item-wpml-ls-54-en, ul#sub-menu-menu-item-wpml-ls-54-es {
    max-width: 120px;
}

li#menu-item-wpml-ls-54-es, li#menu-item-wpml-ls-54-en{
	border:none;
	padding-right: 20px;
}



/* ul.sub-menu .menu-item:hover{
	color: var(--orange-fdoh);
} */

/*Mobile Menu*/
.mobile-menu a.gb-menu-link{
	font-family: var(--gp-font--noto-sans);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
	display: flex;
    justify-content: center;
	padding:15px;
}

ul#menu-mobile-menu li:nth-child(even) {
    background: #F3F3F3 !important;
}

.mobile-menu{
	margin-top:30px !important;
	gap:0 !important;
}

li#menu-item-wpml-ls-55-en, li#menu-item-wpml-ls-55-es {
    background: grey !important;
}

span.wpml-ls-display {
    display: none;
}




/*End of Updated CSS*/


@media screen and (max-width:1171px){

	/*make nav links centered*/
	.main-navigation.toggled .main-nav li {
    width: 100%;
    text-align: center;
}

	
	header#masthead{
		justify-content:center;
		padding: 24px 20px 0px 20px;

	}
	

	
}

@media screen and (max-width:1024px){
	header#masthead{
		justify-content:space-between;
	}
	
	/* UPDATED: Make orange background only apply to mobile menu, not desktop menu */
	/* This prevents the orange from overriding the green on desktop menu at smaller screens */
	ul#menu-mobile-menu .menu-item.current-menu-item,
	ul#menu-mobile-menu .menu-item.current_page_item {
		background-color: var(--orange-fdoh) !important;
	}

	ul#menu-mobile-menu .menu-item.current-menu-item a,
	ul#menu-mobile-menu .menu-item.current_page_item a {
		color: white !important;
	}
	
	/* ADDED: Ensure desktop menu stays green even at smaller screens */
	ul#menu-site-header .gb-menu-item-mi1ef798.current-menu-item,
	ul#menu-site-header .gb-menu-item-mi1ef798.current_page_item {
		background-color: var(--fdoh-green) !important;
		color: var(--base-2) !important;
	}
	
	/* REMOVED: These were causing the conflict - they applied orange to ALL menus including desktop
	.menu-item.current-menu-item,
	.menu-item.current_page_item {
		background-color: var(--orange-fdoh) !important;
	}

	.menu-item.current-menu-item a,
	.menu-item.current_page_item a {
		color: white !important;
	}
	*/
	
	/* REMOVED: Duplicate rules - these were redundant
	.menu-item.current-menu-item a,
	.menu-item.current_page_item a {
		color: white !important;
	}
	*/
	
	/* REMOVED: Duplicate rule - already handled above
	ul#menu-mobile-menu li.current-menu-item,
	ul#menu-mobile-menu li.current_page_item {
		background: var(--orange-fdoh) !important;
	}
	*/

	/* REMOVED: Duplicate rule - already handled above
	ul#menu-mobile-menu li.current-menu-item a,
	ul#menu-mobile-menu li.current_page_item a {
		color: white !important;
	}
	*/
}

@media screen and (max-width: 405px){
	    header#masthead {
        justify-content: center;
    }
}