/* xsm_eventserver - bootstrap CSS */

.eventserver {  /* placeholder */  }
.eventserver .event-minibox {  }
.eventserver .event-minibox .event-headerbox {  }
.eventserver .event-minibox .event-contentbox {  }

.eventserver .event-item-headline a { text-decoration: none !important; color: var(--primary);}
.eventserver .event-item-headline a:hover { text-decoration: none !important; }
.eventserver .event-item-headline-sub a { text-decoration: none !important; color: var(--info); }
.eventserver .event-item-headline-sub a:hover { text-decoration: none !important; }
.eventserver .eventdetails img {max-width: 100%; height: auto;}

#event-listbox .header { font-family: opensans-eb; color: var(--black); }
#event-listbox .event-item img.leadimg { width: 260px; height: auto;}
#event-listbox .event-item-headline { font-family: opensans-b; color: var(--primary); font-weight: 900; }
#event-listbox .event-item-headline-sub { font-family: avenirnext-csb; color: var(--info); }
#event-listbox .event-item-headline-byline { font-family: quattrocento_sansregular; color: var(--gray-dark); }
#event-listbox .event-item-social { line-height: 1rem; }
#event-listbox .event-item-more { font-family: opensans-cb; cursor: pointer; transition: opacity .2s; }
#event-listbox .event-item-more:hover { transition: opacity .2s; opacity: .7; }
#event-listbox .event-item { transition: background .4s; }
#event-listbox .event-item:hover { background: #ccc !important; transition: background .4s; }


#event-readbox .header { font-family: opensans-eb; color: var(--black); }
#event-readbox .event-item img.leadimg { width: 100%; max-width: 750px; height: auto; margin-left: auto; margin-right: auto; }
#event-readbox .event-item-headline { max-width: 99.5%; font-size: 1.6rem; font-family: avenirnext-b; color: var(--primary); font-weight: 900; line-height: initial;}
#event-readbox .event-item-headline-sub { font-family: avenirnext-b; color: var(--info); font-size: 1.4rem; }
#event-readbox .card-header > h3.event-item-headline-sub { margin-bottom: 0 !important; }
#event-readbox .event-item-headline-byline { font-family: quattrocento_sansregular; color: var(--gray-dark); }
#event-readbox .event-item-social { line-height: 1rem; }
#event-readbox .event-item-more { font-family: opensans-cb; cursor: pointer; transition: opacity .2s; }
#event-readbox .event-item-more:hover { transition: opacity .2s; opacity: .7; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}