@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,700,500itable,400italic');




.article-preview{background:white;border:1px solid #CCC;width:318px;margin-right:20px;margin-bottom:20px;position:relative;float:left;height:240px;}
.article-preview:nth-child(3n+3){margin-right:0;}
.mobile .article-preview{width:auto;margin:10px;float:none;margin-bottom:20px;}
.mobile h1{font-size:18px;}
.article-preview:hover{cursor:pointer;}
.article-preview:hover img {
    opacity: 0.8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.article-preview img{height:150px;width:318px;object-fit:cover;}
.mobile .article-preview img{width:100%;height:150px;object-fit:cover;}

.article-preview h3 {color:#0067CE;font-size:16px;margin-bottom:0;padding:0 10px;padding-top:10px;line-height:1.4;}

.article-preview .article-date{position:absolute;bottom:10px;left:10px;}

.youtube-video{height:400px;width:100%;}
.mobile .youtube-video{height:240px;}


hr{    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom:20px;}


.content li:not(:is(.event, .slide)){
   margin-bottom:10px;list-style-type:disc; list-style-position:outside;margin-left:20px;
}
.content ul:not(.list-events, .slider){
   margin-bottom:30px;
}

figcaption a, .full-caption a{text-decoration:underline !important;}
figcaption , .full-caption {max-width: inherit !important;} /*sometimes the redactor adds inline style; this over-rides*/



.list-events-style-default li.event{position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;background:white;padding:10px 0;border-radius:5px;}
.list-events-style-default li.event:hover{border:1px solid #E5E5E5;z-index:20;margin-top:-2px;cursor:pointer;}
.list-events-style-default li.event[data-loading='true']{background:#F8F8F8;}
.list-events-style-default li.event:active{background:#F8F8F8;}
li.event[data-loading='true'] button:before{content:"Loading...";}
.list-events-style-default .event-date{width:18%;text-align:center;display:inline-block;vertical-align:top;max-width:80px;line-height:1;}
.list-events-style-default .event-date .event-day-of-month{font-size:24px;margin-bottom:1px;}
.list-events-style-default .event-date .event-month{font-size:13px;text-transform:uppercase;}
.list-events-style-default li.event:hover .event-date{color:#0067CE;}
.list-events-style-default .event-details{width:calc(100% - 18% - 115px);display:inline-block;line-height:1.3;font-size:12px;}
.list-events-style-default .event-details .event-name{color:#0067CE;font-size:14px;font-weight:600;display:block;margin-bottom:2px;}
.list-events-style-default li.event:hover .event-name{text-decoration:underline;}
.list-events-style-default .event-details .event-name-2{display:block;font-weight:500;}
.list-events-style-default .event-details div:not(.event-name):not(.event-name) {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-events-style-default button{height:36px;position:absolute;top:calc(50% - 18px);width:100px;right:15px;top:20px;}
.list-events-style-default button:before{content:"See Tickets";}

.list-events-style-sidebar li.event{position:relative;margin-bottom:15px;}
.list-events-style-sidebar li.event:last-child{margin-bottom:0;}
.list-events-style-sidebar .event-details{line-height:1.5;width:calc(100% - 85px);} /*where 85 is 15 more than button width*/
.list-events-style-sidebar .event-location{font-weight:500;font-size:13px;}
.list-events-style-sidebar a{font-size:13px;display:block;font-weight:500;}
.list-events-style-sidebar button{width:25%;height:32px;position:absolute;right:0px;top:2px;}
.list-events-style-sidebar li.event:hover .event-location{text-decoration:underline;}

li.event:hover .button-blue{background-image: -webkit-linear-gradient(top, #0067CE, #00468C);
    background-image: -moz-linear-gradient(top, #0067CE, #00468C);
    background-image: -ms-linear-gradient(top, #0067CE, #00468C);
    background-image: -o-linear-gradient(top, #0067CE, #00468C);
}

@media only screen and (max-width: 480px)
{
	.list-events-style-default button{right:0;}
	.list-events-style-default .event-date{margin-left:-10px;}
	.list-events-style-default .event-details{width:calc(100% - 18% - 80px -20px + 10px);}
}

/**
 * What to do when the screen is less than 399 pixels
 *
 */
@media only screen and (max-width: 399px)
{
    /**
     * Make default list button smaller, change text to fewer characters and re-calc
     * space for event details text
     *
     */
    .list-events-style-default button{width:80px;}    
    .list-events-style-default button:before{content:"Tickets";}
    .list-events-style-default .event-details{width:calc(100% - 18% - 80px -20px + 10px);}
  

    
}


@media only screen and (min-width: 600px)
{
	#injected-event-list{    border: 1px solid #E5E5E5;
	    border-radius: 10px;
	    padding: 15px;}	
}
@media screen and (max-width: 1015px)
{
	#injected-event-list{width:auto !important; max-width:100%;}
}

.content #injected-event-list, .article-body #injected-event-list{margin-bottom:30px;margin-top:10px;}

  #injected-performers-list{margin-top:60px;}
  .list-performers{overflow:auto;}  
.list-performers li{float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100px;margin-right:40px;margin-bottom:30px;text-align:center;cursor:pointer;position:relative;}
  .list-performers li:hover{cursor:pointer;}  
  .list-performers li:hover .avatar{opacity:0.70;}
.list-performers li .avatar{height:100px;width:100px;border-radius:50%;background:#333;color:white;font-size:24px;display:inline-block;line-height:100px;margin-bottom:10px;}
  .list-performers li img{object-fit:cover;}  
  .list-performers li .performer-name{line-height:16px;height:32px;overflow:hidden;}
  
  
@media only screen and (max-width: 599px)
{
  .list-performers li{width:66px;margin-right:20px;margin-bottom:20px;}
  .list-performers li .avatar{height:66px;width:66px;line-height:66px;}
  .list-performers li .performer-name{line-height:14px;height:28px;font-size:14px;}
}  

  
  
body,html,h1, h2, h3, h4, h5, p, ul, li, input, textarea, select, button, table, a, ol, lh, figcaption, strong{font-family:"Roboto Slab","Museo","Helvetica Neue",Helvetica,Arial,sans-serif !important;}
  .header-local{font-family:Roboto !important;}  
  
  .toc{background:#F8F8F8;padding:15px;}
  .toc lh{color:#333;font-size:20px;margin-bottom:15px;}
  .toc li{list-style-type:none !important;;margin-left:0 !important;}


  /* Note at the top of the post */
.content p.callout-alert{
   background: #FDF3BA;
   padding: 1rem;
   font-size: 1rem;
}