@charset "UTF-8";

/*==== COMPONENTS LIBRARY ====*/
.bmcl-events-1:not(#bmcl) > div { border: 1px solid #7d8192; cursor: pointer; margin-bottom: 10px; padding: 0; width: 100%; }
.bmcl-events-1:not(#bmcl) > div > span { display: flex; justify-content: space-between; transition: all 0.25s ease-in-out; border-bottom: 1px solid transparent; padding: 20px; }
.bmcl-events-1:not(#bmcl) > div > span > span.date-month { background-color: #2492d4; color: #ffffff; height: 77px; width: 72px; border-radius: 6px; text-align: center; padding: 10px 0; font-size: 14px; }
.bmcl-events-1:not(#bmcl) > div > span > span.date-month > span.date-day { font-size: 30px; line-height: 1.25; }
.bmcl-events-1:not(#bmcl) > div > span span.title-container { display: flex; flex-direction: column; width: 100%;padding: 0px 24px; }
.bmcl-events-1:not(#bmcl) > div > span span.event-location { font-size: 14px; padding-right: 10px; margin-right: 10px; border-right: 1px solid black; }
.bmcl-events-1:not(#bmcl) > div > span span.event-date { font-size: 14px;  }
.bmcl-events-1:not(#bmcl) > div h1,
.bmcl-events-1:not(#bmcl) > div h2,
.bmcl-events-1:not(#bmcl) > div h3,
.bmcl-events-1:not(#bmcl) > div h4,
.bmcl-events-1:not(#bmcl) > div h5,
.bmcl-events-1:not(#bmcl) > div h6 { align-items: center; display: flex; justify-content: space-between; margin: 0; padding: 12px 0px; position: relative; transition: all 0.275s ease-in-out; }
.bmcl-events-1:not(#bmcl) > div h1:after,
.bmcl-events-1:not(#bmcl) > div h2:after,
.bmcl-events-1:not(#bmcl) > div h3:after,
.bmcl-events-1:not(#bmcl) > div h4:after,
.bmcl-events-1:not(#bmcl) > div h5:after,
.bmcl-events-1:not(#bmcl) > div h6:after { color: inherit; content: "+"; font-size: 24px; padding-left: 24px; position: relative; }
.bmcl-events-1:not(#bmcl) > div h1:hover,
.bmcl-events-1:not(#bmcl) > div h2:hover,
.bmcl-events-1:not(#bmcl) > div h3:hover,
.bmcl-events-1:not(#bmcl) > div h4:hover,
.bmcl-events-1:not(#bmcl) > div h5:hover,
.bmcl-events-1:not(#bmcl) > div h6:hover { color: #2492d4; }
.bmcl-events-1:not(#bmcl) > div h4 { width: 100%; }
.bmcl-events-1:not(#bmcl) > div p.learn-more { margin-top: 30px; }
.bmcl-events-1:not(#bmcl) > div p.learn-more a { text-decoration: none; }
.bmcl-events-1:not(#bmcl) > div > div { display: none; padding: 5px 50px 15px 110px; }
.bmcl-events-1:not(#bmcl) > div > div span.event-quick-links { display: flex; justify-content: space-evenly; background-color: #f2f2f2; padding: 13px 0; margin-top: 25px; }
.bmcl-events-1:not(#bmcl) > div > div span.event-quick-links > span a { font-size: 14px; color: #262626; text-decoration: none !important; }
.bmcl-events-1:not(#bmcl) > div.active > span { border-bottom: 1px solid #7d8192; padding: 20px 20px 25px 20px; }
.bmcl-events-1:not(#bmcl) > div.active > span h1,
.bmcl-events-1:not(#bmcl) > div.active > span h2,
.bmcl-events-1:not(#bmcl) > div.active > span h3,
.bmcl-events-1:not(#bmcl) > div.active > span h4,
.bmcl-events-1:not(#bmcl) > div.active > span h5,
.bmcl-events-1:not(#bmcl) > div.active > span h6 { border-color: #7d8192; }
.bmcl-events-1:not(#bmcl) > div.active > span h1:after,
.bmcl-events-1:not(#bmcl) > div.active > span h2:after,
.bmcl-events-1:not(#bmcl) > div.active > span h3:after,
.bmcl-events-1:not(#bmcl) > div.active > span h4:after,
.bmcl-events-1:not(#bmcl) > div.active > span h5:after,
.bmcl-events-1:not(#bmcl) > div.active > span h6:after { content: "–"; }
.bmcl-events-1:not(#bmcl) > div > div i { font-family: fontawesome; color: #2492d4; }
@media screen and (max-width:768px) {
  span.details-container { display: flex; flex-direction: column; }
  .bmcl-events-1:not(#bmcl) > div > span span.event-location { border-right: none !important; }
  .bmcl-events-1:not(#bmcl) > div > div { padding: 10px 20px; }
  .bmcl-events-1:not(#bmcl) > div h4 { padding: 0 24px 0; }
/*  .bmcl-events-1:not(#bmcl) > div > span span.event-date { padding-left: 24px; }*/
  .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links { flex-wrap: wrap; padding: 13px 24px 0px 24px; }
  .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links > span { min-width: 50%; margin-bottom: 13px; }
}
@media screen and (max-width:400px) {
  .bmcl-events-1:not(#bmcl) > div > div span.event-quick-links > span { min-width: 100%; }
}

/*# sourceMappingURL=bmcl-events-1.css.map */