/**
 * $file
 * Variables
 *
 ****
 *
 * Page Widths
 * Fonts
 * Colors
 *
 ****
*/
/****
 *
 * Page Widths
 *
 ****/
/****
 *
 * Fonts
 *
 ****/
/****
 *
 * Colors
 *
 ****/
/**
 * $file
 * Variables
 *
 ****
 *
 * Page Widths
 * Fonts
 * Colors
 *
 ****
*/
/****
 *
 * Page Widths
 *
 ****/
/****
 *
 * Fonts
 *
 ****/
/****
 *
 * Colors
 *
 ****/
.view-id-events_list .view-header {
  margin: 1.5rem 0 2.5rem;
}

.view-id-events_list .view-header a {
  color: #1E3F84;
  font-family: "robotobold", "Helvetica", Arial, sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  display: block;
}

.view-id-events_list .view-header a:after {
  content: "\f138";
  font-family: "FontAwesome";
  margin-left: 1rem;
}

.view-id-events_list .view-content .event {
  margin-bottom: 2.4rem;
  border-radius: .5rem;
}

.view-id-events_list .view-content .event a.views-row {
  border: none;
}

.view-id-events_list .view-content .event a.views-row:hover .event--main {
  border-color: #E83E3E;
}

.view-id-events_list .view-content .event .event--thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.view-id-events_list .view-content .event .event--main {
  position: relative;
  top: -4px;
  border-top: solid 6px #1E3F84;
  border-radius: 5px 5px 0 0;
}

.view-id-events_list .view-content .event .event--main .list-text-wrapper .more-link {
  text-align: left;
}

.view-id-events_list .view-content .event .event--thumb + .event--main {
  border-radius: 0;
}

.view-id-events_list .view-footer {
  padding: 1rem 2rem .5rem;
  text-align: center;
}

.view-id-events_list .view-footer a {
  background: none;
  border: 2px solid #1E3F84;
  border-radius: 5px;
  color: #1E3F84;
  font-family: "roboto_condensedbold", "Arial Narrow", Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.3333;
  padding: 1.65rem 2.6rem;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-out;
}

.view-id-events_list .view-footer a:hover, .view-id-events_list .view-footer a:focus {
  color: #fff;
  background: #1E3F84;
}

@media (min-width: 768px) {
  .view-id-events_list .view-footer a {
    width: 100%;
  }
}

/*# sourceMappingURL=../sourcemaps/view--events-list.css.map */