.mobile-menu {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
	color: #fff;
  }

  .mobile-menu span.icon {
    float: right;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1;
    vertical-align: middle;
  }

  nav {
    display: none;
  }

  .genesis-nav-menu .menu-item {
    border-top: 1px solid #f5f5f5;
    display: block;
  }

  .genesis-nav-menu > li.menu-item:first-child,
  .site-navigation .nav-extras.widget-area {
    border-top: none;
  }

  .genesis-nav-menu a,
  .genesis-nav-menu a:hover,
  .genesis-nav-menu .sub-menu li a,
  .genesis-nav-menu .sub-menu li a:hover {
    display: inline-block;
    line-height: 1.3;
    padding: 10px 0;
    position: relative;
  }

  .genesis-nav-menu .menu-item-has-children,
  .genesis-nav-menu .menu-item:hover {
    cursor: pointer;
    position: relative;
  }

  .genesis-nav-menu .sub-menu {
    background: #f8f8f8;
    display: none;
    left: auto;
    opacity: 1;
    position: relative;
    -moz-transition:    opacity .4s ease-in-out;
    -ms-transition:     opacity .4s ease-in-out;
    -o-transition:      opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    transition:         opacity .4s ease-in-out;
    width: 100%;
    z-index: 1;
  }

  .genesis-nav-menu .sub-menu .sub-menu {
    margin: 0;
    padding-left: 25px;
  }

  .genesis-nav-menu .sub-menu li a,
  .genesis-nav-menu .sub-menu li a:hover {
    background: transparent;
    border: none;
    padding: 10px 15px;
  }

  .genesis-nav-menu .menu-item-has-children:before,
  .genesis-nav-menu .menu-item-has-children:after {
    background: #666;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 2px;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 8px;
    z-index: 2;

    -webkit-transform:  rotate(45deg);
    -moz-transform:     rotate(45deg);
    -o-transform:       rotate(45deg);
    transform:          rotate(45deg);
  }

  .genesis-nav-menu .menu-item-has-children:after {
    right: 11px;
    -webkit-transform:  rotate(-45deg);
    -moz-transform:     rotate(-45deg);
    -o-transform:       rotate(-45deg);
    transform:          rotate(-45deg);
  }

  .genesis-nav-menu .menu-open.menu-item-has-children:before {
    -webkit-transform:  rotate(135deg);
    -moz-transform:     rotate(135deg);
    -o-transform:       rotate(135deg);
    transform:          rotate(135deg);
  }

  .genesis-nav-menu .menu-open.menu-item-has-children:after {
    -webkit-transform:  rotate(-135deg);
    -moz-transform:     rotate(-135deg);
    -o-transform:       rotate(-135deg);
    transform:          rotate(-135deg);
  }