@charset "UTF-8";

  body {
      background: black;
      margin: 0px;
      font-size: 100px;
  }

  a, span.linklike {
      z-index: 100; /* doesn't work */
      cursor: pointer;
  }

  .cal-bandname {
      /* color: rgb(255, 206, 131); */
      /* color: #c4bb38; */
      /* color: #cb885f; */
      color: #ffcaa9;
  }

  a, span.linklike {
      /* color: rgb(255, 206, 131) !important; */
      /* color: #cb885f !important; */
      color: #ffcaa9 !important;
  }

  a.data-has-text {
      text-decoration: none;
      border-bottom: 1px solid rgb(255, 112, 112);
      padding-bottom: 6px;
  }

  .cal-date a, .cal-date .linklike,
  #overlay-bottom a, #overlay-bottom .linklike {
      /* color: rgb(255, 206, 131) !important; */
      /* color: #cb885f !important; */
      color: #ffcaa9 !important;
      border-bottom: none;
      padding-bottom: 0px;
      text-decoration: underline;
  }

  #overlay-bottom {
      /* scale this! XX */
      font-size: .18em;
  }
  .cal-date {
      /*
      font-size: .23em;
      */
      font-size: .16em;
  }
  .cal-and, .cal-bandname {
      font-size: .18em;
  }
  .cal-desc {
      font-size: .15em;
      padding-left: 7%;
      margin-top: 3%;
  }
  #overlay-text-close {
      font-size: .20em;
  }
  .block-quote {
      font-size: .9em; /* parent is .cal-desc */
  }

  #main {
      /* height in js */
      width: 100%;
      overflow-y: hidden;
  }
  #bg-big {
      cursor: pointer;
      width: 100%;
      height: auto;
  }

  /*
   * body,
   */
  .cursor-pointer {
      cursor: pointer;
  }
  /*
  .noclick {
      z-index: 100;
  }
  */

  #bg {
      cursor: pointer;
      z-index: 1;
      position: absolute;
      /*
      border: 10px solid goldenrod;
      width: 80%;
      height: 592px;
      width: 592px;
      width: 1024px;
      */

      /* 
       * height and width through js
       * and also vert centering
       */
  }
  #meissie, #taverna {
      position: absolute;
      display: inline-block;
  }
  #meissie {
      z-index: 3;
  }
  #taverna {
      z-index: 5;
      opacity: 1;
  }
  .mode-main #bg-img {
      border-width: 0px;
  }
  .mode-splash #bg-img {
      border: 2px solid white;
  }
  #bg-img {
      width: 100%;
      opacity: 1;
  }
  #bg-mask {
      display: none;
      /*
      position: absolute;
      z-index: 10;
      */
  }
  #meissie-img {
      width: 330px;
  }
  #taverna-img {
      width: 215px;
  }

  @font-face
  {
      font-family: rufScript;
      src: url(rufscript.ttf);
  }

  @font-face
  {
      font-family: lora;
      src: url(lora.woff2);
  }

  #overlay-bottom, #overlay-middle {
      /* for preventing toggle on click (otherwise bg-mask is too high in
       * stack) */
      z-index: 100;
  }

  #overlay-bottom-inner {
      position: relative;
  }

  #overlay-bottom {
      position: absolute;
      background: url(black-50.png);
      /* font-family: rufScript; */
      font-family: Lora;
      font-size: 20px;
      line-height: 30px;
      /* color: peru; */
      /* color: #cb885f; */
      color: #ffcaa9;
      overflow: hidden;
      padding-left: 20px;
      padding-right: 20px;

      /* init: */
      padding-top: 0px;
      padding-bottom: 0px;
      border-width: 0px;

      /* padding top + bottom + height -> js */
  }
  #overlay-bottom-left {
      position: static;
  }
  #overlay-bottom-right {
      position: absolute;
      top: 0px;
      right: 0px;
  }
  #overlay-middle {
      z-index: 100; /* so links work */
      position: absolute;
      font-family: Lora;
      color: white;
      white-space: nowrap; /* still want this? */
      margin: auto;
      overflow-x: hidden;
      overflow-y: hidden;
  }
  /* doesn't work -- use js */
  #overlay-middle:hover {
      overflow-y: hidden;
  }

  .overflow-y-scroll {
      overflow-y: scroll !important;
  }

  #overlay-middle {
      border: 1px solid white;
  }
  #overlay-middle-inner {
  }
  #overlay-bottom  {
      /* thickness in js */
      border: 0px solid white;
  }
  #overlay-middle, #overlay-bottom, #overlay-middle-behind {
      border-radius: 20px;
  }

  #overlay-middle, #overlay-middle td {
      color: white;
  }

