/** 
 * megamenu_black megamenus css
 * megamenu_black skins for megamenu, Currently support top to bottom, left to right, right to left and bottom to top sytle
 */


/* MILO font from UA branding */
@import url("../../../../../../themes/nestor/fonts/milo.css");


/**************
  Generic all directions
  **************************/
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent {
  z-index: 10; 
}

/** Styling column **/
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column {
  float: left;
}

ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column .column-wrapper {
  /*padding: 0px;
  border-right: 1px dotted #ddd;*/
  padding: 0px;
}

ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column.last .column-wrapper {
  border: none;
}

ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column h2,
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column h3 {
  margin: 0;
  /*border-bottom: 1px solid #aaa;*/
}
body ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column h2,
body ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column h2 a,
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column h3,
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column h3 a {
  font-size: 16px !important;
  font-weight: bold;
  background: none;
  padding: 0;
  /*font-family: "Open Sans", verdana, palatino, sans-serif;*/
  /*font-family: "MiloWeb", verdana, palatino, sans-serif;*/
}

ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column p,
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column a:active,
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column a:link,
ul.megawrapper.megamenu_black li.megaheader ul.megapack_parent li.megamenu .column a {
  line-height: 120%;
  font-size: 14px;
}

/**------------------ Top to bottom style begin ------------------------**/



/* resets of nestor theme header area */
nav.nestor-main-menu
{
  background-color: #f1f1f1;
  margin: 0;
  padding: 0;
}

.navbar-header
{
  /* turn off nestor mobile menu button */
  display: none;
}
.nestor-main-menu .navbar-collapse
{
    text-align: left;
    line-height: 1.0em;
}



/** Notice the .megamenu_black, that is the name of the skins **/
ul.megawrapper.top.megamenu_black {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  position: relative;
  z-index: 6;
  /*font-family: arial, helvetica, serif;*/
  /*font-family: "Open Sans", verdana, palatino, sans-serif;*/
  /*font-family: "MiloWeb", verdana, palatino, sans-serif;*/

}

/** Reset the ul elements **/
ul.megawrapper.top.megamenu_black ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

/** Reset the li elements **/
ul.megawrapper.top.megamenu_black li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

/** Styling the header container **/
ul.megawrapper.top.megamenu_black {
  
  
  background-color: transparent;
  float: left;
  width: 100%;
  font-size: 14px;
  border: none;
  padding: 0;
  margin: 0;
}







/** Styling the header menu items **/
/** Notice that you can change the li.megatop to its id to style
    the menu per menu items **/
ul.megawrapper.top.megamenu_black li.megatop {
  float: left;
  display: block;
  padding: 23px 18px;
  /*font-family: "Open Sans", verdana, palatino, sans-serif;*/
  font-family: "MiloWeb", verdana, palatino, sans-serif;
  font-size: 40px;
  font-weight: 100;
  cursor: default;
  color: #888;
  margin-right: 2px;
}

@media (max-width: 960px)
{
  ul.megawrapper.top.megamenu_black li.megatop {
  padding: 23px 15px;
  font-size: 32px;
  }    
}



/*
    'active-section' class gets added dynamically by jQuery script onpage load - it gives
    us a hook to tie into and style the top menu items for each section
*/
ul.megawrapper.top.megamenu_black li.megatop.active-section {
  color: #f7941e;
  background-color: #fff;
}


ul.megawrapper.top.megamenu_black li.megatop:hover,
ul.megawrapper.top.megamenu_black li.megatop:hover > a {
  color: #f7941e;
  border: none;
}

/** Hover state for all top menu **/
body ul.megawrapper.top.megamenu_black li.megatop:hover {
  
  background-color: #fff;
  color: #222;
  border: none; 
}  

/** Hover state for top menu with megamenu **/
ul.megawrapper.top.megamenu_black li.megaheader:hover {
  border: none;
  /*
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  padding: 4px 10px 8px;
  margin: 3px 5px 0;
  */
}

/** Hover state for top menu without megamenu **/
ul.megawrapper.top.megamenu_black li.nomega:hover {
  border: none;
  /*
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px 6px;
  padding: 3px 10px;
  margin: 3px 5px;
  */
}  

/** Notice that you can use .first, .odd, .even and .last to theme
    the menu items **/
ul.megawrapper.top.megamenu_black li.megatop.first {
  border-left: none;
}

ul.megawrapper.top.megamenu_black li.megatop.last {
  border-right: none;
}

/** Styling pointers **/
ul.megawrapper.top.megamenu_black .megamenu-pointer {
  
  float: right;
  width: 24px;
  height: 22px;
  margin: 0 0 0 7px;
  /*background: transparent url(images/bullet-grey.png) no-repeat 50% 25%;*/
  /*background: transparent url(images/sprite_nav_arrow.png) no-repeat 0 7px;*/
  /*opacity: 0.8;*/
  display: none;
}

ul.megawrapper.top.megamenu_black li.megatop:hover .megamenu-pointer,
ul.megawrapper.top.megamenu_black .megamenu-pointer:hover
{  
  /*background-position: 0 -81px;*/
}

ul.megawrapper.top.megamenu_black li.megatop.active-section .megamenu-pointer
{
  /*background-position: 0 -156px;*/
}

