/* menu block */
#offcanvas {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  background: #373B45;
  box-shadow: 0 0 15px #000 inset;
  width: 350px;
  z-index: 999; }

#offcanvas a {
  display: block;
  /* border-bottom: 1px solid rgba(255,255,255,0.5); */
  text-transform: uppercase;
  padding-left: 20px; }

#offcanvas nav {
  margin-top: 45px; }

/*  Trigger menu */
#trigger {
  text-align: right;
  position: fixed;
  top: 20px;
  right: 20px;
  display: none;
  color: black; }

#close_box {
  text-align: right; }

#trigger .fa,
#close_box .fa {
  font-size: 25px;
  color: #E6B621;
  width: 100%;
  height: 100%; }

@media (max-width: 550px) {
  #trigger,
  #close_box {
    display: block; } }
body.activity_page #trigger,
body.activity_page #close_box {
  display: block; }

body.activity_page .sign-in {
  display: none; }

/*  text styles */
.m-menu li a {
  font-weight: 600;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 5px; }

li.mainsubmenu a {
  font-weight: 300;
  border-bottom: none;
  padding: 0px 5px 5px 5px; }

li.activitysubmenu a {
  font-weight: 300;
  border-bottom: none;
  padding: 0px 5px 5px 5px; }

.mainsubmenu {
  display: none; }

.activitysubmenu {
  display: none; }

.mainsubmenu a {
  border-bottom: 0px; }

#offcanvas ul {
  list-style-type: none; }

li#about .fas {
  color: white;
  margin-left: 20px; }

li#about.active a {
  color: #E6B621; }

li#activity .fas {
  color: white;
  margin-left: 20px; }

li#activity.active a {
  color: #E6B621; }

li#activity.active .fas {
  transform: rotate(90deg); }

/*# sourceMappingURL=offcanvas-mobile-menu.css.map */