/*
* font-family: 'museo-sans',sans-serif;
* font-family: 'museo-sans-rounded', sans-serif; - 500 only
* 100, 300, 500, 700, 900
*/

ul, ol { list-style-type: none; margin:0; }
h1, h2, h3, h4, h5, h6, p, a, body { font-family: 'museo-sans',sans-serif; }
.button { font-family: 'museo-sans',sans-serif; font-weight:700; padding:0.375em 0; text-align:center; width:8.25em; }
h1 { font-size:2em; font-weight:700; }
h2 { font-weight:700; font-size:1.5em; }
h3 { font-weight: 700; font-size:1.125em; }
h2.wlink { float:left; width:100%; }
h2.wlink a { color:#666; float:right; font-size:0.75em; margin-top: 0.65em; }
h2.wlink a:after { content: url('/Content/img/rarrow-grey.png'); margin-left: 0.35em; vertical-align: text-top; }
p{line-height:1 !important}

header .topgrn {background: url("/Content/img/header/topNavImage.png") #fafafa; float: left; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: 100% 190px; }
header.desktop .topgrn .tsect { float:left; width:100%; }
header.desktop .topgrn .tsect ul li { float:right; margin-left: 1em; }
header.desktop .topgrn .tsect ul li:last-of-type { margin-left: 0; }
header.desktop .topgrn .tsect ul li a { color:#fff; font-size:0.750em; line-height: 2.25em; font-family: 'museo-sans-rounded', sans-serif; }
header.desktop .topgrn .logo { width:100%; float:left; margin-bottom: 2em; }
header.desktop .topgrn .bsect { width:100%; float:left; margin-bottom: 0.8em; }
header.desktop .topgrn .bsect .nav li { float:left; width:16.66%; text-align:center; }
header.desktop .topgrn .bsect .nav a { color:#fff; }
header.desktop .topgrn .bsect .nav a.dropdown:after { content: url('/Content/img/header/navarrow-down.png'); margin-left: 0.5em; }
header.desktop .topgrn .bsect .nav a.search {}
header.desktop .topgrn .bsect .nav a.search img {}
#___gcse_2 { display: none;}

.event-details-headline h1 { font-size: 32px; }
.greybg { float:left; width:100%; background: #fafafa; padding:2em 0; }
.grey-bg { background: rgb(250, 250, 250);}
.content { padding: 3.750em 0; float:left; width:100%; }
.content p { font-weight: 300; font-size:0.875em; line-height: 1.5em !important; }
.content p.date { font-weight:500; font-style: italic; font-size:1.286em; line-height: 1em; }
.content.cards{padding:1em 0 0 0}
.content.cards .large-6.medium-6.small-12.columns {padding:0px}
.content center{float:left; width:100%; position:relative;}
.row.largeCard center{display: block; width: 100%; float: left;}
.row .content.cards {background-color: #fafafa;}
.content-item{margin-top:20px;}
.row.largeCard{margin: 40px auto;}
.fullWidth{width:100%}

.greybg.WithDoodle.Green .row:nth-child(3) center { display: none;}
.greybg.WithDoodle.Green .row:nth-child(3) .content.cards {padding:0px;}
.greybg.noBottomPadding{padding-bottom:0px; padding-top:2em; background: none;}
.noBackground{ background: none;}

/*Doodles for Home Page*/
.homeDoodles{
    background:url("/Content/img/Doodles/orangeSwirl.png"), 
        url("/Content/img/Doodles/stardoodle.png"), 
        url("/Content/img/Doodles/greenCircleDoodles.png"), 
        url("/Content/img/Doodles/purpleSunDoodle.png"), 
        url("/Content/img/Doodles/blueStarDoodle.png") #fafafa; 
    background-repeat:no-repeat;
    background-position-x: 105%, -100px, -115px, 117%, 106%;
    background-position-y: 21%, 47%, 85%, 100%, 72%;
    float:left;
    width:100%;
    background-position: 105% 21%, -100px 47%, -115px 85%, 117% 100%, 106% 72%;
}

.FullWidthWhite{background:#ffffff;}

.generic.content { padding: 0 0 3.75em; }
.generic .content { padding: 1.25em 0; }
.generic .content:first-of-type { padding: 2.75em 0 1.25em; }
.generic .content .bwrap, .greybg .content .bwrap { float:left; width:100%; }
.generic .content .button { margin-bottom: 0; }

/*Doodles for Generic Content Page*/
.genericDoodles{
    background-image:url('/Content/img/Doodles/orangeSwirl.png'), url('/Content/img/Doodles/stardoodle.png'), url('/Content/img/Doodles/blueStarDoodle.png'), url('/Content/img/Doodles/greenCircleDoodles.png'), url('/Content/img/Doodles/purpleSunDoodle.png');
    background-repeat:no-repeat;
    background-position-x:100%, -100px, 105%, -100px, 115%;
    background-position-y:20%, 40%, 50%, 75%, 95%;
    float: left;
    width: 100%;
    background-position: 100% 20%, -100px 40%, 105% 50%, -100px 75%, 115% 95%;
}

.center{text-align:center}

.bwrap {float: left; width: 100%;}

.hero { float: left; width: 100%; padding: 0; position: relative;}
.hero .sitem {   border: 1.5em solid white; float:left; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.hero .slick-dots { padding: 20px 0 0px 0; float: left; position: relative; bottom: 0px; }
.hero .slick-center { -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); -webkit-transform: scale(2); transform: scale(1.25); }
.sitem.slick-slide.slick-active.slick-center {height: 600px; margin: 0px;}
.hero.generic-content-banner img.genericHero { display: block; margin: auto; }

.divider { margin-top: 2.5em; }
.content-contain hr.split { float: none !important; }
hr.split { border: solid #d8d8d8; margin: 0; width: 1.875em; border-width: 2px; float: left; }

.car-holder-ext { margin: 0 auto; max-width: 75.00em; width: 100%; }
.car-holder { float:left; width:100%; }
.car-holder .item { border:1px solid #d2e26c; background: #fff; float:left; margin: 0 0.5em; max-width: 264px;}
.car-holder .item .title { float:left; width:100%; }
.car-holder .item .hbar { font-size:0.875em; line-height: 0.875em; font-weight:700; color:#fff; padding:0.813em 1.250em 0.563em; }
.car-holder .item.slick-slide img{width:262px; height:175px;}
.car-holder .item .title p { float:left; width:100%; font-weight: 300; font-size:0.75em; }
.car-holder .item .bsect { float:left; width:100%; padding:0.875em 1.063em 0.613em;}
.car-holder .item .bsect h4 { float:left; width:100%; font-weight: 700; font-size:0.875em; margin-bottom: 0; }
.car-holder .item .bsect ul { float:left; width:100%; height:164px; margin: 10px 0 7px 0;}
.car-holder .item .bsect ul li { border:1px solid #ccc; float:left; width:48%; margin-right: 4%; margin-bottom: 0.5em; padding:0.563em 0; position:relative; text-align:center; }
.car-holder .item .bsect ul li:nth-child(2n) { margin-right: 0; }
.car-holder .item .bsect ul li a {}
.car-holder .item .bsect ul li a .block { float:left; width:100%; }
.car-holder .item .bsect ul li a .block:hover:before { font-size:0.813em; line-height: 1.1em; font-weight:900; background: #f15b55; color:#fff; text-transform: uppercase; content:'Buy Tickets'; position:absolute; left:0; top:0; height:100%; width:100%; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; cursor:pointer;}
.car-holder .item .bsect ul li a p, .event-details-headline ul li a p {  font-weight:700; color:#252525; font-size:0.625em; line-height:1em; }
.car-holder .item .bsect ul li a p span, .event-details-headline ul li a p span {float:left; width:100%; color:#61c6ba; font-weight: 900; font-size:1.300em; margin-top: 1em; }
.car-holder .item .bsect ul li a p span:last-of-type, .event-details-headline ul li a p span:last-of-type { color:#00a99d; font-size:1.100em; }
.car-holder .item .bsect ul li a .viewmore p { padding: 0.346em 1.1em; margin-bottom: 0; line-height: 1.2em; color:#666; font-size:0.813em; text-transform:uppercase; font-weight:900; } 
.car-holder .item .bsect ul li a .block.viewmore:hover:before { content:'View More Times'; padding:0 10px}
.car-holder .item .bsect ul li:nth-child(4){padding:14px 0}
.car-holder .item .bsect a.viewall { font-weight: 700; font-size:0.875em; color:#666; }
.car-holder .item .bsect a.viewall:after { content: url('/Content/img/rarrow-grey.png'); margin-left: 0.35em; vertical-align: text-top; }
div.hero-caption { position: absolute; top: 6em; color: white; background-color: rgba(113, 111, 179, 0.7); width: auto; }
div.hero-caption#rightTop {right:0;}
div.hero-caption#leftTop {left: 0; padding-left:20px;}
div.hero-caption#rightBottom {right:0; top:70%}
div.hero-caption#leftBottom {left: 0; top:70%; padding-left:20px;}
div.hero-caption p { opacity: 1; margin: 0 1em 0 1em; font-size: 1.2em; height: auto; display: inline-block; font-weight: 800;}
#hero .more-info.button {color:white; background: #f89821; position: absolute; bottom: 20px; right: 40px; -moz-box-shadow: 3px 3px 4px #444; -webkit-box-shadow: 3px 3px 4px #444; box-shadow: 3px 3px 4px #444; }

.slick-track{min-width:900px;}
.slick-slide { outline:none !important; margin-top:20px;}
.slick-prev, .slick-next { height:100%; width:130px; top:0; }

.slick-prev:before { content: url('/Content/img/carousel-left.png') !important; }
.slick-next:before { content: url('/Content/img/carousel-right.png') !important; }
    button.slick-prev:hover, .slick-prev:hover {
        opacity: 1;
        background: url("/Content/img/left-white-gradient.png") !important;
    }
button.slick-next:hover{ opacity:1; background:url("/Content/img/right-white-gradient.png")}
.slick-prev:focus, .slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:focus, .slick-next:hover:before, .slick-next:focus:before { opacity:1; background:initial; }

.img-block { position:relative; }
.img-block .img-cover { position: absolute; top:0; left:0; height:100%; width:100%; }
.img-block .inner { margin: 0 auto; max-width: 58.75em; width: 100%; }
.img-block h2 { float:left; font-weight: 900; color:#fff; font-size: 2em; line-height: 1.5em; text-transform: uppercase; margin-top: 10%; }
.img-block h2 span { float:left; background: #7e7dba; padding:0 0.25em; margin-bottom: 0.25em; }
.img-block h2 div { float:left; width:100%; }
.img-block img { width:100%; }

.flex-video{display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: relative;}

/*Begin: added for performance page*/
.accord { margin-bottom:3%;}
.accord-tab { background: #7e7dba; height:90px; padding: 0 1em; cursor: pointer;}
.accord-tab h2,.accord-tab p { color:#fff; line-height: 90px; font-weight: 700;}
.accord-tab li { margin-left: 0; }
.accord-tab li:first-child { float:left;}
.accord-tab li:last-child { float:right;}
.accord-content { padding: 0 1em;}
.accord-header img {margin-bottom: 8%;}
.accord-items a {color: #60c5ba;}
.accord-items p {font-weight: 700; font-size: 14px;}
.accord-items li {text-align: center;}
.accord-items div {text-align: left; display: inline-block;}
.accord-tab.active .accord-arrow {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.accord-tab .accord-arrow{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

.verticalCenter{height:70px;}
.verticalCenter p {position:relative; top:50%;}

.block-text { text-align:center; margin-bottom: 2.7%;}
.block-text h2 span { background: #7e7dba; padding:0 0.25em; margin-bottom: 0.25em; }
.block-text h2 {font-weight: 900; color:#fff; font-size: 2em; line-height: 1.5em; text-transform: uppercase; margin-top: 2%; }
.block-text .inner { margin: 0 auto; max-width: 58.75em; width: 100%; }

.content.performance-section {padding-bottom:2em;padding-top:3.75em;background:#fafafa}

.content.performance-section p {font-weight:500;}

.content.performance-section a {color:#666666;}

.content.performance-section h2 {font-size: 14px;}

.headline-performance h2 {font-size:32px !important; font-weight:700;}

.headline-performance, .accord {}


.anchor{position:relative; top:-230px; visibility:hidden}

.bot-shdw
{
  	position:relative;       
    -webkit-box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom:3%;
}

.bot-shdw:after
{
	content:"";
    position:absolute;
    z-index:-1;
    top:100%;
    bottom:0;
    width:120%;
    height:10px;
    left:-10%;
    right:-10%;
    background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
    background:radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
} 

a.more-info {color: #666666;}

p.performance-title{font-weight:700 !important;}

.sponsors { text-align: center; padding: 0 .5em; padding: 1em 0;}
.sponsor { max-height:200px; border: 1px solid #d8dbde; display:inline-block;}
.sponsor-carousel {margin-top: 2.5em; }
.sponsor-carousel .sponsor {height: 100%; max-width: 400px}
.sponsors .large-10 {width: 90%}
.sponsor img { vertical-align: middle; max-height: 195px; max-width: 400px; margin: 0 auto;}
.vert-cent-img {display: inline-block; vertical-align: middle;}
.sponsor-carousel .item.slick-slide {padding: 0 10px;}

.Gap{margin-bottom:2em;}

/*Production Page Doodles*/
.productionDoodles{
    background-image:url(/Content/img/Doodles/orangeSun.png), url(/Content/img/Doodles/yellowSwirl2.png), url(/Content/img/Doodles/purpleZigZag.png), url(/Content/img/Doodles/blueStar.png);
    background-repeat:no-repeat;
    background-position-x:-200px, 118%, -382px, 105%;
    background-position-y: 5%, 35%, 75%, 100%;
    background-position: -200px 5%, 118% 35%, -382px 75%, 105% 100%;
}

ul.moreDatesBox{display:none;}
ul.moreDatesBox.Show{display:block;}
/*End: added for performance page*/

/*Begin: added for calendar list page*/
.calendar-title {text-align:center; padding-top: 21px; padding-bottom: 20px;}
.calendar-header {  height:70px; padding: 0 1em; }
.calendar-heading {clear:both; padding: 0 2em;}
.calendar-body {margin-left:15%; margin-right: 15%; margin-bottom: 100px; background-color:#ffffff}
.calendar-filters a, .calendar-filters .calendar-search {margin-left:2%; display:inline-block;float:left;}

.calendar-filters { float: right;  padding-top:0px; width:415px; }
.calendar-filters.search-visible { width:540px}

.calendar-month {float:left;}
.calendar-show-block {clear:both; min-height:180px;}
.calendar-show-block:not(:first-child){border-top: 1px solid gray; margin-top: 12px;}
.calendar-show-block .calendar-show-dates ul li { padding: 0.563em 0; border: 1px solid #ccc;}
.calendar-show-info {float:left; margin-bottom: 30px;}
.calendar-show-info p {font-size:14px; text-overflow:inherit;white-space: normal;}
.calendar-show-info h3 {text-overflow: inherit;white-space: normal;}
.calendar-show-info img {float:left; margin-right:10px;}
/*.calendar-show-info div { width: 40%; margin-left: 45%;}*/
.calendar-show-dates {margin-bottom: 30px; float:right;}
.calendar-show-dates li:hover{box-shadow:1px 2px 7px 1px #BFBFBF;}
.calendar-show-dates li:hover :before { font-size:0.813em; 
                                line-height: 1.1em; 
                                font-weight:900; 
                                background: #f15b55; 
                                color:#fff; 
                                text-transform: uppercase; 
                                content:'Buy Tickets'; 
                                position:absolute; 
                                left:0; 
                                top:0; 
                                height:100%; 
                                width:100%; 
                                display: -moz-flex; 
                                display: -webkit-flex; 
                                display: flex; 
                                -webkit-justify-content: center; 
                                justify-content: center; 
                                -webkit-align-items: center; 
                                align-items: center; 
                                cursor:pointer; 
                                padding: 0.563em 0px; }
.calendar-show-dates li:hover div {display:none;}
/*we can add a version of this that says sold out or whatever it needs to for the grayed out ones*/
.calendar-show-dates li {border:1px solid gray; padding:0; margin:0; text-align:center; cursor:pointer;}
.calendar-show-dates li.special-date { box-shadow: 1px 1px 15px;}
.calendar-show-dates li.past-date {opacity:.5;}
.calendar-show-dates p {font-size:10px; margin:5px 0;color:black}

.calendar-show-dates p:nth-child(2) { padding: 0.3em 0; color:#89d4cb; font-weight:800; font-size:12px;}
.calendar-show-dates p:nth-child(3) {color:#00a99d; font-weight:800}
.calendar-more-dates {clear:both; border-top: 1px solid gray; padding:1em; cursor:pointer;}
.calendar-more-dates h3 {font-weight: normal; font-size: 18px;}
.calendar-show-dates li {width:80px; height:80px;margin-left: 2%;margin-top: 7px;}
.calendar-show-block {padding-left:1em; padding-right:1em; padding-top:1.2em; padding-bottom: 3em}
.dropdown-btn {border: 1px solid #00a99d;}
a.dropdown-btn {color: #00a99d; padding: 6px 21px; width: 152px; height: 39px; margin-top: 17px;}
.calendar-search {margin-top:-5px;}
.calendar-filters-container input { display: none;}
.search-visible input { width: 86%; float: left; margin-top: 17px;display:inline-block;}
img.calendar-search {position: relative; top: 30px;}
#search-icon.search-visible{width:100%;}
#header-month.invisible{display:none;}
.search-visible .calendar-search{right:26px;}
.dropdown-btn img {padding-left: 7%}
.f-dropdown a {color:#00a99d;}
.block-text-left {background: #706ebd; text-align:left; cursor: pointer; padding-left: 15px; clear:both;}
.calendarDayEvents:nth-child(n+8){display:none}
.block-text-left h2 {color:#FFF; line-height:50px; vertical-align: middle;     font-weight: normal;font-size: 24px;}

#drop2.f-dropdown {width:auto; max-width:none;}

.date-range { width: 100%; }
.date-range input {width:50%; display: inline-block;}
.date-range label {display: inline-block; width:20%;}
#calendar-picker {display:inline-block; width:auto; margin:10px;}
.calendar-input {width:100%; display:inline-block;}
.car-holder-ext .calendar{float:left; width:100%; padding:2em 0;}
#calendar-picker .calendar {width: 60%; display:inline;}
.calendar .ui-datepicker {margin-bottom: 10px; }
#calendar-picker input[type="button"] {display:inline;}

/*If TNew does not send productions*/
.error{ text-align: center; font-weight: 700;}

/*CalendarDoodles*/
.calendarDoodles{
    float: left;
    width: 100%;
    background-image: url('/Content/img/Doodles/maroonStar.png'), url('/Content/img/Doodles/greenSwirl.png'), url('/Content/img/Doodles/purpleStar.png'), url('/Content/img/Doodles/yellowSun.png'), url('/Content/img/Doodles/blueCircles.png');
    background-repeat: no-repeat;
    background-position-x: 109%, -220px, 105%, -200px, 100%;
    background-position-y: -20px, 17%, 51%, 69%, 100%;
    background-position: 109% -20%, -220px 17%, 105% 51%, -200px 69%, 100% 100%;
}


/* BACK TO TOP */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(194, 117, 117, 0.8) url(/Content/img/icons/top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index:999;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #f04bad;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

@media only screen and (max-width: 459px){
    div.hero-caption {
        top: 0;
    }
    div.hero-caption p {
        margin:0 .5em;
    }
    #hero .more-info.button {
        margin-bottom: .2em;
        bottom:0;
        width: 7em;
    }
    #hero .slick-dots li {
        height: 12px;
        width: 12px;
    }
}

.media-items {
  text-align:center;
  margin-top:20px;
}

.media-items .slick-prev:before, .car-basic .slick-prev:before { content: url('/Content/img/icons/left_arrow.png') !important; }
.media-items .slick-next:before, .car-basic .slick-next:before { content: url('/Content/img/icons/right_arrow.png') !important; }

.event-details{float:left;}
.event-details-top-nav h2 {font-size: 18px; font-weight: normal;}
.event-details-top-nav {margin-bottom: 20px;}
.event-details-headline h1 {font-size:32px;}
.gray-title { background-color: #f6f6f6; font-size:22px; font-size:14px; box-shadow: 0px 1px 1px; padding:4px;}
.gray-title p,.gray-title h2 {margin:0;}

.event-details-performance-dates li {border:1px solid gray; padding:0; margin:0; text-align:center; width:80px; height:80px;margin-left: 1.7%;margin-top: 7px;}
.event-details-performance-dates p {font-size:10px; margin:0;}

.event-details-performance-dates p:nth-child(2) { padding: 1em 0; color:#89d4cb;}
.event-details-performance-dates p:nth-child(3) {color:#00a99d;}

.event-details-performance-dates {width: 344px; margin:auto;text-align:center;}

.performance-dates-container {display:inline-block; width:100%;}
.performance-dates-container ul {margin: 0;}

.img-info p {font-weight:lighter; font-size: 12.89px; margin-left: 15px;}
/*260px wide on 640 and double height 1024 is other interest point for recentering jack frost image*/
.ed-perf-dates-ftr {padding-right: 6px; padding-left:6px; width:350px; height:30px; margin-top: 30px}
.ed-perf-dates-ftr button {width:220px; height:30px; padding:0; float:left; }
.performance-dates-container {cursor:pointer;}
.ed-perf-dates-ftr a {font-size: 14px; color:#666666; white-space:nowrap; float:left;line-height:30px;margin-left:2%;}
.performance-dates-container li:hover:before { font-size:0.813em; line-height: 1.1em; font-weight:900; background: #f15b55; color:#fff; text-transform: uppercase; content:'Buy Tickets'; position:relative; height:100%; width:100%; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; cursor:pointer; }
.performance-dates-container li:hover div {display:none;}

.ed-tabs {margin-top:50px;}
.ed-tab { cursor: pointer; float:left; width:19.6%;margin:0; background-color: #DADDE0; margin-right: 0.5%; height:52px; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.ed-tabs .ed-tab:last-of-type { margin-right: 0; }
.ed-tab-label { text-align:center; cursor:pointer; }
.ed-tab-label h3, .mob-tab { font-size:1em; line-height: 1.15em; font-weight:500; color:#8e9ba4; margin:0 auto; text-transform:uppercase; width:90%; text-align:center; }
.ed-tab.active .ed-tab-label h3 { color:#fff; }
.ed-tab-label h3 span { float:left; width:100%; }
.ed-accord-data { display: block !important; height: 0px; overflow: hidden; }

.ed-tab-datas { float:left; width:100%; margin-bottom: 1em; }
.ed-accord-data { display: block !important; height: 0px; overflow: hidden; float:left; width:100%; background: #fff; }
.ed-accord-data.active { display:inline; padding: 10px 0; height:auto; }
.ed-accord-data h2 { margin-top: 1.25em; }
.ed-accord-data p { font-size:0.875em; line-height: 1.4em; float:left; width:100%; }
.ed-accord-data .soft-text {font-size:.75rem; font-weight:300; line-height: 1.3em; margin-bottom: 1em; }
.ed-accord-data p span { float:left; width:100%; }
.ed-accord-data p.main-text { float:left; width:100%; border-top:1px solid #cecece; padding-top: 1em; }
.orange-link, .orange-link:hover, .orange-link:focus {color:#f89821;}

.mob-tab { cursor:pointer; width:100%; float:left; background-color: #DADDE0; padding:1em; margin-bottom: 0.25em; }
.mob-tab.active, .ed-tab.active { color:#fff; background: #CA3092;}

.perf-block { border-radius:3px; float:left; width:100%; background: #fff; box-shadow:1px 1px 3px 0 #ccc; margin-bottom: 1em; }
.perf-block .top { float:left; width:100%; background: #f6f6f6; box-shadow: 0 1px 3px #ccc; padding:0.65em 0.875em 0.8em; }
.perf-block .top h3 { font-size: 1.375em; line-height: 1em; margin:0 0 0.25em; }
.perf-block .top h4 { font-size:0.875em; font-weight: 700; margin-bottom: 0; }

/*End: added for calendar list page*/

.card-block { padding-top: 2em; }
.card-block .card { background: #fff; float:left; width:20%; border:1px solid #ebebeb; padding:0.5em; height:325px;}
.card-block .card:hover { z-index:999; position:relative; -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); box-shadow: 1px 1px 4px #ebebeb; cursor:pointer}
.card-block .card img { border:2px solid #ebebeb; }
.card-block .card h4 { text-align:center; font-weight: 700; font-size:1em; line-height: 1em; padding:1.1em 0.2em 0em; margin-bottom: 0px; }
.card-block .card p { text-align:center; font-weight: 300; font-size:0.7500em; line-height: 1.6em; max-height:75px; max-height: 73px; overflow: hidden;}
.card-block .card .button { margin-bottom: 5px; width:85%; }
.card-block.home {text-align:center}
.card-block.home .center-cards{display:inline-block}

select#productionCategory{
    color: #00a99d;
    float: left;
    font-family: 'museo-sans-rounded', sans-serif;
    padding: 6px 25px 6px 15px;
    width: 200px;
    height: 39px;
    margin-top: 17px;
    border: 1px solid #00a99d;
    margin-left: 5px;
    background: url('/Content/img/icons/arrow.png') no-repeat;
    background-position: 95%;
    font-size: 18px;
}

.card-block.one .card { margin-left: 40%; }
.card-block.two .card:first-of-type { margin-left: 30%; }
.card-block.three .card:first-of-type { margin-left: 20%; }
.card-block.four .card:first-of-type { margin-left: 10%; }

.three-article-wrap { width: 100%; float: left; background: #f7f7f7; padding-bottom: 2.250em; padding-top: 4em; border-top: 1px solid #dfdfdf;}
p.credit { float:left; margin: 0 0 1.25rem; font-size:0.813em; font-style: italic; width:100%; }

/*Series Doodles*/
.seriesDoodles{
    background-image:url('/Content/img/Doodles/orangeSun.png'), url('/Content/img/Doodles/yellowSwirl2.png');
    background-repeat:no-repeat;
    background-position-x: -194px, 114%;
    background-position-y: 10px, -46px;
    background-position: -194px 10px, 114% -46px;
}

.seriesDoodles .SeriesDoodlesMini:nth-child(3){
    background-image:url('/Content/img/Doodles/tealCircles.png');
    background-repeat:no-repeat;
    background-position-x:83%;
    background-position-y:27%;
    background-size: auto 100%;
    background-position:83% 27%;
}

.seriesDoodles .SeriesDoodlesMini:nth-child(4){
    background-image:url('/Content/img/Doodles/purpleDots.png');
    background-repeat:no-repeat;
    background-position-x: 104%;
    background-position-y: 80%;
    background-size: 120% auto;
    background-position:104% 80%;
}

.seriesDoodles .SeriesDoodlesMini:nth-child(5){
    background-image:url('/Content/img/Doodles/tealSwirl.png');
    background-repeat:no-repeat;
    background-position-x:104%;
    background-position-y:80%;
    background-size: auto 80%;
    background-position:104% 80%;
}

.seriesDoodles .SeriesDoodlesMini:nth-child(6){
    background-image:url('/Content/img/Doodles/peachDots.png');
    background-repeat:no-repeat;
    background-position-x:100%;
    background-position-y:90%;
    background-size: 100% auto;
    background-position:100% 90%;
}

.seriesDoodles .SeriesDoodlesMini:nth-child(7){
    background-image:url('/Content/img/Doodles/yellowAstrix.png');
    background-repeat:no-repeat;
    background-position-x:50%;
    background-position-y:100%;
    background-position:50% 100%;
}

/* REVISIONS */
.wrap-grey { float:left; width:100%; background: #fafafa; padding-top: 2em; padding-bottom: 6em; }
.wrap-grey h1.text-center { margin-bottom: 1em; }
.calendar.inner { background: #fff; float:left; width:100%; }
.calendar.inner .top { padding-top: 1em; padding-bottom: 1em; border-bottom:1px solid #b5b4b4; }
.calendar.inner .bottom { padding-top: 1em; padding-bottom: 1em; border-top:1px solid #b5b4b4; }
.calendar.inner .bottom h4 { margin: 0; line-height: 1em; }
.calendar.inner .bottom h4 a { color:#666666; font-size:1.125rem; font-weight:700; }
.calendar.inner .bottom h4 a:before { content: url('/Content/img/icons/downarrow.png'); float:left; margin-right: 0.25em; }
.calendar.inner .top h2 { float:left; font-size:2em; line-height: 1em; margin: 20px 0 0; }
.calendar.inner .top a.dropdown-btn, .calendar.inner .top .calendar-search { float:left; font-family: 'museo-sans-rounded', sans-serif; }
.calendar.inner .top .calendar-search { margin-top: 0; float:right}
.calendar.inner .info h3 { margin-top: 1em; font-size:1.5em; line-height: 1.25em; }
.calendar.inner .info p { font-family: 'museo-sans-rounded', sans-serif; font-weight: 500; line-height: 1.2em; font-size: 0.875em; letter-spacing:0.01em; }
.calendar.inner .sing-date .hbar { background: #716fb3; padding-top: 0.813em; padding-bottom: 0.813em; }
.calendar.inner .sing-date .hbar h3 { color:#fff; font-size:1.5em; line-height: 1em;}
.calendar.inner .sing-date .lcol { margin-top: 1.25em; margin-bottom: 2em; }
/*.calendar.inner .sing-date .lcol .in-wrap { float:left; width:48%; margin-right: 2%; }*/
.calendar.inner .sing-date .lcol h4 { font-size:1.125rem; font-weight: 700; line-height: 1.25em; margin-bottom: 0.5em; }
.calendar.inner .sing-date .lcol p { line-height: 1.2em; font-size:0.875em; letter-spacing: 0.01em; }
.calendar.inner .sing-date .rcol { margin-top: 1.25em; margin-bottom: 2em; }
.calendar.inner .sing-date .rcol ul{display:block}
.event-details-headline ul { float:left;}
.calendar.inner .sing-date .rcol ul li, .event-details-headline ul li { border: 1px solid rgb(204, 204, 204); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; float: left; margin-right: 3%; margin-bottom: 0.5em; padding: 0.563em 0px; position: relative; text-align: center;}
.event-details-headline ul li{width:22%;} 
.event-details-headline ul li:nth-child(4n) { margin-right: 0; }
.calendar.inner .sing-date .rcol ul li.match, 
.event-details-headline ul li.match { box-shadow: 1px 1px 3px 0 #ccc; }
.calendar.inner .sing-date .rcol ul li a .block, 
.event-details-headline ul li a .block { float:left; width:100%; }
.calendar.inner .sing-date .rcol ul li a .block:hover:before, 
.event-details-headline ul li a .block:hover:before { font-size:0.813em; line-height: 1.1em; font-weight:900; background: #f15b55; color:#fff; text-transform: uppercase; content:'Buy Tickets'; position:absolute; left:0; top:0; height:100%; width:100%; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; cursor:pointer; padding: 0.563em 0px; }
.calendar.inner .sing-date .rcol ul li a p, 
.event-details-headline ul li a p {  font-weight:700; color:#252525; font-size:0.625em; line-height:1em; }
.calendar.inner .sing-date .rcol ul li a p span, 
.event-details-headline ul li a p span {float:left; width:100%; color:#61c6ba; font-weight: 900; font-size:1.300em; margin-top: 1em; }
.calendar.inner .sing-date .rcol ul li a p span:last-of-type, 
.event-details-headline ul li a p span:last-of-type { color:#00a99d; font-size:1.100em; }
.calendar.inner .sing-date .rcol ul li a .viewmore p, 
.event-details-headline ul li a .viewmore p { padding: 0.346em 1.1em; margin-bottom: 0; line-height: 1.2em; color:#666; font-size:0.813em; text-transform:uppercase; font-weight:900; } 
.calendar.inner .sing-date .rcol ul li a .block.viewmore:hover:before, 
.event-details-headline ul li a .block.viewmore:hover:before { content:'View More Times'; }
.calendar.inner .sing-date .single { border-bottom: 1px solid #b5b4b4; }
.calendar.inner .sing-date .single:last-of-type { border-bottom: none; }
.calendar.inner .top .calendar-search img { cursor: pointer; }
.event-details-headline .details { float:left; width:100%; padding:1em; }
.event-details-headline .details p { width:100%; float:left; font-style:italic; margin-bottom: 0; line-height: 1.35em; font-weight: 300; font-size:0.813em; }
.event-details-headline ul { width:96%; margin:1em 2% 0.5em; }
.rotateDetails{width:300px;
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
  position: relative;
  right: 31%;
  bottom: 156px;
  font-style:italic;
  line-height: 1.35em; 
  font-weight: 300; 
  font-size:0.813em;
}
.large-12.medium-12.small-12 .rotateDetails {right: 18%;}

.search-slide { top:0; display:none; position: absolute; z-index: 999; }
.search-slide input[type="text"] { border: 1px solid #00a99d; padding-right: 15%; margin-bottom: 0; height: 2.5rem; }
.search-slide input[type="submit"] { cursor:pointer; position:absolute; z-index:99; font-family: 'museo-sans-rounded', sans-serif; color: #00a99d; background: transparent; border: none; outline: none; top: 0.6em; right: 0.5em; font-size: 1em; }

.Zebra_DatePicker table tr.even, table tr.alt, .Zebra_DatePicker table tr:nth-of-type(even) { background: #fff; }
.media-items p.text-center { font-weight: 300; font-size:0.813em; }
.media-items .slick-slider { margin-bottom: 0; }

.htop { margin-top: 2em; }
.grey-bg { float:left; width:100%; background: #fafafa; }
.spon-block { padding: 2em 0 1em; }
.spon-block h2 { margin-bottom: 1.5em; }
.sponsor-car .spon { min-width:295px; float:left; margin:0 2em; border:1px solid #e0e2e5; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: relative; }
.sponsor-car .spon img{height:200px;}
.more.aafter:after { content: url('/Content/img/rarrow-grey.png'); margin-left: 0.25em; }
.group .aafter:after { content: url('/Content/img/rarrow-grey.png'); margin-left: 0.5em; top: 1px; position: relative; }
.previous.aafter:before { content: url('/Content/img/larrow-grey.png'); margin-right: 0.5em;}
.button.wide { width:auto; padding: 0.375em 2em; }
.more, .more:hover, .more:focus { float:right; color:#666; font-weight:700; line-height: 2em; }
.previous, .previous:hover, .previous:focus { float:left; color:#666; font-weight:700; line-height: 2em; }
.more.aafter:after { margin-left: 0.5em; }
.previous.aafter.hide, .dropdown-btn.hide{display:none}

.accord-tab h2 span { font-size:0.583em; float:right; }
.accord-tab h2 span:before { content: 'More'; margin-right: 0.35em; }
.accord-tab.active h2 span:before { content: 'Close'; }
.accord-tab h2 span:after { content: url('/Content/img/performance/down-arrow.png'); margin-left: 0.45em; }
.accord-tab.active h2 span:after { content: url('/Content/img/performance/arrow.png'); }
.accord-main { display:none; }
.accord-main.active { display:inline; }
.performance-section a.aafter { float:left; width:100%; margin-top: 1em; font-weight: 700; }
.performance-section a.aafter:after { vertical-align: text-top; }
.headline-performance { margin-top: 2em; position:relative; margin-bottom: 2em; }
.accord-items img { margin-bottom: 0.4em; }
.accord-items li div { margin-bottom: 2em; max-width:100%}
.accord-items li p { margin-bottom: 0.25em; line-height: 1.25em; }
.accord-items li p:last-of-type { margin-top: 0.85em; }
.sponsors h2 { margin: 0 0 2em; }
.shadow-after:after { 
  content: "";
  position: absolute;
  z-index: 9;
  bottom: 0;
  width: 100%;
  height: 10px;
  left: 0;
  background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.2), rgba(97, 97, 97, 0.0) 65%);
  background: radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.2), rgba(97, 97, 97, 0) 65%)
}

footer .topgrn { padding:3.375em 0 0; background: url("/Content/img/footer/footerBackground.png") #fafafa; float: left; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: 100%;}
footer .topgrn .footer-info { background-color: #60C5BA; }
footer .topgrn h3 { color:#fff; text-transform: uppercase; margin-bottom: 1.25em; }
footer .topgrn ul li { color:#fff; font-size:0.875em; margin-bottom: 0.3em; }
footer .topgrn ul li a { font-size:1em; color:#fff; }
footer .topgrn ul.soc { margin-top: 0.65em; }
footer .topgrn ul.soc li { float:left; margin-right: 0.45em; }
footer .topgrn ul.soc li:last-of-type { margin-right: 0; }
footer .topgrn ul.soc li a div { background: url('/Content/img/footer/footer-social.png'); width:36px; height:37px; }
footer .topgrn ul.soc li a div:hover { background: url('/Content/img/footer/footer-social-hover.png'); width:36px; height:37px; }
footer .topgrn ul.soc li a.fb div { background-position: 0, 0; }
footer .topgrn ul.soc li a.tw div { background-position: -43px, 0; }
footer .topgrn ul.soc li a.ig div { background-position: -87px, 0; }
footer .topgrn ul.soc li a.yt div { background-position: -130px, 0; }
footer .topgrn ul.soc li a.vi div { background-position: -172px, 0; }
footer .topgrn .cr { float: inherit; margin: 0.5em 26% 0; }
footer .topgrn .cr li { float:left; }
footer .topgrn .cr li:after { content: '-'; margin:0 0.35em; }
footer .topgrn .cr li:last-of-type:after { display:none; }
footer .topgrn .cr li { font-size:0.813em; }
footer .topgrn .cr li a { font-size:1em; color:#fff; }
footer .topgrn .maplink { margin-top: 1em; }

/*Spinner*/
#circularG{
	position: fixed;
    width: 58px;
    height: 58px;
    margin: auto;
    right: 50%;
    z-index: 99;
    top: 50%;
}

.circularG{
	position:absolute;
	background-color:rgb(0,0,0);
	width:14px;
	height:14px;
	border-radius:9px;
		-o-border-radius:9px;
		-ms-border-radius:9px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:1.1s;
		-o-animation-duration:1.1s;
		-ms-animation-duration:1.1s;
		-webkit-animation-duration:1.1s;
		-moz-animation-duration:1.1s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circularG_1{
	left:0;
	top:23px;
	animation-delay:0.41s;
		-o-animation-delay:0.41s;
		-ms-animation-delay:0.41s;
		-webkit-animation-delay:0.41s;
		-moz-animation-delay:0.41s;
}

#circularG_2{
	left:6px;
	top:6px;
	animation-delay:0.55s;
		-o-animation-delay:0.55s;
		-ms-animation-delay:0.55s;
		-webkit-animation-delay:0.55s;
		-moz-animation-delay:0.55s;
}

#circularG_3{
	top:0;
	left:23px;
	animation-delay:0.69s;
		-o-animation-delay:0.69s;
		-ms-animation-delay:0.69s;
		-webkit-animation-delay:0.69s;
		-moz-animation-delay:0.69s;
}

#circularG_4{
	right:6px;
	top:6px;
	animation-delay:0.83s;
		-o-animation-delay:0.83s;
		-ms-animation-delay:0.83s;
		-webkit-animation-delay:0.83s;
		-moz-animation-delay:0.83s;
}

#circularG_5{
	right:0;
	top:23px;
	animation-delay:0.97s;
		-o-animation-delay:0.97s;
		-ms-animation-delay:0.97s;
		-webkit-animation-delay:0.97s;
		-moz-animation-delay:0.97s;
}

#circularG_6{
	right:6px;
	bottom:6px;
	animation-delay:1.1s;
		-o-animation-delay:1.1s;
		-ms-animation-delay:1.1s;
		-webkit-animation-delay:1.1s;
		-moz-animation-delay:1.1s;
}

#circularG_7{
	left:23px;
	bottom:0;
	animation-delay:1.24s;
		-o-animation-delay:1.24s;
		-ms-animation-delay:1.24s;
		-webkit-animation-delay:1.24s;
		-moz-animation-delay:1.24s;
}

#circularG_8{
	left:6px;
	bottom:6px;
	animation-delay:1.38s;
		-o-animation-delay:1.38s;
		-ms-animation-delay:1.38s;
		-webkit-animation-delay:1.38s;
		-moz-animation-delay:1.38s;
}



@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}

/*Series toggle information*/
.infoToggle-more.hide,.infoToggle-less.hide{
    display:none !important;
}