/* .accessible-nav-disclosure.css */

/* W3C Disclosure Menu Top Menu and Mobile Menu */
/* Start of https://testwww.utrgv.edu/_files/css/nav.css*/
 .js .global-nav .list-item a {
}
 .js .global-nav .list-item ul li a {
	 text-align: left;
	 padding: 5px 9px;
}
 .js .global-nav .list-item ul li a:hover {
	 text-align: left;
	 padding: 5px 9px;
}
/* End of https://testwww.utrgv.edu/_files/css/nav.css*/
/*START - Mobile Menu Styles from accessible nav.css */
/* Mobile menu is top menu at screen widths of 779 pixels and below */
/* Mobile Menu - Add focus state to hamburger menu link icon */
 .nav-toggle:focus {
	 background-color: #555;
}
/* Mobile Menu - Increasing width of drop down width of menu items */
 @media screen and (min-width: 780px) {
	 .disclosure-nav {
		/*background-color: #eee;
		*/
		/*display: flex;
		*/
		 list-style-type: none;
		 padding: 0;
		 margin: 0;
	}
	 .js .global-nav > ul li:hover > ul li {
		/* min-width: 153px;
		 top menu right side issue */
		 min-width: 129px;
	}
}
/* Mobile Menu - Decreasing width of last column of menu drop down items - last column */
 @media screen and (min-width: 780px) {
	 .js .global-nav > ul li:last-child > ul li {
		/* width: 100%;
		 */
		 min-width: min-content;
	}
}
/* Mobile Menu - Defining style of last column using path instead of the classic notation @media screen and (min-width: 780px) {
	 .nav_dd_header ul li:last-child {
		 width: 100%;
	}
}
 */
/* Mobile menu active links were darker*/
 .global-nav a:visited {
	 color: #ffffff;
}
/* Mobile menu Donate Link focus state */
 .header-link.header-btn.give-btn:focus {
	 color: #FFF;
	 background-color: #CF4411;
}
/*Desktop styles*/
/* Manual accessible disclosure menu - top menu from W3C with button activated dropdowns */
 .disclosure-nav {
	/*background-color: #eee;
	*/
	/*display: flex;
	*/
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
}
 .disclosure-nav ul {
	/*background-color: #eee;
	*/
	/*border: 1px solid #005a9c;
	*/
	 border-top-width: 5px;
	 border-radius: 0 0 4px 4px;
	 display: block;
	 list-style-type: none;
	 top: 100%;
	/*min-width: 200px;
	*/
	 min-width: 128px;
	/*margin: 0;
	*/
	/*padding: 0;
	*/
	/*position: absolute;
	*/
}
 .disclosure-nav button {
	 color: #ffffff;
	 background-color: #cf4311;
	 
    display: block;
    width: 100%;
    box-sizing: border-box;
}
 .disclosure-nav button:hover {
	 background: #000000 !important;
}
 .disclosure-nav button:focus {
	 background: #000000 !important;
}
 .disclosure-nav li {
	 margin: 0;
}
 .disclosure-nav > li {
	 display: flex;
	 position: relative;
}
 .disclosure-nav ul a {
	 border: 0;
	 color: #000;
	 display: block;
	 margin: 0;
	 padding: 0.5em 1em;
	 text-decoration: underline;
}
 .disclosure-nav ul a:hover, .disclosure-nav ul a:focus {
	 background-color: #ddd;
	 margin-bottom: 0;
	 text-decoration: none;
}
 .disclosure-nav ul a:focus {
	 outline: 5px solid rgb(0 90 156 / 75%);
	 position: relative;
}
 .disclosure-nav button, .disclosure-nav .main-link {
	 align-items: center;
	 background-color: transparent;
	 border: 1px solid transparent;
	/*border-right-color: #ccc;
	*/
	 display: flex;
	 padding: 1em;
}
 .disclosure-nav .main-link {
	 border-right-color: transparent;
}
 .disclosure-nav button::after {
	/*content: "";
	*/
	/*border-bottom: 1px solid #000;
	*/
	/*border-right: 1px solid #000;
	*/
	/*height: 0.5em;
	*/
	/*margin-left: 0.75em;
	*/
	/*width: 0.5em;
	*/
	/*transform: rotate(45deg);
	*/
	/*Down arrow code from live site*/
	 content: '';
	 border: 4px solid transparent;
	 border-top: 4px solid white;
	 margin-left: 6px;
	 margin-bottom: 3px;
	 display: inline-block;
	 vertical-align: bottom;
}
 .disclosure-nav .main-link + button::after {
	 margin-left: 0;
}
 .disclosure-nav button:focus, .disclosure-nav .main-link:focus {
	/*border-color: #005a9c;
	*/
	 outline: 5px solid rgb(0 90 156 / 75%);
	 position: relative;
}
 .disclosure-nav button:hover, .disclosure-nav button[aria-expanded="true"] {
	/*background-color: #005a9c;
	*/
	 color: #fff;
}
 .disclosure-nav button:hover::after, .disclosure-nav button[aria-expanded="true"]::after {
	/*border-color: #fff;
	*/
}
/* MEDIA QUERIES START */
/* Mobile not Desktop styles*/
 @media only screen and (max-width: 780px) {
	 .js .global-nav ul li.hover ul, .js .global-nav ul li:focus ul {
		/*display: block;
		*/
		 display: contents;
		 max-height: 100%;
	}
	 .js .global-nav ul li.hover ul ul, .js .global-nav ul li:focus ul ul {
		 display: none;
	}
	 .js .global-nav ul li.hover ul li.hover ul, .js .global-nav ul li:hover ul li:focus ul {
		/*display: block;
		*/
		 display: contents;
		 max-height: 100%;
	}
}
/* Mobile Menu - */
 @media screen and (min-width: 780px) {
	 .disclosure-nav button {
		 font-size: 14px;
		/*border-bottom: 2px dotted #515155;
		*/
		 display: block;
		 padding: .8em 0;
		/*Down arrows added via styles above, not using images*/
		/*background: url(../_files/assets/images/right-arrow.png) center right no-repeat;
		*/
		/*background: url("https://www.utrgv.edu/_files/assets/images/right-arrow.png") center right no-repeat;
		*/
		/*Fix hover button width*/
		 width: -webkit-fill-available;
	}
	 .disclosure-nav ul {
		/*background-color: red !important;
		*/
		/*border: 1px solid #005a9c;
		*/
		 border-radius: 0 0 4px 4px;
		 display: block;
		 list-style-type: none;
		 min-width: 128px;
		/*margin: 0;
		*/
		 padding: 0;
		/*position: absolute;
		*/
	}
}
/* end manual accessible top menu from w3c */
 