/* 
 * This is a sample custom stylesheet.  Copy it to ubermenu/styles/custom.css and 
 * set your Style Application setting to 'Custom' to start customizing 
 */


/**********************************************************************
 * UberMenu Skin: Custom
 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com
 **********************************************************************/

/* Menu Bar */
#megaMenu {
  border:none;
  border-bottom:;
  background-color:#fba23c !important;
  background:-webkit-gradient(linear,left top,left bottom,from(#fba23c),to(#e07b16)) !important;
  background:-webkit-linear-gradient(top,#fba23c,#e07b16) !important;
  background:-moz-linear-gradient(top,#fba23c,#e07b16) !important;
  background:-ms-linear-gradient(top,#fba23c,#e07b16) !important;
  background:-o-linear-gradient(top,#fba23c,#e07b16) !important;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
}

/* Top Level Items */
#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {
  font-size: 14px;
  color: #232321;
  padding: 12px 15px;
  font-weight: normal;
}

/* Horizontal Menu Items */
#megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator {
  border-right:1px solid #ab5402;
  -webkit-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,0);
  box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.25);
}

/* Vertical Menu Items */
#megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator {
  border-top:1px solid #ab5402;
  -webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0);
}

/* Menu Items with Dropdowns */
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a,
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator,
#megaMenu ul li.mega-with-sub > a,
#megaMenu ul li.mega-with-sub > span.um-anchoremulator,
#megaMenu ul li.ss-nav-menu-mega > a,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator {
  padding-right: 20px;
}

/* Top Level Menu Item Titles */
#megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title {
  text-transform:uppercase;
  font-family:'ProximaNovaExtrabold', Helvetica, Arial, sans-serif !important;
  text-shadow:0px 1px 1px rgba(255, 255, 255, 0.35);
  text-decoration:none;
}

/* Top Level Items - Hover */
#megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a {
  color:#232321 !important;
  border-bottom-color:transparent !important;
  background-color:#fa9528;
  background:-webkit-gradient(linear,left top,left bottom,from(#fa9528),to(#ac5601));
  background:-webkit-linear-gradient(top,#fa9528,#ac5601);
  background:-moz-linear-gradient(top,#fa9528,#ac5601);
  background:-ms-linear-gradient(top,#fa9528,#ac5601);
  background:-o-linear-gradient(top,#fa9528,#ac5601);
  -webkit-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0);
}

/* Top Level Items Title - Hover */
#megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title,
#megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title {
  text-shadow: none;
}

/* Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a {
  color: #232321;
}

/* Sub Menu Container Style */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
   border-color:#c2c2c2;
  color:#8f8f8f;
  text-shadow:0px 1px 1px transparent;
  -webkit-box-shadow:1px 1px 1px #707070;
  -moz-box-shadow:1px 1px 1px #707070;
  box-shadow:1px 1px 1px #707070;
  background-color:#ffffff;
  background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e8e8e8));
  background:-webkit-linear-gradient(top,#ffffff,#e8e8e8);
  background:-moz-linear-gradient(top,#ffffff,#e8e8e8);
  background:-ms-linear-gradient(top,#ffffff,#e8e8e8);
  background:-o-linear-gradient(top,#ffffff,#e8e8e8);
 }

/* Horizontal Sub Menus */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-top: none;
}

/* Sub Menu Columns */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li {
  min-width: 100px;
}

/* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a,
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,
.wpmega-widgetarea h2.widgettitle {
  color:#454545;
  font-size:14px;
  font-weight:bold;
  text-shadow:0px 1px 1px transparent;
  padding-bottom:.4em;
  border-bottom:1px dotted #1c1c1c;
  margin-bottom:.6em;
}

/* Sub Menu Links & Fake Links */
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator,
#megaMenu ul ul.sub-menu li > a,
#megaMenu ul ul.sub-menu li > span.um-anchoremulator {
  color:#72716f;
  font-size:14px;
  text-shadow:0px 1px 1px transparent;
  background-color:transparent;
}

/* Sub Menu Link Hover */
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a {
  color:#ffffff;
  background-color:#e9841e;
}

/* Top Level Search Bar */
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform {
  padding-top: 2px;
}

/* Highlight color */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
  color: #72716f!important;
}

/* Image Spacing */
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {
  padding-left: 30px;
}
.ss-nav-menu-with-img {
  min-height: 16px;
}

/* Item Description */
#megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description {
  font-size:8px;
  line-height:1.4em;
  color:#333333;
  text-transform:none;
}

