@charset "UTF-8";
/* bootstrap-datetimepicker — Bootstrap 4 compatibility fix */
div.bootstrap-datetimepicker-widget .collapse.in {
  display: block;
}
div.bootstrap-datetimepicker-widget table td.active,
div.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #FA6400;
  color: #fff;
}

/* events-wrapper-thumbnail-image */
.events-wrapper-thumbnail-image a,
.events-wrapper-thumbnail-image img,
.events-wrapper-thumbnail-image {
  position: relative;
  width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* categories */
[widget-name=event_categories],
[widget-name=event_tags] {
  margin-bottom: 10px;
}
[widget-name=event_categories] .badge-primary,
[widget-name=event_tags] .badge-primary {
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #3779D9;
  border-radius: 50px;
  background: #D7E7FF;
}
[widget-name=event_categories] .bootstrap-select,
[widget-name=event_categories] .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
[widget-name=event_tags] .bootstrap-select,
[widget-name=event_tags] .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  max-width: 200px;
  border: none;
}
[widget-name=event_categories] .bootstrap-select > .dropdown-menu,
[widget-name=event_tags] .bootstrap-select > .dropdown-menu {
  min-width: 200px;
}
[widget-name=event_categories] .bootstrap-select .dropdown-toggle,
[widget-name=event_tags] .bootstrap-select .dropdown-toggle {
  padding: 10px;
  color: #6c757d;
  border: 1px dashed #6c757d;
  border-radius: 50px;
  background: none;
}
[widget-name=event_categories] .bootstrap-select .dropdown-toggle::after,
[widget-name=event_tags] .bootstrap-select .dropdown-toggle::after {
  display: none;
}
[widget-name=event_categories] .bootstrap-select .text,
[widget-name=event_tags] .bootstrap-select .text {
  white-space: pre-wrap;
}

/* widget-name="event_author" */
[widget-name=event_author] {
  border-top: 1px solid #6c757d;
}
[widget-name=event_author] .event-author-row {
  flex-wrap: nowrap;
  margin-top: 20px;
  margin-bottom: 20px;
}
[widget-name=event_author] .event-author-image {
  width: 50px;
  height: 50px;
}
[widget-name=event_author] .event-author-name {
  margin-top: 3px;
}
[widget-name=event_author] .event-author-date {
  color: #6c757d;
}

.hidden-event-badge {
  position: absolute;
  top: 0;
  z-index: 9;
}

[widget-name=event_events] .event-date-wrapper .date-start-day,
[widget-name=event_events] .event-date-wrapper .date-start-month,
[widget-name=event_events] .event-date-wrapper .date-start-year {
  display: inline-block;
}

[widget-name=event_url] .page-url {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  word-break: break-all;
  margin-bottom: 15px;
}
[widget-name=event_url] .page-url .col, [widget-name=event_url] .page-url .col-auto {
  margin: 0;
  padding: 0;
  color: #6c757d;
}
[widget-name=event_url] .page-url .col icon-image, [widget-name=event_url] .page-url .col-auto icon-image {
  margin-right: 6px;
  color: #000;
}

[widget-name=upcoming_events] .upcoming-events-list {
  list-style: none;
  padding-left: 0;
}
[widget-name=upcoming_events] .upcoming-events-list li + li {
  border-top: 1px solid #EDEDED;
}
[widget-name=upcoming_events] .upcoming-events-list .event-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
[widget-name=upcoming_events] .upcoming-events-list .event-date-wrapper {
  margin-right: 1rem;
}
[widget-name=upcoming_events] .btn-link {
  color: #000;
  text-decoration: underline;
}

@media all and (min-width: 768px) {
  [widget-name=event_events] .event-date-wrapper {
    float: left;
  }
  [widget-name=event_events] .event-date-wrapper .date-start-day,
  [widget-name=event_events] .event-date-wrapper .date-start-month,
  [widget-name=event_events] .event-date-wrapper .date-start-year {
    display: block;
  }
}
@media all and (max-width: 768px) {
  [widget-name=event_url] .page-url {
    flex: 0 0 auto;
    max-width: 100%;
  }
  #page_events-event [widget-name=event_url] .page-url .col-auto {
    flex: 0 0 auto;
  }
  #page_events-event [widget-name=event_url] .page-url .col-auto + .col {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}