/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center;
  background-color: #584496; 
}

#nav-trigger span {
  display: inline-block;
  float: right;
  color: white;
  cursor: pointer;
  font-size: 25px;
  text-transform: uppercase; 
  line-height: 0;
  margin-top: 2px;
  height: 28px;
}

nav#nav-mobile {
  position: relative;
  display: none; 
}

nav#nav-mobile ul {
  display: none;
  margin-top: 0;
  list-style-type: none;
  /*position: absolute;*/
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #584496;
  padding-left: 0; 
}

nav#nav-mobile li {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #FCFBF5; 
}

nav#nav-mobile li a:hover {
   color: #B18AB5;
}

nav#nav-mobile li:last-child {
  border-bottom: none; 
}

nav#nav-mobile li.menu-item-has-children ul li:first-child {
  display: none;
}

nav#nav-mobile a {
  display: block;
  color: white;
  padding: 10px 30px; 
}

.logo {
  text-align: center;
  border-radius: 50%;
  background: #584496;
  float: left;
  margin-top: 3px;
}

.logo img {
  width: 200px;
}

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; 
}

section p:last-child {
  margin-bottom: 0; 
}

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 1023px) {

  #nav-trigger {
    display: block; 
    padding: 5px 10px;
  }

  nav#nav-main {
    display: none; 
  }

  nav#nav-mobile a.logo-link {
    display: none; 
  }

  nav#nav-mobile {
    display: block; 
  } 

  header {
      background: none;
      padding: 0;
  }

  ul.sub-menu.expanded {
      border-top: solid 1px #FCFBF5; 
  }

}