ul.megawrapper.top.megamenu_black li.megatop.active-section:hover .megamenu-pointer
{
  /*background-position: 0 -81px;*/
}



/** Styling the header link elements **/
ul.megawrapper.top.megamenu_black li.megatop,
ul.megawrapper.top.megamenu_black li.megatop a:active,
ul.megawrapper.top.megamenu_black li.megatop a:link,
ul.megawrapper.top.megamenu_black li.megatop a {
  
  /*font-family: "Open Sans", verdana, palatino, sans-serif;*/
  /*font-size: 34px;*/
}

/** Styling the megamenus dropdown wrappers **/
ul.megawrapper.top.megamenu_black li.megaheader ul.megapack_parent { 
  /*top: 38px;*/
  
  position: absolute; 
  background-color: #fff;  

  left: 0; 
 
  /*border: 1px solid #aaa;*/
  border-top: none;
  /*margin-left: -5px;*/
  width: 100%;
  padding: 15px 18px;
  
  -webkit-box-shadow: 0px 3px 5px -2px rgba(133,133,133,1);
  -moz-box-shadow: 0px 3px 5px -2px rgba(133,133,133,1);
  box-shadow: 0px 3px 5px -2px rgba(133,133,133,1);
  cursor: default;
  
}



/** Notice this is where the positioning corrected during hover css only **/
ul.megawrapper.top.megamenu_black.no-js li.megaheader:hover ul.megapack_parent {
  left: 0; 
}

ul.megawrapper.top.megamenu_black.no-js li.megaheader ul.megapack_parent {
  left: -999em; 
}


ul.megawrapper.top.megamenu_black li.megaheader ul.megapack_parent li.megamenu ul.megapack_menu li a,
ul.megawrapper.top.megamenu_black li.megaheader ul.megapack_parent li.megamenu ul.megapack_menu li a:link,
ul.megawrapper.top.megamenu_black li.megaheader ul.megapack_parent li.megamenu ul.megapack_menu li a:visited {
  color: #444;
  background: transparent url(images/arrow.png) no-repeat left center;
  padding-left: 8px;
}

/** Description title shown mode **/
ul.megawrapper.top.megamenu_black li.megatop span.description-title {
  /*display: block;*/
  font-size: 10px;
  line-height: 11px;
  margin: 0;
  padding: 0;
  width: 85%;
}

/** Menu icon integration **/
ul.megawrapper.top.megamenu_black img.menu-icon {
  float: left;
  margin-right: 10px;
}


/* MEGA MENU CUSTOM STYLES - DESKTOP */

/* styles the wrapper for each column of links */
ul.megapack_parent li.megamenu .column .column-wrapper
{
  margin-bottom: 20px;
  margin-right: 5px;
}

/* styles all menu links */
ul.megawrapper .menu a
{
    color: #444;
    display: block;
    margin-bottom: 9px;
    font-weight: bold !important; 
}

ul.megawrapper .menu a:hover
{
  text-decoration: underline;
  color: #f7941e;
}

ul.megawrapper .menu a.active-trail.active
{
    color: #f7941e;
}

/* highlight the current page menu item */
ul.megapack_parent li.megamenu .column a.active-trail.active
{
    color: #f7941e;
    text-decoration: underline;
}


/* styles the first menu item in each column (our "headings") */
ul.megapack_parent li.megamenu .column .column-wrapper > div > div > ul.menu > li.first > a
{
  margin-top: 0;
  padding-top: 0;  
  font-size: 16px !important;
  /*color: #27aae1;*/
  color: #bbb;
  text-transform: uppercase;
  line-height: %50 !important;
}

ul.megapack_parent li.megamenu .column .column-wrapper > div > div > ul.menu > li.first > a:hover
{
  /*color: #f7941e;*/
  /*color: #27aae1;*/
  text-decoration: none;
}

ul.megapack_parent li.megamenu .column .column-wrapper > div > div > ul.menu > li.first > a.active-trail.active
{
    color: #f7941e;
    text-decoration: underline;
}


/* styles the menu items that have child links ("sub sections") */
ul.megawrapper .menu li.expanded > a
{
  font-weight: bold !important; 
  color: #444;
  margin-bottom: 3px;
}
ul.megawrapper .menu li.expanded > a:hover
{
  color: #f7941e; 
}

/* add more space at bottom of children items */
ul.megawrapper .menu li.expanded li.leaf.last a
{
    margin-bottom: 9px; 
}




/* styles all menu links that are children of a "sub section" */
ul.megawrapper .menu li.expanded li.leaf a
{
    color: #777;
    margin-bottom: 3px;
    font-weight: normal !important; 
}

ul.megawrapper .menu li.expanded li.leaf a:hover
{
    color: #f7941e;
}





/* HORRIBLE HACK TO GET MENUS UNDER "INSTITUTE" IN THE CORRECT ORDER
 VT Supermenu refuses to order them correctly in the normal interface
 for an unknown reason...
 */
#megatop--main-menu--5 .mega-col-5.custom-column-1 
{
  position: relative;  
  margin-left: 200px;
  
}

#megatop--main-menu--5 .mega-col-5.custom-column-2
{
  position: absolute;
  left: 18px;
}