@charset "UTF-8";
/* common fallback style for when :target is not supported */
.toggle-menu {
  clear: both;
}

.toggle-menu .toggle-menu__target {
  display: none;
}

.toggle-menu .toggle-menu__button--show {
  display: none;
}

.toggle-menu .toggle-menu__button--hide {
  display: none;
}

.toggle-menu .primary-links li {
  height: auto;
  display: block;
  line-height: 3em;
}

/* common mobile-first style for when :taget is supported */
body:not(:target) .toggle-menu .primary-links li {
  overflow: hidden;
  height: 0;
  -moz-transition: height 0.25s;
  -ms-transition: height 0.25s;
  -o-transition: height 0.25s;
  -webkit-transition: height 0.25s;
  transition: height 0.25s;
}

body:not(:target) .toggle-menu .toggle-menu__button--show {
  display: block;
  margin-top: 1em;
}

body:not(:target) .toggle-menu .toggle-menu__button--hide {
  display: none;
  margin-top: 1em;
}

/* common big screen style for when :target is supported */
@media screen and (min-width: 851px) {
  body:not(:target) .toggle-menu .primary-links li {
    display: inline-block;
    overflow: inherit;
  }
}

/* toggle-menu theming */
.toggle-menu .toggle-menu__button {
  cursor: pointer;
  line-height: 2em;
  padding: .5em;
  font-weight: bold;
}

.toggle-menu .toggle-menu__button:before {
  content: "☰";
  font-size: 2em;
  float: left;
  margin-right: -2em;
}

.toggle-menu .toggle-menu__button--hide:before {
  content: "✕";
}

.toggle-menu .primary-links {
  list-style-type: none;
  margin-top: 0;
  padding: 0;
}

.toggle-menu .primary-links li a {
  padding: .5em 1em;
  display: block;
}

/* mobile-first style for #show-nav-menu when :target is supported */
body:not(:target) .toggle-menu #show-nav-menu:target ~ .primary-links li {
  height: 3em;
  -moz-transition: height 0.25s;
  -ms-transition: height 0.25s;
  -o-transition: height 0.25s;
  -webkit-transition: height 0.25s;
  transition: height 0.25s;
}

body:not(:target) .toggle-menu #show-nav-menu:target ~ .toggle-menu__button--show {
  display: none;
}

body:not(:target) .toggle-menu #show-nav-menu:target ~ .toggle-menu__button--hide {
  display: block;
}

/* big screen style for #show-nav-menu when :target is supported */
@media screen and (min-width: 851px) {
  body:not(:target) .toggle-menu #show-nav-menu ~ .primary-links li, body:not(:target) .toggle-menu #show-nav-menu:target ~ .primary-links li {
    height: auto;
  }
  body:not(:target) .toggle-menu #show-nav-menu ~ .toggle-menu__button--show, body:not(:target) .toggle-menu #show-nav-menu:target ~ .toggle-menu__button--show {
    display: none;
  }
  body:not(:target) .toggle-menu #show-nav-menu ~ .toggle-menu__button--hide, body:not(:target) .toggle-menu #show-nav-menu:target ~ .toggle-menu__button--hide {
    display: none;
  }
}