/* Arrow Colors */
#megaMenu ul li.mega-with-sub > a:after,
#megaMenu ul li.ss-nav-menu-mega > a:after,
#megaMenu ul li.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-top-color: #6e3404;
}
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after {
  border-left-color: #212121;
}

#megaMenu .wpmega-divider {
  border-top:1px solid #c2c2c2;
  border-bottom:1px solid rgba(255,255,255,0.05);
}

/* Vertical */
#megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator {
  background-color:#fba23c;
  background:-webkit-gradient(linear,left top,left bottom,from(#fba23c),to(#e07b16));
  background:-webkit-linear-gradient(top,#fba23c,#e07b16);
  background:-moz-linear-gradient(top,#fba23c,#e07b16);
  background:-ms-linear-gradient(top,#fba23c,#e07b16);
  background:-o-linear-gradient(top,#fba23c,#e07b16);
}
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-left-color: #6e3404;
}
#megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-left: none;
}
/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu {
  *border-bottom: none;
}
#megaMenu.megaMenuVertical ul.megaMenu {
  *border-right: none;
}


/* Indent Courses Level 2 Items  */

#megaMenu li#menu-item-14589,
#megaMenu li#menu-item-12249,
#megaMenu li#menu-item-12250,
#megaMenu li#menu-item-10456,
#megaMenu li#menu-item-10449,
#megaMenu li#menu-item-13859,
#megaMenu li#menu-item-13915,
#megaMenu li#menu-item-13913,
#megaMenu li#menu-item-13863,
#megaMenu li#menu-item-13866,
#megaMenu li#menu-item-13874,
#megaMenu li#menu-item-13875,
#megaMenu li#menu-item-13869,
#megaMenu li#menu-item-15278,
#megaMenu li#menu-item-15288,
#megaMenu li#menu-item-15973,
#megaMenu li#menu-item-17337,
#megaMenu li#menu-item-18686,
#megaMenu li#menu-item-19281,
#megaMenu li#menu-item-19280,
#megaMenu li#menu-item-21226,
#megaMenu li#menu-item-21751,
#megaMenu li#menu-item-21753,
#megaMenu li#menu-item-17615,
#megaMenu li#menu-item-22603,
#megaMenu li#menu-item-26596,
#megaMenu li#menu-item-26597,
#megaMenu li#menu-item-27416 {
	 padding-left:20px !important;	/* whatever width you want */
}

#megaMenu li#menu-item-12247,
#megaMenu li#menu-item-12849,
#megaMenu li#menu-item-13857,
#megaMenu li#menu-item-14716,
#megaMenu li#menu-item-14717,
#megaMenu li#menu-item-15702,
#megaMenu li#menu-item-16486,
#megaMenu li#menu-item-20235,
#megaMenu li#menu-item-21754,
#megaMenu li#menu-item-22633 {
	font-weight:bold;
	font-size:14px;
}

#megaMenu li#menu-item-12247,
#megaMenu li#menu-item-13857,
#megaMenu li#menu-item-21754 {
	border-bottom: 2px dotted #CCCCCC;
}

#megaMenu li#menu-item-12849,
#megaMenu li#menu-item-14716 {
	border-top: 2px dotted #CCCCCC;
}

#megaMenu li#menu-item-15288,
#megaMenu li#menu-item-21226 {
	margin-bottom:20px;
}