/* Basic styling */
:root {
    --main-bg-color: #524c47;
  }
* {
    /*box-sizing: border-box;*/
    /*padding: 0;*/
    /*margin: 0;*/
  }
  div.responsenav {
    display:none;
    position:relative;
    padding: 0 15px;
    background: #3d3935 url(https://www.geneva.edu/_files/sitegraphics/triangles.png) repeat fixed center;
        z-index: 1;
    padding-top: 90px;
    margin-top: -90px;
  }

.valley-menu {
    margin-top: -30px;
}
ul.nav-submenu {
    margin-left: 0;
    padding: 0;
}
.show-menu {
    cursor:pointer;
}
ul.menu > li:last-child {
    margin-bottom: 30px;
}
  li.toggle a {color:#3d3935;}
  /* ul.menu a {
    color: white;
    text-decoration: none;
  } */
  .menu,
  .nav-submenu {
    list-style-type: none;
  }
  .logo {
    font-size: 20px;
    padding: 7.5px 10px 7.5px 0;
  }
  .item.button {
    padding: 9px 5px;
  }
  .item:not(.button) a:hover,
  .item a:hover::after {
    color: #ffffff;
  }

ul.menu > li {
    font-size:18px;
    font-weight:bold;
    margin:10px 0;
    box-sizing:border-box;
    cursor:pointer;
    border-radius:5px 5px 0px 0px;
}
ul.menu > li:last-child {
    margin-bottom: 30px;
}
ul.menu a {
    color: #ffffff;
    text-decoration: none;
  }
  ul.menu li ul li {
    font-size:16px;
    font-weight:normal;
  }

  /* Mobile menu */
  .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }
  .menu li a {
    display: block;
    padding: 15px;
  }
  .menu li.subitem a {
    padding: 15px;
  }

  .toggle {
    order: 1;
    font-size: 20px;
    /*padding: 30px 0px 30px 0px;*/
    box-sizing:border-box;
  }
  .item.button {
    order: 2;
  }
  .item {
    transition: all .4s ease;
    order: 3;
    width: 100%;
    text-align: center;
    display: none;
  }
  .active .item {
    display: block;
  }
  .button.secondary {
    /* divider between buttons and menu links */
    border-bottom: 1px #444 solid;
  }
  /* Submenu up from mobile screens */
  .nav-submenu {
    display: none;
  }
  .submenu-active .nav-submenu {
    display: block;
  }
  .has-submenu i {
    font-size: 14px;
    margin-left:12px;
  }
  /*.has-submenu > a:after {*/
  /*  font-family: "Font Awesome 5 Free";*/
  /*  text-rendering: optimizeLegibility;*/
  /*  font-size: 14px;*/
  /*  line-height: 16px;*/
    /*font-weight: 900;*/
  /*  content: "\f078";*/
  /*  color: white;*/
  /*  padding-left: 10px;*/
  /*}*/
  .subitem a {
    padding: 10px 15px;
  }
  .submenu-active {
      transition: all .4s ease;
    /* background-color: #111; */
    background: var(--main-bg-color);
    border-radius: 3px;
  }
  .responsenav ul li ul li {
    border-top:1px solid #f1f1f133;
  }
  
  .responsenav ul li ul li.item:hover {
    background: #ffffff3d;
}

.has-submenu > a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f078";
    margin-left: 10px;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    display: block;
    position: relative;
	text-decoration: none;
	color: #fff;
	/*background: #19c589;*/
	color: #b7b7b7;
	padding: 15px 0;
	margin-left: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 2;
}

/*Hide checkbox*/
input[type="checkbox"] {
	display: none;
	transition:all 2s;
}

/*Show menu when invisible checkbox is checked*/
input[type="checkbox"]:checked ~ .responsenav {
	display: block;
}


  /* Tablet menu */
  @media all and (min-width: 700px) {
    
    li.toggle a {color:#ffffff;}

    ul.menu > li {
        border-radius:5px 5px 5px 0px;
    }
    ul li ul li a {
        text-align:left;
    }
    .menu {
      justify-content: center;
    }
    .logo {
      flex: 1;
    }
    .item.button {
      width: auto;
      order: 1;
      display: block;
    }
    .toggle {
      flex: 1;
      order: 2;
    }
    /* Button up from tablet screen */
    .menu li.button a {
      padding: 10px 15px;
      margin: 5px 0;
    }
    .button a {
      background: #0080ff;
      border: 1px royalblue solid;
    }
    .button.secondary {
      border: 0;
    }
    .button.secondary a {
      background: transparent;
      border: 1px #0080ff solid;
    }
    .button a:hover {
      text-decoration: none;
    }
    .button:not(.secondary) a:hover {
      background: royalblue;
      border-color: darkblue;
    }
  }
  /* Desktop menu */
  @media all and (min-width: 960px) {
     .show-menu {
    display: none;
    }
    ul.menu > li:last-child {
    margin-bottom: 0px;
    }
    div.responsenav { display:block;margin-top: -130px;}
    .menu {
      align-items: flex-start;
      flex-wrap: nowrap;
      background: none;
      padding: 30px;
    }
    .logo {
      order: 0;
    }
    .item {
      flex:1;
      order: 1;
      position: relative;
      display: block;
      width: auto;
    }
    .button {
      order: 2;
    }
    .submenu-active .nav-submenu {
      display: block;
      position: absolute;
      left: 0;
      /* background: #111; */
      background: var(--main-bg-color);
    }
    .toggle {
      display: none;
    }
    .submenu-active {
      border-radius: 0;
    }
  }