/**
  * fantour 2016 navigation
  * (c) 2016 3unikat - Philipp Salmutter
  */
/*
 * Susy grid settings
 */
/*
 * 3unikat mixin library
 */
/*
 * PS mixin framework
 */
/*
 * And the beauty goes here
 */
/* line 12, ../sass/navigation.scss */
.navigation {
  *zoom: 1;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0.15em 0.15em, 0 -3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0.15em 0.15em, 0 -3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.25) 0 0.15em 0.15em, 0 -3px 10px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 200;
  font-weight: 400;
  background-color: #a52b30;
  background-image: linear-gradient(#b93036, #91262a);
}
/* line 71, ../sass/_mixins.scss */
.navigation:before, .navigation:after {
  content: " ";
  display: table;
}
/* line 75, ../sass/_mixins.scss */
.navigation:after {
  clear: both;
}
@media (max-width: 1023px) and (orientation: portrait) {
  /* line 12, ../sass/navigation.scss */
  .navigation {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}
@media (max-width: 599px) and (orientation: portrait) {
  /* line 12, ../sass/navigation.scss */
  .navigation {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  /* line 12, ../sass/navigation.scss */
  .navigation {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    height: 50px;
    line-height: 50px;
    font-weight: 200;
  }
}
@media (max-width: 599px) and (orientation: portrait) {
  /* line 12, ../sass/navigation.scss */
  .navigation {
    height: 50px;
    line-height: 50px;
    font-weight: 200;
  }
}
/* line 49, ../sass/navigation.scss */
.navigation__inner {
  max-width: 960px;
  margin: auto;
}
/* line 53, ../sass/navigation.scss */
.navigation ul.nav {
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 767px) and (orientation: portrait) {
  /* line 53, ../sass/navigation.scss */
  .navigation ul.nav {
    max-width: none;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  /* line 53, ../sass/navigation.scss */
  .navigation ul.nav {
    max-width: none;
  }
}
/* line 63, ../sass/navigation.scss */
.navigation a {
  display: block;
  color: #fff;
  padding: 0 .5rem;
  margin-right: .5rem;
  border-bottom: none;
  font-weight: 200;
}
/* line 70, ../sass/navigation.scss */
.navigation a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
/* line 74, ../sass/navigation.scss */
.navigation [class*='item-'] {
  display: inline-block;
  position: static;
}
/* line 78, ../sass/navigation.scss */
.navigation .item {
  position: relative;
}
/* line 80, ../sass/navigation.scss */
.navigation .item.active a, .navigation .item.current a {
  position: relative;
  color: #fff;
  background-color: #20583c;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
}
/* line 87, ../sass/navigation.scss */
.navigation .item.current a {
  cursor: default;
}