/*
  .closed:before {
      content: '✘';
      color: red;
  }
*/

  .cal-item {
      border-left: 1px solid;
      border-right: 1px solid;
      margin-bottom: 2%;
      color: #E8E6AB;
      /*background: url(maroon-50.png);*/
      /*background: url(green-75.png);*/
      padding: 5% 20px;
  }
  .cal-item.cal-item-last-event-for-night {
      margin-bottom: 20%;
  }
  .cal-item {
      background: url(red-25.png);
  }
  .cal-item.music {
      background: url(green-30.png);
  }
  .cal-item.politics {
      background: url(yellow-25.png);
  }
  /*
  .cal-item.music, .cal-item.politics {
      border-left-width: 1px;
      border-left-style: solid;
  }
  .cal-item.politics {
      border-left-color: goldenrod;
  }
  .cal-item.music {
      border-left-color: dimgray;
  }
  */
  .cal-date {
      margin-bottom: 10px;
  }
  .cal-date div {
      padding-top: 7px;
      padding-bottom: 7px;
  }
  .cal-date a, .cal-and a {
      text-decoration: none;
      color: white;
      margin-left: 15px;
  }
  .cal-date a:hover, .cal-and a:hover {
      text-decoration: underline;
  }
  .cal-bandname, .cal-bandname a {
      margin-bottom: 10px;
  }
  .cal-and {
      padding-left: 5px;
      font-weight: bold;
      margin-bottom: 60px;
  }

  .cal-header, .cal-bandname {
      margin-bottom: 10px;
  }

  .cal-header {
      position: relative;;
      padding-left: 25px;
      white-space: normal;
  }

  .cal-desc {
      white-space: normal;
      line-height: 1.5em;
  }
  #overlay-text-inner {
  }
  #overlay-text-inner {
      color: black;
      height: 100%;
      padding: 30px;
  }
  #overlay-text-close {
      color: black;
      text-align: right;
      padding: 15px;
      position: absolute;
      z-index: 250;
      display: hidden;
  }
  .cal-img {
      /* Can be as much as 270
       */
      width: 150px;
      height: 150px;
      margin: 1px;
      /*
      border-radius: 1000px;
      */
  }
  .cal-img:hover {
      margin: 0px;
      border: 1px solid white;
  }
  .cal-bandname {
      display: inline-block;
      padding-left: 20px;
      padding-top: 7%;
  }

  #overlay-middle-buttons {
      position: absolute;
  }

  #overlay-text-wrapper {
      overflow-y: scroll;
      display: none;
      position: absolute;
      z-index: 200;
      /*
      overflow-y: hidden;
      */
      background: azure;
      border: 2px solid slategray;
      padding: 10px;
  }

  .scroll-button {
display: none;
      width: 30px;
      height: 30px;
      padding: 30px;
      /* to start */
      opacity: .5;
  }

  #map {
      position: absolute;
      margin: auto;
      z-index: 1000;
  }
  #map-inner {
      overflow: hidden;
      border-radius: 1000px;
  }
  #map-background {
      z-index: 999;
      position: absolute;
      /* js width, height */
      background: #110;
      overflow-x: hidden;
      overflow-y: hidden;
      top: 0px;
      left: 0px;
      opacity: 0;
      display: none;
  }

  #map-close-button-1,
  #map-close-button-2,
  #map-center-button-1,
  #map-center-button-2
  {
      z-index: 1001;
      position: absolute;
      font-family:Comic Sans MS,Arial;
      font-size: .30em;
      cursor: pointer;
  }
  #map-close-button-1 {
      right: 10px;
      color: black;
  }
  #map-close-button-2 {
      right: 13px;
      color: white;
  }
  #map-center-button-1 {
      right: 40px;
      color: black;
  }
  #map-center-button-2 {
      right: 43px;
      color: white;
  }
  #map-credits {
      position: absolute;
      color: white;
      line-height: 1.5em;
      font-size: .10em;
      right: 0px;
  }

#temp {
display: none;
    background: url("../images/grainy-50.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 180px;
    left: 151px;
    position: absolute;
    top: 60px;
    width: 380px;
}

/* mediabox overrides */
#mbCloseLink, #mbNextLink, #mbPrevLink {
    text-decoration: none !important;
}

#overlay-middle-behind {
    display: none;
    background: black;
    opacity: .9;
    z-index: 99;
    position: absolute;
}

.closed {
    letter-spacing: .2em;
}

.bass-clef {
    font-size: 60%;
    padding-left: 7px;
    padding-right: 7px;
}

.cat:before {
    content:"😽";
    font-size: 85%;
}

.small-caps {
    font-variant: small-caps;
}
.larger {
    font-size: larger;
}

.cancelled .cal-date {
    text-decoration: line-through;
}

.cancelled-img, .special-location {
    position: absolute;
    left: 5%;
    width: 200px;
}

.special-location-code-rood, .special-location-1967 {
    left: 30%;
}

.cancelled-img {
    top: -30px;
}

.block-quote {
    margin-left: 15%;
    margin-right: 10%;
    text-align: justify;
    /*color: thistle;*/
    color: aliceblue;
}

img.video-thumb {
    width: 30%;
    padding: 5%;
}

.videos {
    margin: auto;
    width: 100%;
    text-align: center;
}

.u-round1000 {
    border-radius: 1000px;
}

.action-date {
    text-decoration: underline;
}