/*!
 * Kansas State University web branding resources
 * http://www.k-state.edu/
 * @author Neil Erdwien <neil@k-state.edu>
 * @version 2.0.0
 * Copyright 2020 Kansas State University.  All rights reserved.
 */
/*!
 * Kansas State University web branding resources
 * http://www.k-state.edu/
 * @author Neil Erdwien <neil@k-state.edu>
 * @version 2.0.0
 * Copyright 2020 Kansas State University.  All rights reserved.
 */

.ksu-el-container *, .ksu-el-container *:before, .ksu-el-container *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ksu-el-container .ksu-el-img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 80px;
  height: 80px;
}

/*
 * If the event block has an image, make room for it by sliding the text content to the right.
 */
.ksu-el-with-img .ksu-el-content {
  margin-left: 90px;
}

.ksu-el-events {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ksu-el-events li {
  margin-bottom: 10px;
  position: relative;
  background-color: #f8f8f8;
  padding: 10px;
  overflow: hidden;
}
.ksu-el-events h4 {
  margin-top: 0;
}
.ksu-el-events .ksu-el-hd {
  overflow: hidden;
}
.ksu-el-events .ksu-el-title {
  float: left;
  width: 58%;
  font-size: 14px;
}
.ksu-el-events .ksu-el-category {
  float: left;
  width: 58%;
  font-size: 11px;
  color: #999;
  font-weight: normal;
}
.ksu-el-events .ksu-el-category a:link, .ksu-el-events .ksu-el-category a:visited {
  color: #999;
  border-bottom-color: transparent;
}
.ksu-el-events .ksu-el-category a:hover, .ksu-el-events .ksu-el-category a:active {
  color: #512888;
  border-bottom-color: #512888;
}
.ksu-el-events .ksu-el-time {
  float: right;
  text-align: right;
  font-size: 12px;
  width: 38%;
}
.ksu-el-events .ksu-el-hd *[itemprop='location'] {
  width: 38%;
  float: right;
  font-size: 11px;
  text-align: right;
}
.ksu-el-events .ksu-el-ft *[itemprop='location'] {
  display: none;
}
.ksu-el-events p {
  margin-bottom: 1.4em;
}
.ksu-el-events .ksu-el-hd-date,
.ksu-el-events .ksu-el-hd-time,
.ksu-el-events .ksu-el-hd-datetime,
.ksu-el-events .ksu-el-bd-date,
.ksu-el-events .ksu-el-bd-time,
.ksu-el-events .ksu-el-bd-datetime {
  display: none;
}
.ksu-el-events .ksu-el-ft {
  margin-top: 0.2em;
}
.ksu-el-events .ksu-el-ft-datetime {
  display: none;
}

.ksu-el-desc-container {
  margin: 0;
  clear: both;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Keep building name together on one line. */
/* Unfortunately, this makes long "buildings" like "Mark A. Chapman Gallery, Willard Hall" flow outside the container */
.ksu-more-container-arrow {
  clear: both;
  margin-top: 0.5em;
}

/*
 * Headings for the "group-by" options
 */
.ksu-el-ghd {
  display: none;
}
.ksu-el-ghd h3 {
  font-size: 16px;
}
.ksu-el-ghd h3.ksu-el-date-abbr {
  display: none;
}

.ksu-el-with-dateheader .ksu-el-ghd {
  display: block;
}

.ksu-el-ghd,
.ksu-el-gbd {
  overflow: hidden;
}

.ksu-el-toggle-recurring {
  display: block;
  text-align: right;
  margin-top: 0;
  padding: 10px;
  cursor: pointer;
  background-color: #f8f8f8;
}

/*
 * Narrow column, i.e., secondary sidebar styles
 */
.ksu-sidebar-secondary {
  /* Remove the images for sidebar-secondary display.  This rule is more specific than needed just for this stylesheet.
   * However, the overall stylesheet sets images to display: block; with specificity 021, so I added the
   * extra .ksu-el-container to make this rule more specific.
   */
  /* Also, don't slide the text content to make room for the (now-hidden) image. */
}
.ksu-sidebar-secondary .ksu-el-container .ksu-el-img {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-with-img .ksu-el-content {
  margin-left: 0;
}
.ksu-sidebar-secondary .ksu-el-content {
  float: none;
}
@media screen and (min-width: 640px) {
  .ksu-sidebar-secondary .ksu-el-content {
    width: 195px;
  }
}
.ksu-sidebar-secondary .ksu-el-ghd {
  display: block;
  margin: 1em 0 0.2em;
  font-size: 11px;
}
.ksu-sidebar-secondary .ksu-el-ghd h3 {
  display: none;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.ksu-sidebar-secondary .ksu-el-ghd h3.ksu-el-date-abbr {
  display: block;
}
.ksu-sidebar-secondary .ksu-el-bd div,
.ksu-sidebar-secondary .ksu-el-bd h4 {
  display: inline;
}
.ksu-sidebar-secondary .ksu-el-bd h4:after {
  content: '. ';
}
.ksu-sidebar-secondary .ksu-el-sep:after {
  content: ', ';
}
.ksu-sidebar-secondary .ksu-el-events {
  font-size: 11px;
  /* Silly, but the default fonts are too small. */
}
.ksu-sidebar-secondary .ksu-el-events li {
  background-color: transparent;
  padding: 0;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-time {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-title {
  float: none;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 0;
}
.ksu-sidebar-secondary .ksu-el-events a,
.ksu-sidebar-secondary .ksu-el-events a:link,
.ksu-sidebar-secondary .ksu-el-events a:hover,
.ksu-sidebar-secondary .ksu-el-events a:active {
  border-bottom: none;
}
.ksu-sidebar-secondary .ksu-el-events h4.ksu-el-category {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-events *[itemprop=description] {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-bd-time {
  display: inline;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-hd *[itemprop~=location] {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-events [itemprop~=description] {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-description-container h4 {
  display: none;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-ft {
  display: block;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-ft *[itemprop~=location],
.ksu-sidebar-secondary .ksu-el-events .ksu-el-ft *[itemprop~=location] > div {
  display: inline;
}
.ksu-sidebar-secondary .ksu-el-events .ksu-el-ft-datetime {
  display: inline;
}
.ksu-sidebar-secondary .ksu-more-container-arrow {
  display: none;
}

/*
 * Override some YUI skin styles for the calendar navigation aid
 */
.yui3-skin-sam .yui3-calendar-day-selected {
  background-color: #f8e7b9 !important;
}

.yui3-skin-sam .yui3-calendar-day:hover {
  background-color: #ECD391 !important;
}

.ksu-sidebar-secondary .yui3-calendar {
  margin: 10px 0;
}

/*# sourceMappingURL=event-list.css.map */