/*
Theme Name: Rex Menu
Description: Rex Menu is a fully responsive, easy-to-use, highly customized and creative Mega Menu
Author: Mad Rex Themes
Author URI: http://madrexthemes.com
Version: 1.0.1
*/

/************************************************
	Table of Contents

1. Color Option
2. Media Queries

************************************************/
/************************************************
	1. Color Option
************************************************/
.rex-menu {
   background: #fff;
}
.rex-menu .nav-menu > li > a {
   color: #4a4a4a;
   -webkit-box-shadow: -0px 0 0 0 rgba(4,32,67,.1);
   -moz-box-shadow: -0px 0 0 0 rgba(4,32,67,.1);
   box-shadow: -0px 0 0 0 rgba(4,32,67,.1);
}
   .rex-menu .nav-menu > li > a:hover,
   .rex-menu .nav-menu > .current_page_item > a,
   .rex-menu .nav-menu > .current-menu-item > a,
   .rex-menu .nav-menu > .current-menu-ancestor > a, .rex-mega-menu a:active, .rex-mega-menu a:hover, .rex-mega-menu a:focus, .rex-mega-menu:active, .rex-mega-menu:hover, .rex-mega-menu:focus {
      color: #4a4a4a;
      background: #ddd;
   }
   .rex-menu .nav-menu .mega-menu .sub-menu a:hover {
      color: #4a4a4a;
      background: #ddd;
   }
.rex-menu .nav-menu .mega-menu li div.mega-menu-img a {
   background: #f5f5f5;
}
.rex-menu .nav-menu .mega-menu li div.mega-menu-img a:hover {
   background: #ddd;
}
.rex-menu .nav-menu .mega-menu li div.mega-menu-img a:hover h1 {
    color: #4a4a4a;
}
/************************************************
	2. Media Queries
************************************************/
@media screen and (min-width: 900px) {
   .rex-menu {
      border: 0px solid #eee;
   }
}

@media only screen and (max-width: 899px) {
   .rex-menu-toggle {
      color: #4a4a4a;
      background: #ddd;
      border-bottom: 2px solid #c7c5c5;      
   }
   .rex-menu .nav-menu > li > a {
      border-color: rgba(4,32,67,.1);
   }
   .rex-menu .nav-menu > .menu-item-has-children > span.rex-menu-parent, 
   .rex-menu .nav-menu .rex-mega-menu > span.rex-menu-parent {
      color: #4a4a4a;
      background: none;
      border-color: rgba(4,32,67,.1);
   }
   .rex-menu .nav-menu > .menu-item-has-children > span.rex-menu-parent:hover, 
   .rex-menu .nav-menu .rex-mega-menu > span.rex-menu-parent:hover {
      color: #414040;
   }
}