/* */
/* line 7, scss/_offcanvas.scss */
#outer-wrap, #inner-wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
}

/* line 13, scss/_offcanvas.scss */
#outer-wrap {
  overflow: hidden;
}

/* line 18, scss/_offcanvas.scss */
.header__strip__logo,
.navigation-offcanvas {
  position: relative;
  z-index: 200;
}

/* line 24, scss/_offcanvas.scss */
.offcanvas__top__inner,
.navigation-offcanvas-content {
  position: relative;
}

/* line 28, scss/_offcanvas.scss */
.offcanvas__top {
  z-index: 100;
}

/* line 32, scss/_offcanvas.scss */
.navigation {
  right: 0;
  position: relative;
  overflow: hidden;
}

/* line 38, scss/_offcanvas.scss */
.navgation-toggle {
  width: 1.5em;
  height: 1.5em;
  white-space: nowrap;
  position: relative;
}

@media screen and (min-width: 45em) {
  /* line 51, scss/_offcanvas.scss */
  .navgation-toggle {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
/* line 64, scss/_offcanvas.scss */
#nav-close {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjIsMS43MjggMjAuMjgxLDAgMTEsOS4zMzEgMS43MTgsMCAwLDEuNzI4IDkuMjgxLDExLjA1OCAwLjExNSwyMC4yNzMgMS44MzMsMjIgMTEsMTIuNzg1IA0KCTIwLjE2NywyMiAyMS44ODUsMjAuMjczIDEyLjcxOCwxMS4wNTggIi8+DQo8L3N2Zz4NCg==") no-repeat;
  width: 24px;
  background-position: center center;
}

@media screen and (max-width: 44.999em) {
  /* line 71, scss/_offcanvas.scss */
  #nav-open {
    position: relative;
    display: block;
    margin-left: auto;
    padding-top: 4px;
  }

  /* line 77, scss/_offcanvas.scss */
  #nav-open .stripe {
    height: 3px;
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
  }

  /* line 85, scss/_offcanvas.scss */
  #nav-open .stripe:before,
  #nav-open .stripe:after {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    height: 3px;
    background-color: #fff;
    left: 0;
  }

  /* line 94, scss/_offcanvas.scss */
  #nav-open .stripe:before {
    top: 8px;
    left: 0;
  }

  /* line 98, scss/_offcanvas.scss */
  #nav-open .stripe:after {
    top: 16px;
  }

  /* line 109, scss/_offcanvas.scss */
  .archive #nav-open .stripe,
  .archive #nav-open .stripe:after,
  .archive #nav-open .stripe:before,
  .search #nav-open .stripe,
  .search #nav-open .stripe:after,
  .search #nav-open .stripe:before,
  .error404 #nav-open .stripe,
  .error404 #nav-open .stripe:after,
  .error404 #nav-open .stripe:before {
    background-color: #404040;
  }
}
/* line 114, scss/_offcanvas.scss */
#nav-open {
  right: 0;
}

/* line 120, scss/_offcanvas.scss */
#nav-close {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  margin-bottom: 20px;
  display: none;
}

@media screen and (max-width: 44.999em) {
  /* line 131, scss/_offcanvas.scss */
  #offcanvas {
    background-color: #272727;
  }

  /* line 134, scss/_offcanvas.scss */
  .offcanvas {
    padding: 0;
  }

  /* line 137, scss/_offcanvas.scss */
  .navigation-offcanvas {
    padding: 1.5em 0;
  }

  /* line 140, scss/_offcanvas.scss */
  .navigation-offcanvas-content {
    padding: 0 20px;
  }

  /* line 144, scss/_offcanvas.scss */
  .navigation {
    position: absolute;
    top: 0;
  }

  /* line 149, scss/_offcanvas.scss */
  .navigation:not(:target) {
    z-index: 1;
    height: 0;
  }

  /* line 154, scss/_offcanvas.scss */
  .navigation:target #nav-close {
    display: block;
  }

  /* line 158, scss/_offcanvas.scss */
  .navigation li {
    border-color: #404040;
  }

  /* line 162, scss/_offcanvas.scss */
  .navigation li:first-child {
    border-top: 1px solid #404040;
  }

  /* line 166, scss/_offcanvas.scss */
  .navigation a {
    color: whitesmoke;
    padding: 0.75em 0;
  }

  /* line 171, scss/_offcanvas.scss */
  .js-ready #inner-wrap {
    left: 0;
  }

  /* line 175, scss/_offcanvas.scss */
  .js-ready .navigation-offcanvas {
    background: transparent;
  }

  /* line 179, scss/_offcanvas.scss */
  .js-ready #nav-close {
    display: inline-block;
  }

  /* line 185, scss/_offcanvas.scss */
  .js-ready .navigation {
    height: 10000%;
    width: 10em;
    right: -10em;
    -webkit-box-shadow: inset 0.3em 0.3em 0.5em rgba(0, 0, 0, 0.45);
    -moz-box-shadow: inset 0.3em 0.3em 0.5em rgba(0, 0, 0, 0.45);
    box-shadow: inset 0.3em 0.3em 0.5em rgba(0, 0, 0, 0.45);
  }

  /* line 194, scss/_offcanvas.scss */
  .js-ready .navigation:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height: 1000em;
  }

  /* line 204, scss/_offcanvas.scss */
  .js-ready.csstransforms3d.csstransitions .navigation {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* line 217, scss/_offcanvas.scss */
  .js-ready.csstransforms3d.csstransitions .header__content {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* line 225, scss/_offcanvas.scss */
  .js-ready.csstransforms3d.csstransitions #outer-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* line 238, scss/_offcanvas.scss */
  .js-ready.csstransforms3d.csstransitions #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* line 256, scss/_offcanvas.scss */
  .js-ready.csstransforms3d.csstransitions .navigation {
    right: -20em;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  /* line 265, scss/_offcanvas.scss */
  .js-ready.csstransforms3d.csstransitions .navigation-offcanvas {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 0.7);
    -moz-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 0.7);
    -ms-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 0.7);
    -o-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 0.7);
    transform: translate3d(-10em, 0, 0) scale3d(1, 1, 0.7);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* line 290, scss/_offcanvas.scss */
  .js-nav #inner-wrap {
    left: 10em;
  }
}
@media screen and (max-width: 44.999em) {
  /* line 296, scss/_offcanvas.scss */
  .js-nav.csstransforms3d.csstransitions #inner-wrap {
    -webkit-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(-10em, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(-10em, 0, 0) scale3d(1, 1, 1);
  }

  /* line 304, scss/_offcanvas.scss */
  .js-nav.csstransforms3d.csstransitions .navigation-offcanvas {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 315, scss/_offcanvas.scss */
.nav {
  margin: 0;
}

/* line 320, scss/_offcanvas.scss */
.nav li,
.nav a {
  display: block;
}

/* HACK */
/* line 329, scss/_offcanvas.scss */
.site-header {
  overflow: visible;
}

/* line 332, scss/_offcanvas.scss */
.site-header .block-container {
  border-left: none;
  border-right: none;
  padding-left: 1.25em;
  padding-right: 1.25em;
}