@media screen and (min-width: 768px) {
  .navbar-nws-container {
    height: 120px;
    z-index: 9;
    opacity: 0.85;
    overflow: hidden;
  }

  .navbar-nws-container.hidenav-down {
    padding-top: 0px;
  }

  .navbar-nws-container.hidenav-show {
    padding-top: 30px;
  }

  .navbar-nws-container.desktop {
    background-color: #663a14;
  }

  .navbar-nws-container ul {
    float: right;
  }

  .navbar-nws-container li {
    margin: 5px;
  }

  .navbar-nws-container li.divider {
    padding: 10px 0px;
  }

  .navbar-nws-container li a {
    color: #fff;
    text-decoration: none;
  }

  .navbar-nws-container li > a:hover,
  .navbar-nws-container li > a:focus,
  .navbar-nws-container li > a:active,
  .navbar-nws-container li.active > a {
    background: transparent !important;
    color: #a3bd12;
    text-decoration: none;
  }

  .navbar-nws {
    position: fixed;
    right: 0;
    height: 120px;
    z-index: 70;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-shadow: black 0.1em 0.1em 0.2em;
  }

  .navbar-nws-collapse {
    display: block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .navbar-nws {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-nws {
    /* to prevent nav from overlapping up arrow */
    width: 30%;
  }

  .navbar-nws > .navbar-header > .navbar-toggle {
    background: transparent;
    font-size: 2em;
    margin-left: 15px;
  }

  .navbar-nws-container.hidenav-show,
  .navbar-nws-container.hidenav-down {
    display: block;
    opacity: 1;
    visibility: visible;
  }

  .navbar-nws-container > .navbar-nws-collapse {
    background: #663a14;
    bottom: 0;
    display: block;
    left: 0;
    max-height: 100% !important;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;

    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
  }

  .navbar-nws-collapse.collapse {
    width: 0;
  }

  .navbar-nws-collapse.collapsing,
  .navbar-nws-collapse.in {
    width: auto;
  }

  .navbar-nws-collapse > .backdrop {
    background: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
  }

  .navbar-nws-collapse.collapse > .backdrop {
    display: none;
  }

  .navbar-nws-collapse.in > .backdrop {
    display: block;
  }

  .navbar-nws-collapse > ul {
    margin: 0;

    display: none;
    overflow: hidden;
    position: relative;
    width: 0;
    z-index: 2001;
  }

  .navbar-nws-collapse.in > ul {
    background: #663a14;
    display: block;
    height: 100%;
    overflow: auto;
    width: 100%;
  }

  .navbar-nws-collapse a {
    background: #663a14;
    color: white;
    cursor: pointer;
    display: block;
    line-height: 20px;
    font-weight: 500;
    padding: 10px 50px 10px 15px !important;
  }

  .navbar-nws-collapse a:hover,
  .navbar-nws-collapse a:active,
  .navbar-nws-collapse a:focus {
    background: #5a3010 !important;
    color: white;
  }

  .navbar-nws-collapse .divider {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* playlist adjustments */
  .player-playlists a:hover,
  .player-playlists a:hover div {
    background: #5a3010;
  }
}

@media screen and (max-width: 1023px) {
  /* player adjustments */
  .player {
    z-index: 1031 !important;
  }

  .player-playlists-mobile .backdrop {
    height: 100%;
    position: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .player-playlist a {
    line-height: 20px;
  }

  .player-playlist ul {
    margin: 0;
    padding: 0;
    overflow-y: auto !important;
    width: 100%;
  }

  .player-playlists-mobile .collapse.in.width {
    width: auto !important;
  }

  .player-playlists-mobile ul {
    margin: 0;
    padding: 0;
    overflow-y: auto !important;
    width: auto !important;
  }

  .player-playlist li {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1385px) {
  .visible-logo-size {
    display: block;
  }
}

@media screen and (max-width: 1384px) {
  .visible-logo-size {
    display: none;
  }
}

.logo {
  position: fixed;
  top: 25px;
  left: 50px;
  z-index: 80;
  background-attachment: scroll;
  background-image: url(../_images/nwsnoincglow.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 60px;
  width: 417px;
}

/* Navigation */
.hidenav-down,
.hidenav-up {
  min-height: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 1s 0.25s;
  -moz-transition: all 1s 0.25s;
  -o-transition: all 1s 0.25s;
  transition: all 1s 0.25s;
}

.hidenav-show {
  min-height: 0px !important;
  overflow: hidden;
  -webkit-transition: all 1s 0.25s;
  -moz-transition: all 1s 0.25s;
  -o-transition: all 1s 0.25s;
  transition: all 1s 0.25s;
}