html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  scroll-behavior: smooth; }

body, div {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch; }

body, input {
  font-family: Arial, sans serif;
  font-style: normal;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 0.9em;
  line-height: 1.45em; }

/*
.button.new {
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 74px;

  border-color: transparent transparent transparent #202020;
  transition: 100ms all ease;
  cursor: pointer;

  // play state
  border-style: solid;
  border-width: 37px 0 37px 60px;

  &.paused {
    border-style: double;
    border-width: 0px 0 0px 60px;
  }

  &:hover {
    border-color: transparent transparent transparent #404040;
  }
}
*/
h1, h2, h3, th {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0; }

h2 {
  margin-top: 2em; }

h1 {
  margin-top: 0; }

strong {
  font-weight: normal; }

.flexbox {
  display: flex; }

.hidden {
  display: flex; }

.wrapper, .featurearea {
  /*general width wrapper*/
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.emulated-flex-gap {
  --gap: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap)); }

.emulated-flex-gap > * {
  margin: var(--gap) 0 0 var(--gap); }

body {
  display: flex;
  height: 100%;
  flex-direction: column;
  /*height: 100%;*/
  box-sizing: border-box;
  overflow-y: scroll; }

a:link, a:visited, a:active {
  text-decoration: underline;
  color: #000; }

a:hover {
  text-decoration: underline; }

.desktopimg {
  display: block; }

.mobileimg {
  display: none; }

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.4em;
  background: white;
  z-index: 5;
  border-bottom: 1px solid #000; }
  .site-header a:link, .site-header a:visited, .site-header a:active, .site-header a:hover {
    text-decoration: none; }
  .site-header .logo .full {
    display: inline; }
  .site-header .logo .jjj {
    display: none; }
  .site-header nav {
    z-index: 5; }
    .site-header nav .menuicon {
      display: none;
      position: absolute;
      right: 0.7em;
      top: 0.2em;
      font-size: 24px; }
  .site-header .wrapper nav, .site-header .wrapper .player, .site-header .wrapper .logo {
    flex: 1; }
  .site-header .wrapper .nav_wrapper {
    list-style: none;
    justify-content: flex-end; }
    .site-header .wrapper .nav_wrapper .mobile {
      display: none; }
    .site-header .wrapper .nav_wrapper .nav_item a {
      display: block;
      padding: 0rem 1rem; }
  .site-header .wrapper .player {
    text-align: center;
    position: relative;
    top: 3px; }

.content.archivecontent {
  margin-bottom: 2.4em; }

.content {
  /*	overflow-y:scroll;*/
  /*overflow-x: hidden;*/
  flex: 1;
  margin: 2.4em 0 2.4em;
  /*@include blackborder;*/ }
  .content .wrapper .container {
    /*	padding-left: 0.5rem;
    	padding-right: 0.5rem;*/ }
  .content .imgwrapper {
    overflow: hidden;
    display: flex;
    /* Full height */
    height: 40%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .content .imgwrapper.mobileimg {
      display: none; }
    .content .imgwrapper img {
      object-fit: cover;
      height: 100%;
      width: 100%; }

.show {
  display: flex; }
  .show .wrapper {
    align-items: start; }
  .show .shownotes .feature, .show .showdetails .feature {
    margin: 0 0;
    border: 1px black solid;
    height: 5em;
    max-width: 100%; }
    .show .shownotes .feature .featuredesc, .show .showdetails .feature .featuredesc {
      margin: 0;
      align-self: center;
      padding: 0; }
      .show .shownotes .feature .featuredesc h1, .show .showdetails .feature .featuredesc h1 {
        margin: 0; }
      .show .shownotes .feature .featuredesc h2, .show .showdetails .feature .featuredesc h2 {
        margin: 0.5em 0 0 0;
        line-height: 1em;
        height: auto; }
    .show .shownotes .feature .playcover, .show .showdetails .feature .playcover {
      width: 6em;
      max-width: 6em; }
      .show .shownotes .feature .playcover button, .show .showdetails .feature .playcover button {
        border-width: 1em 0 1em 1.5em; }
        .show .shownotes .feature .playcover button.pause, .show .showdetails .feature .playcover button.pause {
          border-width: 0 0 0 1.5em;
          height: 2em; }
  .show .showdetails .feature {
    margin-bottom: 1em; }
  .show .shownotes {
    width: 50%;
    border-right: 1px solid #C7C7C7;
    padding: 1em 6em 0 0; }
    .show .shownotes .flowtext {
      margin-top: 1em; }
      .show .shownotes .flowtext img {
        max-width: 100%; }
    .show .shownotes .feature {
      margin: 0 0 0 0;
      border: 1px black solid;
      /*			height: 4em;*/
      max-width: 100%; }
      .show .shownotes .feature .featuredesc {
        margin: 0;
        align-self: center;
        padding: 0; }
        .show .shownotes .feature .featuredesc h2 {
          line-height: 1em;
          height: auto; }
      .show .shownotes .feature .playcover {
        width: 6em;
        max-width: 6em; }
        .show .shownotes .feature .playcover button {
          border-width: 1em 0 1em 1.5em; }
  .show .showdetails {
    width: 50%;
    padding: 1em 0 0 2em; }
    .show .showdetails .stats {
      margin-top: 2em; }
    .show .showdetails img {
      max-width: 80%; }

.archive {
  /*	height: 2.4em;*/
  /*	height: 20em;*/
  /*display: flex;
  position: fixed;
  bottom: 2.4em;
  left: 0;
  width: 100%;
  background: white;
  z-index: 4;
  @include blackbordertop;
  .wrapper {
  	width: 100%;
  	
  }*/ }

.archivepart {
  padding-left: 1em;
  /*scrollbar margin correct*/
  /*height: 20em !important;*/
  border-top: 1px solid #000;
  overflow-y: scroll !important; }
  .archivepart .wrapper {
    margin-bottom: 1.2em; }
    .archivepart .wrapper table {
      padding-bottom: 1.2em; }

.linktree .linktreewrapper {
  justify-content: center;
  width: 100%;
  display: flex; }
  .linktree .linktreewrapper .linkyy {
    justify-content: space-around;
    height: auto;
    overflow-y: hidden;
    max-width: 1280px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 100%;
    flex-direction: column; }
    .linktree .linktreewrapper .linkyy a:link, .linktree .linktreewrapper .linkyy a:visited, .linktree .linktreewrapper .linkyy a:active {
      text-decoration: none; }
    .linktree .linktreewrapper .linkyy .linkc {
      width: 80%;
      align-items: center;
      justify-content: center;
      /*flex-shrink: 1;*/
      border: 1px black solid;
      display: flex;
      flex: 1 1 4em;
      max-width: 30em;
      min-width: 40%;
      height: 5em;
      margin: 1em;
      padding: 0.5em;
      text-align: center;
      flex-direction: column; }
      .linktree .linktreewrapper .linkyy .linkc em {
        font-style: italic; }

.archivepart {
  border-top: 1px solid #000; }

.archivefull .wrapper {
  margin-bottom: 2em; }

.archivefull, .archivepart {
  height: auto;
  top: 0;
  position: relative;
  display: flex;
  background: white;
  overflow: hidden;
  align-items: flex-start; }
  .archivefull .wrapper, .archivepart .wrapper {
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    display: flex;
    overflow: hidden; }
    .archivefull .wrapper .topbar, .archivepart .wrapper .topbar {
      width: 100%;
      flex-basis: 100%;
      height: 4em;
      display: flex; }
      .archivefull .wrapper .topbar h1, .archivepart .wrapper .topbar h1 {
        width: 50%;
        margin-bottom: 1em; }
      .archivefull .wrapper .topbar .search, .archivepart .wrapper .topbar .search {
        width: 50%;
        display: flex;
        justify-content: flex-end; }
        .archivefull .wrapper .topbar .search #searchform input, .archivepart .wrapper .topbar .search #searchform input {
          margin-right: 2em;
          text-transform: uppercase;
          text-align: right; }
      .archivefull .wrapper .topbar.full .search #searchform input, .archivepart .wrapper .topbar.full .search #searchform input {
        margin-right: 1em; }
    .archivefull .wrapper table, .archivepart .wrapper table {
      width: 50%;
      border-spacing: 0;
      /*margin-right:1em;*/ }
      .archivefull .wrapper table a:link, .archivefull .wrapper table a:visited, .archivefull .wrapper table a:active, .archivepart .wrapper table a:link, .archivepart .wrapper table a:visited, .archivepart .wrapper table a:active {
        text-decoration: none; }
      .archivefull .wrapper table a:hover, .archivepart .wrapper table a:hover {
        text-decoration: underline; }
      .archivefull .wrapper table tr, .archivepart .wrapper table tr {
        line-height: 1.3em; }
        .archivefull .wrapper table tr.red, .archivepart .wrapper table tr.red {
          color: red; }
          .archivefull .wrapper table tr.red a:link, .archivefull .wrapper table tr.red a:visited, .archivefull .wrapper table tr.red a:active, .archivepart .wrapper table tr.red a:link, .archivepart .wrapper table tr.red a:visited, .archivepart .wrapper table tr.red a:active {
            color: red; }
        .archivefull .wrapper table tr th, .archivepart .wrapper table tr th {
          text-align: left;
          margin-bottom: 2em;
          padding: 0 0.5em 0.5em 0.5em; }
        .archivefull .wrapper table tr td, .archivepart .wrapper table tr td {
          text-align: left;
          width: auto;
          padding: 0.2em 0.5em;
          margin: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: 16em; }
        .archivefull .wrapper table tr td:hover, .archivepart .wrapper table tr td:hover {
          overflow: visible;
          white-space: normal; }
        .archivefull .wrapper table tr td.date, .archivepart .wrapper table tr td.date {
          min-width: 6em;
          width: 1em; }
        .archivefull .wrapper table tr td:first-child, .archivepart .wrapper table tr td:first-child {
          padding: 0 0.05em 0 0; }
      .archivefull .wrapper table table.left tr td:last-of-type, .archivepart .wrapper table table.left tr td:last-of-type {
        padding: 0 2em 0 0.5em; }

.featurewrapper.whitefeat {
  background: white;
  color: black;
  border-top: 1px solid #000;
  /*	@include blackborder;*/ }
  .featurewrapper.whitefeat .feature {
    border: 1px black solid; }
    .featurewrapper.whitefeat .feature .featuredesc {
      padding: 0.2em 0.5em 0.5em 0em; }

.featurewrapper.around .wrapper {
  justify-content: space-around; }

.featurewrapper.blackfeat {
  background: black;
  color: white;
  /*	@include whitebordertop;
  	@include whiteborderbottom;*/ }
  .featurewrapper.blackfeat a:link, .featurewrapper.blackfeat a:visited, .featurewrapper.blackfeat a:active {
    color: white; }
  .featurewrapper.blackfeat a:hover {
    color: white; }
  .featurewrapper.blackfeat .feature {
    border: 1px white solid; }
    .featurewrapper.blackfeat .feature .playcover {
      background: black;
      border-right: black; }
      .featurewrapper.blackfeat .feature .playcover button {
        border-color: transparent transparent transparent white; }

.featurewrapper.hscrollwrapper {
  padding-bottom: 0; }

.featurewrapper, .show {
  display: flex;
  /*	@include blackborder;*/
  padding-bottom: 0.5em;
  justify-content: space-around;
  height: auto;
  overflow-y: hidden; }
  .featurewrapper .featurearea, .show .featurearea {
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around; }
    .featurewrapper .featurearea.live, .show .featurearea.live {
      margin: auto auto 4em auto; }
      .featurewrapper .featurearea.live h1, .show .featurearea.live h1 {
        color: red; }
      .featurewrapper .featurearea.live a:link, .featurewrapper .featurearea.live a:visited, .featurewrapper .featurearea.live a:active, .show .featurearea.live a:link, .show .featurearea.live a:visited, .show .featurearea.live a:active {
        color: red; }
      .featurewrapper .featurearea.live .featureintro, .show .featurearea.live .featureintro {
        margin: auto auto 2em auto; }
      .featurewrapper .featurearea.live .featuredesc, .show .featurearea.live .featuredesc {
        align-self: center;
        padding-bottom: 0.25em; }
        .featurewrapper .featurearea.live .featuredesc h1, .show .featurearea.live .featuredesc h1 {
          margin-bottom: 0; }
      .featurewrapper .featurearea.live .feature, .show .featurearea.live .feature {
        min-width: auto;
        flex-basis: 100%;
        border: red 1px solid; }
        .featurewrapper .featurearea.live .feature .playcover button, .show .featurearea.live .feature .playcover button {
          border-color: transparent transparent transparent red; }
    .featurewrapper .featurearea .featureintro, .show .featurearea .featureintro {
      display: flex;
      max-width: 60em;
      min-width: 60%;
      margin: 0 1em 1em 1em;
      justify-content: center; }
      .featurewrapper .featurearea .featureintro .roll, .show .featurearea .featureintro .roll {
        /*width: 40%;*/ }
  .featurewrapper .featurearea.hscroll, .show .featurearea.hscroll {
    padding-bottom: 0;
    overflow-x: hidden;
    /* Media query for mobile devices */ }
    .featurewrapper .featurearea.hscroll a:link, .featurewrapper .featurearea.hscroll a:visited, .featurewrapper .featurearea.hscroll a:active, .show .featurearea.hscroll a:link, .show .featurearea.hscroll a:visited, .show .featurearea.hscroll a:active {
      text-decoration: none; }
    .featurewrapper .featurearea.hscroll a:hover, .show .featurearea.hscroll a:hover {
      text-decoration: underline; }
    .featurewrapper .featurearea.hscroll .image-container, .show .featurearea.hscroll .image-container {
      width: 100%;
      overflow-x: auto;
      /* Enable horizontal scrolling */
      display: flex;
      /* Use Flexbox */ }
    .featurewrapper .featurearea.hscroll .image-wrapper, .show .featurearea.hscroll .image-wrapper {
      flex: 0 0 15%;
      /* Each image/text takes up max 25% of the page width */
      text-align: center;
      padding: 10px;
      box-sizing: border-box; }
    .featurewrapper .featurearea.hscroll .image-wrapper img, .show .featurearea.hscroll .image-wrapper img {
      width: 80px;
      /* Adjust image size */
      height: 80px;
      /* Adjust image size */
      border-radius: 50%;
      /* Display images in a circle */
      margin-bottom: 8px; }
    .featurewrapper .featurearea.hscroll .text-container, .show .featurearea.hscroll .text-container {
      font-size: 14px;
      line-height: 1.4;
      max-width: 80px;
      /* Limit text container width to match image width */
      margin: 0 auto;
      /* Center the text container */
      word-wrap: break-word;
      /* Allow text to wrap */ }
    @media screen and (max-width: 600px) {
      .featurewrapper .featurearea.hscroll .image-wrapper, .show .featurearea.hscroll .image-wrapper {
        flex: 0 0 30%;
        /* Make each image take up 100% width on smaller screens */ } }
  .featurewrapper .featurearea.jewel, .show .featurearea.jewel {
    margin: 1em auto 4em; }
    .featurewrapper .featurearea.jewel.invertorder, .show .featurearea.jewel.invertorder {
      flex-direction: row-reverse; }
    .featurewrapper .featurearea.jewel .featureintro, .show .featurearea.jewel .featureintro {
      max-width: 50%;
      min-width: 50%; }
      .featurewrapper .featurearea.jewel .featureintro .roll, .show .featurearea.jewel .featureintro .roll {
        margin: 0 4em; }
    .featurewrapper .featurearea.jewel .feature .featuredesc, .show .featurearea.jewel .feature .featuredesc {
      align-self: center;
      padding-bottom: 0.25em; }
      .featurewrapper .featurearea.jewel .feature .featuredesc h1, .show .featurearea.jewel .feature .featuredesc h1 {
        margin-bottom: 0; }
    .featurewrapper .featurearea.jewel .feature.highlight, .show .featurearea.jewel .feature.highlight {
      /*				height: 20em;*/
      height: auto;
      background-size: cover;
      border: 0;
      /*			margin:3em 0 4em;*/ }
      .featurewrapper .featurearea.jewel .feature.highlight p, .show .featurearea.jewel .feature.highlight p {
        height: auto;
        display: flex;
        justify-content: space-around; }
        .featurewrapper .featurearea.jewel .feature.highlight p img, .show .featurearea.jewel .feature.highlight p img {
          max-width: 100%;
          width: auto;
          height: 100%; }
    .featurewrapper .featurearea.jewel .feature .playcover, .show .featurearea.jewel .feature .playcover {
      					/*	width: 100%;
      						max-width: 100%;
      						background: none;	
      
      						button {
      							 border-width: 5em 0 5em 8em;
      							 border-color: transparent transparent transparent white;
      							opacity: 0.5;  
      					    filter: alpha(opacity=50); 
      					    zoom: 1; 
      					    height: 10em;
      
      					      &:hover {
      						    border-color: transparent transparent transparent #404040;
      						  }
      						}*/ }
  .featurewrapper h1, .show h1 {
    margin-bottom: 0.5em;
    text-transform: uppercase;
    flex-basis: 100%; }
  .featurewrapper .feature.playing, .show .feature.playing {
    border-color: red; }
  .featurewrapper .feature, .show .feature {
    /*flex-shrink: 1;*/
    display: flex;
    flex: 1 1 15rem;
    max-width: 30em;
    min-width: 40%;
    height: 8em;
    margin: 1em 3em; }
    .featurewrapper .feature .featuredesc, .show .feature .featuredesc {
      padding: 0.2em 0.5em 0.5em 0.5em;
      align-self: center;
      overflow: hidden; }
      .featurewrapper .feature .featuredesc H1, .show .feature .featuredesc H1 {
        margin-bottom: 0; }
      .featurewrapper .feature .featuredesc a:link, .featurewrapper .feature .featuredesc a:visited, .featurewrapper .feature .featuredesc a:active, .show .feature .featuredesc a:link, .show .feature .featuredesc a:visited, .show .feature .featuredesc a:active {
        text-decoration: none; }
      .featurewrapper .feature .featuredesc a:hover, .show .feature .featuredesc a:hover {
        text-decoration: underline; }
    .featurewrapper .feature h2, .show .feature h2 {
      font-size: 1em;
      margin-top: 1em;
      height: 2em;
      line-height: 1.2em; }
    .featurewrapper .feature p, .show .feature p {
      height: 3.6em;
      font-size: 0.8em;
      line-height: 1.2em;
      overflow: hidden; }
    .featurewrapper .feature .playcover:before, .show .feature .playcover:before {
      float: left;
      padding-top: 100%; }
    .featurewrapper .feature .playcover, .show .feature .playcover {
      color: white;
      flex: 1 0 auto;
      height: 100%;
      width: 8em;
      max-width: 8em;
      background: white;
      border-right: white 1px solid;
      display: flex;
      justify-content: center;
      align-items: center; }
      .featurewrapper .feature .playcover button, .show .feature .playcover button {
        margin-left: 1.2em;
        border: 0;
        background: transparent;
        box-sizing: border-box;
        width: 0;
        height: 2em;
        border-color: transparent transparent transparent #202020;
        transition: 100ms all ease;
        cursor: pointer;
        /*						  play state*/
        border-style: solid;
        border-width: 1.8em 0 1.8em 2.8em; }
        .featurewrapper .feature .playcover button.pause, .show .feature .playcover button.pause {
          border-style: double;
          border-width: 0px 0 0px 60px;
          height: 3em; }
        .featurewrapper .feature .playcover button:hover, .show .feature .playcover button:hover {
          border-color: transparent transparent transparent #404040; }

/*end featurewrapper*/
footer {
  height: 2.4em;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #000;
  background: white;
  z-index: 5; }
  footer .progr {
    width: 100%;
    cursor: pointer;
    z-index: 0; }
    footer .progr .prog {
      /*display: none !important;
      visibility: hidden;*/
      /*					background: red;*/
      height: 100%;
      /*width: 100%;
      position: relative;*/
      /*	padding-bottom: 0.5rem;*/
      padding: 0.5em; }
  footer .footertext {
    width: 100%;
    margin-left: -100%; }
    footer .footertext.live {
      /*							display: none;*/
      padding: 0;
      background: red; }
    footer .footertext .wrapper {
      z-index: 1;
      padding-bottom: 0; }
      footer .footertext .wrapper.live {
        /*								display: none;*/
        padding: 0;
        background: red;
        height: 1.7em;
        overflow: hidden;
        margin-top: 0.5em; }
      footer .footertext .wrapper .tagline {
        text-align: center;
        width: 100%; }
      footer .footertext .wrapper .livetag {
        height: 100%;
        padding: 0.5rem 1rem;
        /*								display: none;*/
        width: 100%; }

@media only screen and (max-device-width: 812px) {
  .archive {
    display: none; }

  .desktopimg {
    display: none; }

  .mobileimg {
    display: block; }

  .featurewrapper h1, .show h1 {
    margin-bottom: 1em; }
  .featurewrapper .feature .playcover, .featurewrapper .customplayer .playcover, .show .feature .playcover, .show .customplayer .playcover {
    overflow: hidden; }
    .featurewrapper .feature .playcover button.marge, .featurewrapper .customplayer .playcover button.marge, .show .feature .playcover button.marge, .show .customplayer .playcover button.marge {
      margin-right: 0.75em; }
    .featurewrapper .feature .playcover .featuredesc, .featurewrapper .customplayer .playcover .featuredesc, .show .feature .playcover .featuredesc, .show .customplayer .playcover .featuredesc {
      align-self: center;
      background: red; }
      .featurewrapper .feature .playcover .featuredesc h2, .featurewrapper .customplayer .playcover .featuredesc h2, .show .feature .playcover .featuredesc h2, .show .customplayer .playcover .featuredesc h2 {
        line-height: auto; }
      .featurewrapper .feature .playcover .featuredesc p, .featurewrapper .customplayer .playcover .featuredesc p, .show .feature .playcover .featuredesc p, .show .customplayer .playcover .featuredesc p {
        display: none; }
    .featurewrapper .feature .playcover button, .featurewrapper .customplayer .playcover button, .show .feature .playcover button, .show .customplayer .playcover button {
      max-width: 3em;
      margin: 10px 0 0 6px; }
      .featurewrapper .feature .playcover button span, .featurewrapper .customplayer .playcover button span, .show .feature .playcover button span, .show .customplayer .playcover button span {
        font-family: arial narrow, arial !important;
        font-size: 5px; }

  .featurewrapper.second {
    margin-top: 45%; }

  .content {
    margin: 2.4em 0 2.3em; }
    .content .imgwrapper {
      background-attachment: scroll;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; }
      .content .imgwrapper.mobileimg {
        display: flex; }
      .content .imgwrapper.desktopimg {
        display: none; }
    .content .imgwrapper.first {
      position: fixed;
      top: 2.4em;
      left: 0;
      width: 100%;
      height: 45%;
      z-index: -1; }

  .site-header {
    height: 2.4em; }
    .site-header .wrapper .logo .full {
      display: none; }
    .site-header .wrapper .logo .jjj {
      display: inline; }
    .site-header .wrapper nav .menuicon {
      display: flex; }
    .site-header .wrapper nav ul.nav_wrapper {
      border-bottom: 1px solid #000;
      position: absolute;
      top: 2.4em;
      background: white;
      width: 100%;
      left: 0; }
      .site-header .wrapper nav ul.nav_wrapper li {
        border-top: 1px solid #000; }
      .site-header .wrapper nav ul.nav_wrapper .mobile {
        display: block; }
      .site-header .wrapper nav ul.nav_wrapper .nav_item a {
        padding: 0.5rem 1rem;
        text-transform: uppercase; }
    .site-header .wrapper nav ul.nav_wrapper.flexbox {
      display: block; }
    .site-header .wrapper nav ul.nav_wrapper.hidden {
      display: none; }

  .archivefull .wrapper table, .archivepart .wrapper table {
    width: 100%; }
    .archivefull .wrapper table tr, .archivepart .wrapper table tr {
      line-height: 1.5em; }
      .archivefull .wrapper table tr td.date, .archivepart .wrapper table tr td.date {
        /*	display: none;*/
        padding: 0 0.05em 0 0; }
      .archivefull .wrapper table tr td:first-child, .archivepart .wrapper table tr td:first-child {
        display: none; }
  .archivefull .wrapper table.left tr td:last-of-type, .archivepart .wrapper table.left tr td:last-of-type {
    padding: 0 0.5em; }

  footer .wrapper .tagline {
    text-align: center; } }
@media only screen and (max-device-width: 600px) {
  .archivefull .wrapper table tr td.date, .archivepart .wrapper table tr td.date {
    display: none; }
  .archivefull .wrapper table tr td:first-child, .archivepart .wrapper table tr td:first-child {
    display: none; } }
@media (min-width: 1281px) {
  .content {
    /*overflow-y:scroll;*/
    flex: 1;
    /*	@include blackborder;*/ }
    .content .featurearea {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    .content .wrapper .container, .content .wrapper .featurearea {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
@media (max-width: 1230px) {
  .archivefull .wrapper table, .archivepart .wrapper table {
    width: 100%;
    max-width: none; }

  .content .featurewrapper {
    /*	end jewel*/ }
    .content .featurewrapper .featurearea.jewel .featureintro {
      max-width: 100%;
      min-width: 100%; }
      .content .featurewrapper .featurearea.jewel .featureintro .roll {
        margin: 1em 4em 0 4em; }
    .content .featurewrapper .featurearea.jewel .feature {
      height: 20em;
      background-size: cover;
      border: 0;
      margin: 2em 0 4em; }
      .content .featurewrapper .featurearea.jewel .feature .playcover {
        width: 100%;
        max-width: 100%;
        background: none; } }
@media (max-width: 800px) {
  /*this is desktop small*/
  .site-header {
    height: 2.4em; }
    .site-header .wrapper .logo .full {
      display: none; }
    .site-header .wrapper .logo .jjj {
      display: inline; }
    .site-header .wrapper nav .menuicon {
      display: flex; }
    .site-header .wrapper nav ul.nav_wrapper {
      border-bottom: 1px solid #000;
      position: absolute;
      top: 2.4em;
      background: white;
      width: 100%;
      left: 0; }
      .site-header .wrapper nav ul.nav_wrapper li {
        border-top: 1px solid #000; }
      .site-header .wrapper nav ul.nav_wrapper .mobile {
        display: block; }
      .site-header .wrapper nav ul.nav_wrapper .nav_item a {
        padding: 0.5rem 1rem;
        text-transform: uppercase; }
    .site-header .wrapper nav ul.nav_wrapper.flexbox {
      display: block; }
    .site-header .wrapper nav ul.nav_wrapper.hidden {
      display: none; }

  .content {
    margin: 2.4em 0 2.3em; }
    .content .featurewrapper .featurearea .feature {
      margin: 1em 0.5em; }
      .content .featurewrapper .featurearea .feature .featuredesc {
        margin-TOP: 0.7em; }
    .content .featurewrapper .featurearea.live .feature .featuredesc {
      margin-top: 0; }

  .show .wrapper {
    flex-direction: column; }
  .show .showdetails, .show .shownotes {
    width: 100%;
    padding: 0; }

  .archive {
    display: none; }

  footer {
    height: 3.5em; }
    footer .wrapper .tagline {
      text-align: center; } }
@media (max-width: 600px) {
  .archivepart {
    display: none; }

  .featurewrapper .feature .featuredesc {
    padding: 0 0.5em;
    align-self: center;
    margin: 0; }
    .featurewrapper .feature .featuredesc h2 {
      line-height: 1.2 em;
      margin: 0;
      height: auto; }
    .featurewrapper .feature .featuredesc p {
      display: none; }

  .archivefull .wrapper table tr td.date {
    display: none; }
  .archivefull .wrapper table tr td:first-child {
    /*width: 5em;*/
    display: none; }
  .archivefull .wrapper table tr td.showtitle {
    padding: 0 0.5em 0 0; } }
@media (max-width: 500px) {
  .featurewrapper .featurearea .featureintro .roll {
    width: 95%; }
    .featurewrapper .featurearea .featureintro .roll img {
      width: 100%; } }

/*# sourceMappingURL=newmain.css.map */