/* 
   Header custom styles
   Colors:
   Yellow - color: #f3bd48;
   Dark Yellow - color: #D79A2B;
   Dark Blue - color: #002A3A
*/

#icon-menu li  {
	display: inline-block;
    padding-right: 30px!important;
	padding-bottom: 0px!important;
}

#icon-menu nav>ul>li>a  {
	font-family: 'Oswald';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.75)!important;
}

#icon-menu-nav>ul>li>a:hover {
	opacity: 1!important;
	text-decoration: none!important;
}

.menu-item a::before  {	
	font-family: 'ETmodules';
	display: block;
	text-align: center;
	color: rgba(255, 255, 255, 0.75)!important;
	font-size: 16px;
}

.menu-tour a::before {
    content: "\e081";
}

.menu-find-class a::before  {	
	content: "\e0f7";
}

.menu-advisor a::before  {	
	content: "\e066";
}

.menu-mymcc a::before  {	
	content: "\e08a";
}

.menu-search a::before  {	
	content: "\55";
}


.menu-tour a:hover::before, 
.menu-find-class a:hover::before, 
.menu-advisor a:hover::before, 
.menu-mymcc a:hover::before,
.menu-search a:hover::before{
	color: #f3bd48!important;
	text-decoration: none!important;
}

.menu-tour a:hover, 
.menu-find-class a:hover, 
.menu-advisor a:hover, 
.menu-mymcc a:hover,
.menu-search a:hover {
	color: #ffffff!important;
	text-decoration: none!important;
}

.header-logo {
	float: left;
	width: 130px; /* 50th logo width 170px */
	margin-left: 0px;
	padding: 15px 0 10px 0;
	transition: transform 300ms ease 0ms;
}

.header-logo:hover {
  transform: translateX(0px) translateY(-6px);
}

.header-menu {
  float: right;
}

.menu-header-menu {
  padding: 0 !important;
}

.icon-menu {
  display: none;
  float: left;
  padding: 29px 0;
  margin-right: 15px;
}

.header-menu-button {
  float: right;
}

.header-menu-button .menu-button {
  display: block;
  color: #fff !important;
  font-family: 'Oswald';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 22px;
  padding: 24px 0;
  font-weight: 700;  
  width: 70px;
  background-color: #D79A2B;
  background-image: linear-gradient(60deg, #f3bd48, #D79A2B);
  transition: background-image 400ms ease 400ms;
}

.header-menu-button .menu-button:hover {
	background-color: #004d71;
	background-image: linear-gradient(60deg, #004d71, #004d71);
	text-decoration: none!important;
}

@media only screen and (min-width: 768px) {
  .header-logo {
    width: 180px; /* 50th logo width 210px */
    padding: 17px 0;
    margin-left: 0px;
  }
  .icon-menu {
    display: block;
    padding: 19px 0 18px 0;
  }
  .header-menu-button .menu-button {
    padding: 34px 0;
    font-size: 16px;
    width: 90px;
  }  
}

@media only screen and (min-width: 980px) {
  .header-logo {
    width: 230px; /* 50th logo width 330px */
    padding: 20px 0 15px 0; /* 50th logo 15px 0 8px 0 */
    margin-left: 15px;
  }
  .icon-menu {
    padding: 29px 0 28px 0;
    margin-right: 25px;
  }
  .header-menu-button .menu-button {
    padding: 44px 0;
    width: 110px;
    font-size: 17px;
  }
  .menu-item a::before  {	
    font-size: 18px;
  }
  #icon-menu nav>ul>li>a  {
    font-size: 12px;
  }
}