@charset "UTF-8";
/* CSS Document */


#calHolder{
    position:relative;

    /* max-width:100%; */
    min-width: 100%;
    margin:0;
    padding:0;
    display:inline-block;
    text-align:center;
}

#calHolderBG{
    position:absolute;

    width:100%;
    height:70%;
    margin:0;
    padding:0;
    display:block;
    background-color:#191408;
    z-index:-10;
    opacity:.8;
    min-height: 375px;

}
#calGridWidget{
    position:relative;
    font-family: futura-pt-condensed, sans-serif;
    /* CONTROLS WIDTH OF CAL*/
    /* width:350px; */
    width: 100%;
    margin:0;
    padding:0;
    display:inline-block;
    text-align:center;
    min-height: 375px;

}

#dropdown{
    position:absolute;
    padding-top:20px;
    padding-bottom:20px;
    display:inline-block;

    top:0;
    left:0;
    width:100%;
    /* height:100%; */
    background-color:#000;
    color:#FFF;
    z-index:100;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    opacity:1;





}
.monthdrop{
    position:relative;
    padding-top:5px;
    padding-bottom:5px;
    background-color: black;
    /*height:25px;*/
    background-color: black;
    letter-spacing: 1px;
    transition: background-color 200ms ease-in-out;
}

.monthdrop:hover{
    background-color:#817556;

}

.month-head2{
    position:relative;
    width:100%;
    background-color:#F00;
    height:40px;
    z-index:100;

}
 .month-head{
     position:relative;
     text-align:center;
     width:100% !important;

     float:left;
     clear:both;
     float:left;
     color:#FFF;
     background-color:#000;
     /* padding:5px 0 5px 0; */
     height: 40px;
 }

.month-select-container {
  height: 100%;
 }

.month-select-container:hover .monthname {
  background-color:#817556;
}

 .monthname{
   cursor:pointer;
   width:200px;
   display:inline-block;
    height: 100%;
    padding-top: 7px;
    letter-spacing: 1px;
    transition: background-color 200ms ease;
 }

/* .monthname:hover {
    background-color:#817556;
 }

 .droparrow:hover ~ .monthname {
      background-color:#817556;
 }*/

 .rows{
     margin:0;
     padding:0;
     clear:both;
     float:left;

 }
 .days-head{
     display:inline-block;
     width:12.5%;
     height:35px;
     padding-top:2px;

     vertical-align:bottom;
     text-align:center;
     font-size:.75em;
     color: #817556;
     /* color:#FFF; */

 }


 .day {
     position:relative;
     display:inline-block;
     width:13.7%;
     /* CONTROLS HEIGHT OF CAL*/
     height:50px;

     vertical-align:top;
     text-align:center;
     cursor:pointer;
     font-size:1em;

     /*for fading */
    opacity:1;




 }

 .day .on{
     color:#e4e4e4 !important;
 }

 .day-num-style{
    position:relative;
    top:5px;
     color:#745503 !important;

 }

 .day .shows{
     position:relative;/*new*/
     top:2px;/*new*/
     left:.1em;
     font-size:.7em;
     color: #cab88e;
    letter-spacing: .2em !important;
    font-family:sans-serif !important;
 }

 .day .daybg{

 }




 .day .clicked{
     position:absolute;
     z-index:-1;
     width:100%;
     height:100%;
     background:#817556;
     /*opacity:.8;*/
     transition: all 150ms ease-in-out;


 }

 .preday, .endday{
    /* background-color:#BFBABA;*/

 }


