/*** 

  css_homepage_events.css
  
  Styles for the homepage event list.
  
***/

#events-container .events {
  margin-bottom: 30px;
}

#events-container .event {
  padding-bottom: 30px;
}

#events-container .event-details {
  border-left: 2px solid #8E6F3E;
}

#events-container .event a {
  display: block;
  color: #333;
  text-decoration: none !important;
  padding: 2px 3px;
}

#events-container .event a:hover,
#events-container .event a:active {
  background-color: #ebd99f;
}

#events-container .event a .headline {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 .25em 0;
}

#events-container .intro {
  font-size: .8rem;
  line-height: .9rem;
}

#events-container .event-date {
  padding-left: 0;
}

#events-container .month {
  color: #fff;
  background-color: #9d9795;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 3px 2px 2px 2px;
}

#events-container .day {
  color: #555960;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}



/* Media queries for a given screen size or LARGER */

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}




/* Media queries for a given screen size or SMALLER */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */