/*EVENT CSS*/
.featured-programs-label {
    margin: 0 0 1.25em 0;
    padding: 0 0 0.25rem 0;
    border-bottom: 1px solid #e3e3e3;
}
.events-featured-body,
.feature-row {
    margin: 0 0 2rem;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid #e3e3e3;
}
.feature-row img {
    width: 100%;
}
.feature-row:last-child, .events-featured-body:last-child {
    border-bottom: none;
}
.feature-row h2 {
    margin-top:0;
}
/*puts date over the image*/
.date-overlay p {
    font-size: 0.75em;
    line-height: 1.125em;
    text-align: left;
    background-color: rgba(0, 0, 0, 1);
    color:#ffffff;
    font-weight: 500;
    padding:0.5em;
    margin:0; /*overrides grid padding*/
    position: absolute;
    border-top: 1px solid #e3e3e3;
    border-right: 0px solid #e3e3e3;
    border-bottom: 0px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    text-transform: uppercase;
    z-index: 5;
}
#sidebar-right .date-overlay p {
   margin:0 !important;
   border: 0px solid #fff !important;
}
.admission-info,
.restriction-info,
.event-note {
    font-size: 0.75rem;
    line-height: 120%;
}
.event-social-links {
	padding: 2em 0 1em 0;
}
.event-social-links a.facebook, 
.event-social-links a.twitter {
	display: inline-block;
	margin-right: 10px;
}
.event.body-copy {
	clear: left;
}
h2.event-subtitle, h2.event-anchor {
	margin-bottom: 14px;
}
#sidebar-right .view-buy-tickets {
	border: 1px solid #e3e3e3;
	padding: 18px;
    margin-bottom:2em;
}
/*    after dark overlay    */
div.event.after_dark div.grid-100 div a div.img_container,
div.event.pod.after_dark a div.img_container,
div.event.online div.grid-100 div a div.img_container,
div.event.pod.online a div.img_container  {
    position: relative;
}
div.event.after_dark div.grid-100 div a div.img_container img.overlay,
div.event.pod.after_dark a div.img_container img.overlay,
div.event.online div.grid-100 div a div.img_container img.overlay,
div.event.pod.online a div.img_container img.overlay {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.event .responsive_slideshow_container {
    display: none;
}


/*TABLET & DESKTOP -- WRAPPER
/* --------------------------------------------- */
@media screen and (min-width: 768px) {

    .feature-row img {
        width: 90%;
    }

  /* don't show the banner on pages with slideshow when it's in desktop mode */
  .slideshow-page #banner-inline #slideshow, .slideshow-page #banner-inline .rslides_container{
    display: none;
  }

  .event .responsive_slideshow_container {
    display: block;
  }
}