#utilityMenu { 
    display: block ; 
}

#utilityMenu > .col-100{
    overflow: hidden;
    color: #fff;
    width: 100%;
    height: 60px; /*75 - change request */
    line-height: 35px;
    display: block;
}


#utilityMenu .col-100.menuOpen {
    overflow:visible;
}

#utilityMenu a { 
	color: #fff; 
	font-size: 18px; 
	margin-right: 30px; 
	margin-top: 0px; 
	margin-bottom: 0px;  
	line-height: 60px; 
	text-decoration: none; 
}

#utilityMenu {
	padding: 0; 
	text-align:right 
};

/* menu arrow icon */
.accordion_header .menuIcon {
	display:none !important;
}

.accordion_header .menuIcon {
	display: none;
	background-color: #330072;
	width: 100%;
	text-align: center;
	/* height: 25px;
	 font-size: 18px; */
	color: #ffffff;
	text-transform: uppercase;
	padding: 7px;
}

.accordion_header .menuIcon i  {
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-size: 25px;
	/* Rotate div */
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.accordion_header a#menuExpand:hover i {
    color: #F2A900; /* change arrow to gold color on hover */
}

/* rotate image when the 'opened' class exists */
#menuExpand.opened i {
	/* Rotate div */
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

/* if screen smaller than 600px */
@media only screen and (max-width: 600px) {
  .accordion_header .menu_accord {
    max-height: 0;
    overflow: hidden;
    float: none;
    width: 100%;
    -webkit-transition: max-height 0.5s; /* Safari transition */
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }



/* ********************************************************************************************** */
/* links */
/* .accordion_header .menu_accord a { */ /*works fine */
#utilityMenu .menu_accord a {
    display: block;
    width: 100%;
	background-color: #330072;
	/* background-color: #330072 */
    text-transform: uppercase; 
    text-align: left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	/*
	 height: 25px;
    line-height: 25px; */
  }
 
 #utilityMenu .menu_accord {
	padding: 10px 0px 0px 0px;
  }

/* .accordion_header .menuOpen a:hover {  */ /*does NOT change the color of the text */  
#utilityMenu .menuOpen a:hover {
    background-color: #e6e6e6;
	color: #330072; 
}

/* purple background */
#utilityMenu a.purpleState {
	background : #330072 !important;
	color: #e6e6e6 !important;
}

/* gray background */
#utilityMenu a.greyState {
	background : #e6e6e6 !important;
	color: #330072 !important;
}


/* when the "menuOpen" class is toggled on via jQuery*/
.accordion_header .menu_accord.menuOpen {
    max-height: 1000px;
    -webkit-transition: max-height 0.5s; /* Safari transition */
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
}


#utilityMenu { display: none; } 
  
  
#utilityMenu .menu_accord a {
	line-height: 30px;
    font-size: 15px;
    /* line-height: 25px; */
  }

#utilityMenu > .col-100.menuOpen {
	height: auto;
}
  
  .accordion_header .menuIcon {
    display: inline-block;
  }