/* These are default values. Many of them are replace by values calculated in carousel.js */

.carouselcontainer {
   margin: 0 auto 10px auto;
   width: 270px;
   height: 180px;
   position: relative;
   perspective: 1000px;
}

.carousel {
   height: 100%;
   width: 100%;
   position: absolute;
   transform-style: preserve-3d;
   transition: transform 3s;
}

.item {
   display: block;
   position: absolute;
   width: 270px;
   height: 180px;
   line-height: 180px;
   opacity: 0.95;

/*   cursor: pointer;   */

   border-radius: 25px 0 25px 0;
   -moz-border-radius: 25px 0 25px 0;
   -webkit-border-radius: 25px 0 25px 0;
   border: 10px outset #6fbcff;

   -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.85);
   -moz-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.85);
   box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.85);
}

.a {
   transform: rotateY(0deg) translateZ(270px);
   background: #000000;
}
.b {
   transform: rotateY(60deg) translateZ(270px);
   background: #000000;
}
.c {
   transform: rotateY(120deg) translateZ(270px);
   background: #000000;
}
.d {
   transform: rotateY(180deg) translateZ(270px);
   background: #000000;
}
.e {
   transform: rotateY(240deg) translateZ(270px);
   background: #000000;
}
.f {
   transform: rotateY(300deg) translateZ(270px);
   background: #000000;
}

.carouselimg {
   width: 270px;
   height: 180px;
   padding: 0; 
/*   border: 1px solid;*/
   max-width: none;
   
   border-radius: 15px 0 15px 0;
   -moz-border-radius: 15px 0 15px 0;
   -webkit-border-radius: 15px 0 15px 0;
   
   -webkit-touch-callout: none;  /* iOS Safari */
   -webkit-user-select: none;    /* Safari */
   -khtml-user-select: none;     /* Konqueror HTML */
   -moz-user-select: none;       /* Old versions of Firefox */
   -ms-user-select: none;        /* Internet Explorer/Edge */
   user-select: none;            /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.carouseltxt {
/*   z-index: 100;*/
   position: absolute;
   line-height: 1;
   left: 0;
   top: 11%;  
   padding-left: 7%;
   padding-right: 7%;
   text-align: left;

   color: #fefe0a;
   font-family: 'Caveat', sans-serif;
   font-size: 1.5em;
   font-weight: bold;
   text-shadow: 4px 4px 9px rgba(0, 0, 0, 1.0);

   cursor: zoom-in;
   
   user-drag: none;
   -webkit-user-drag: none;
}

.nextgigtxt {
   font-size: 0.75em;
   text-align: left;
   user-drag: none;
   -webkit-user-drag: none;
}

.nextgigtxt ul {
   list-style-position: outside;
   margin-top: 0;
   padding-left: 1.2em;
}

.nextgigtxt li {
   margin: 0;
   padding: 0;
}

.nextgigtxt li span {
   position:relative;
   left: -10px;
}

.festivalstxt {
   font-size: 0.75em;
   text-align: left;
   user-drag: none;
   -webkit-user-drag: none;
}

.festivalstxt ul {
   list-style-position: outside;
   margin-top: 0;
   padding-left: 1.2em;
}

.festivalstxt li {
   margin: 0;
   padding: 0;
}

.festivalstxt li span {
   position:relative;
   left: -10px;
}

.signuptxt {
   font-size: 0.95em;
   text-align: left;
   user-drag: none;
   -webkit-user-drag: none;
}