/* .day .daybg {
   border: solid 1px #000;
 }*/

 .day:hover .daybg:not(.clicked) {
    position: absolute;
   z-index: -1;
   width: 100%;
   height: 100%;
   background: #817556;
   opacity: 0.5;
/*  border-radius: 100%;
*/   -webkit-transition: all 400ms ease;
   transition: all 400ms ease;
 }

 body.destination-template .ticket.besthighlight {
  color: #745503;
  /* border-color: transparent; */
 }



 body.destination-template .besthighlight {
   background-color: #eeeeee !important;
   transition: background 200ms ease;
   /* border-top: 1px solid #745503 !important; */
 }
 body.destination-template .besthighlight:hover {
   background-color: #ffffff !important;
 }
 body.destination-template .besthighlight .day-num-style {
   color: #745503 !important;
 }

 .best-date-holder {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
    margin-bottom: 10px;
 }
 .best-color {
   width: 20px;
   height: 20px;
   background-color: #eeeeee;
 }
 .best-text {
  margin: 0 0 0 10px;
  font-family: futura-pt-condensed, sans-serif;
  letter-spacing: 0px;
  font-weight: 500;
  letter-spacing: 1px;
  color: black;
 }



/* .day .clicked {
   position: absolute;
   border: solid 1px #000;
   z-index: -1;
   width: 100%;
   height: 100%;
   background: #fff;
   opacity: 1;
    border-radius: 100%;
   -webkit-transition: all 200ms ease, color 200ms ease;
   transition: all 200ms ease, color 200ms ease;
 }*/


/* @media (max-width: 375px) {
   .daybg {
     border-radius: 10px;
   }
   .day .clicked {
     border-radius: 10px;
   }
   .day .daybg:hover {
     border-radius: 10px;
   }
 }*/

 #datesholder{
     width:100%;

      float:left;
     clear:both;
     float:left;

 }

 .droparrow{
  position:absolute;
  top:8px;
  z-index:10;
    right:100px;
  display:block;
    cursor:pointer;
 }
 @media (max-width: 350px) { .droparrow { right: 70px } }

 .droparrow:before{
     font-family: 'webflow-icons';
    content: "\e603";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
 }

#cal-next {
  position: absolute;
  display: block;
  cursor: pointer;
  opacity: 1;
  height: 100%;
  width: 40px;
  padding-top: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transition: all 200ms ease-in-out;
}

#cal-next:before {
  font-family: 'webflow-icons';
  content: "\e603";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#cal-previous {
  position: absolute;
  display: block;
  cursor: pointer;
  opacity: 1;
  height: 100%;
  width: 40px;
  padding-top: 8px;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: all 200ms ease-in-out;
}
#cal-previous:before {
  font-family: 'webflow-icons';
  content: "\e603";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#cal-next:hover, #cal-previous:hover, #cal-next.touch-active:active, #cal-previous.touch-active:active {
  background: #817556;
}

#cal-next.touch-active, #cal-previous.touch-active {
  background: black;
}

.ticket{
    position:relative;
    display:inline-block;
    vertical-align:central;

    float:left;
    clear:both;
    height:50px;
    width:100%;

    font-family:sans-serif;
    color:#FFF;
    cursor:pointer;
    /* border-top: 1px solid #ffffff; */

}

.ticketborder0{
    border-color:#CCC;
    border-style:solid;
    border-width: 1px 0px 1px 0px;

}
.ticketborder1{
    border-color:#CCC;
    border-style:solid;
    border-width: 0px 0px 1px 0px;

}
body.san-francisco .ticketborder0.besthighlight, body.san-francisco .ticketborder1.besthighlight {
    border-top: 1px solid #745503 !important;
}

.ticketarrow{
    position:absolute;
    right:5px;
    top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.ticketarrow:before{
    font-family: 'webflow-icons';
     content: "\e603";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

.ticket .bg{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
}


.bg-base{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-2;
    background-color:#191408;
    opacity:.8;
}

.ticket:hover .bg-base {
    background: #817556;
    transition: background-color 250ms ease;
}

.rolloverticket{


    background-color:#817556;
    /*opacity:.5;*/
    /* box-shadow:0px 0px 0px 1px #FFF inset;*/



}

.ticket .ticketinfo{
    position: relative;
  top: 50%;
  transform: translateY(-50%);
    /* font-weight:bold !important; */
    font-weight: 400;
    letter-spacing: 1px;
}


.day  {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}