/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

div#zone-menu ul#main-menu,
div#zone-menu .sf-menu.sf-style-default {
  float: left;
  margin: 0;
  margin-right: -10px;
}

/** ALL LINKS **/

div#zone-menu ul.sf-main-menu li a,
div#zone-menu ul.sf-main-menu li span.menuparent.nolink {
  display: block;
  border: 0;
  color: #f2f2f2;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.02em;
  font-family: 'Source Sans Pro', sans-serif;
  white-space: nowrap;
  text-decoration:none;
}


div#zone-menu ul.sf-main-menu li a:hover {
  text-decoration: none;
  color: #f2f2f2;
}

/* DEPTH 1 ONLY (HORIZONTAL MENU) USE THIS: */

/** REMOVE ENTIRE ul#superfish-1.sf-main-menu BELOW TO RE_ENABLE OLDER FIXED PADDING MENU
div#zone-menu   ul#superfish-1.sf-main-menu {
  width: 100%;
  display: table;
}
**/

div#zone-menu ul.sf-main-menu li.sf-depth-1 {
  /** padding: 1px 3px 0;  <-- **/
  padding: 1px 10px 0;
  line-height: 72px;
  height: 72px;
  list-style: none;
  list-style-position: outside;
  float: left;
}

div#zone-menu ul.sf-main-menu  li.menuparent > a,
div#zone-menu ul.sf-main-menu  li.menuparent > span {
    padding-right: 35px !important;
}

div#zone-menu ul.sf-main-menu li.sf-depth-1:hover {
  background-color: #272727;
  background-position: 8px 37px;
}

div#zone-menu ul.sf-main-menu li.sf-depth-1.sf-no-children{
  background-image: none;
}

/* --- */


/*** Menu Drop-Downs (above is the horizontal list style) ***/

div#zone-menu ul.sf-main-menu li.sf-depth-1 ul {
  background: #303030;
  top: 73px;
  border-radius: 0;
  box-shadow: 0 0px 6px rgba(0,0,0,0.75);
  margin-right: -104%;
}

div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li {
  position: relative;
  background-color: #333333;
  color: #f2f2f2;
  padding-top: 1px;
  border-top: 1px solid transparent;
}
/**
div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li:first-child,
div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li.first {
  border-top: none;
}

div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li:last-child,
div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li.last {
  border-bottom: none;
}
**/
div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li:hover {
  background-color: #272727;
}

div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li a {
  padding: 0 12px;
  text-align: left;
}

div#zone-menu ul.sf-main-menu li.sf-depth-1 ul li:hover a:after {
  position: absolute;
  /*content: "> ";*/
  right: 8px;
  font-size: 12px;
  opacity: 0.5;
  font-family: inherit;
}