/*billboard (currently uses site monklet for the landing page video... this is the detail adjustments)*/

#billboard .text img {
  position: relative;
  padding: 10px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/*filters*/
#events5-filter {
  padding: 2rem 0;
  box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.08);
}

#events5-search {
  border: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  overflow: hidden;
}

#events5-search fieldset {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1;
  border: none;
  border-radius: 0;
  overflow: hidden;
}

#e5-search-term {
  float: left;
  display: block;
  width: 85%;
  padding: 0 2.5%;
  border: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  height: 56px;
  outline: none;
  outline: none !important;
  background-color: transparent;
  border-radius: 0;
}

@media (min-width: 768px) {
  #e5-search-term {
    font-size: 22px;
  }
}

#events5-search-submit {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  width: 54px;
  font-size: 22px;
  vertical-align: middle;
  text-align: center;
  background: none;
  outline: none;
  border: 0;
  padding: 2px 0;
  cursor: pointer;
  transition: .3s;
  background-color: transparent;
}

#events5-filter .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#events5-filter .top .events5-search {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  #events5-filter .top .events5-search {
    flex: 0 0 0 calc(100% - 180px - 1rem);
    max-width: calc(100% - 180px - 1rem);
    margin-bottom: 0px;
  }
}

#events5-filter .top .events5-toggle {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 180px;
  text-align: center;
  margin: 0 auto;
}

@media (min-width: 992px) {
  #events5-filter .top .events5-toggle {
    flex: 0 0 180px;
    max-width: 180px;
    text-align: right;
    max-width: none;
    margin: 0px;
  }
}

#events5-filter .top .events5-toggle #events5-filter-toggle {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 54px;
  height: 56px;
  margin: 0px;
  width: 100%;
}

#events5-filter .top .events5-toggle #events5-filter-toggle > .icon {
  margin: 0 0 0 .375rem;
  vertical-align: -3px;
}

@media (min-width:768px) {
  #events5-filter .top .events5-toggle #events5-filter-toggle {
    width: 180px;
    display: inline-block;
  }
}

#events5-filter-form {
  display: none;
}

#events5-filter .events5-filter-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

#events5-filter .events5-filter-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#events5-filter .events5-filter-menu li {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
}

#events5-filter .events5-filter-menu li input {
  display: none;
}

#events5-filter .events5-filter-menu li label {
  display: block;
  position: relative;
  padding: 12px 8px 12px 42px;
  cursor: pointer;
  overflow: hidden;
  font-size: 20px;
  border: none;
}

#events5-filter .events5-filter-menu li label:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ed6f";
  position: absolute;
  font-size: 20px;
  line-height: 26px;
  width: 42px;
  text-align: left;
  left: 8px;
  top: 8px;
}

#events5-filter .filter-select {
  padding: 2rem 0 1rem 0;
}

@media (min-width: 992px) {
  #events5-filter .filter-select {
    display: flex;
    justify-content: center;
  }
}

#events5-filter .filter-select .events5-filter-menu {
  display: none;
}

#events5-filter .filter-select .events5-filter-item {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: .5rem auto;
}

@media (min-width:768px) {
  #events5-filter .filter-select .events5-filter-item { max-width: 50%; }
}

@media (min-width: 992px) {
  #events5-filter .filter-select .events5-filter-item {
    margin: 0 .5%;
    flex-basis: 23.5%;
    flex-grow: 1;
    max-width: 200px;
  }
}

@media (min-width: 992px) {
  #events5-filter .filter-select .events5-filter-item:first-child {
    margin-left: 0px;
  }
}

@media (min-width: 992px) {
  #events5-filter .filter-select .events5-filter-item:last-child {
    margin-right: 0px;
  }
}

#events5-filter .filter-select .events5-filter-item a {
  display: block;
  position: relative;
  height: auto;
  line-height: 1;
  margin: 0;
  padding: 0;
  outline: none !important;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
  box-sizing: border-box;
}

#events5-filter .filter-select .events5-filter-item a span {
  position: relative;
  display: block;
  line-height: 40px;
  padding: 0 38px 0 8px;
  font-size: 1rem;
  font-weight: 300;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

#events5-filter .filter-select .events5-filter-item a i {
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: right;
}

#events5-filter .filter-select .events5-filter-item a i:before {
  font-family: "icons" !important;
  content: "\ed5d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

#events5-filter .filter-select .events5-filter-item a.on i:before {
  content: "\ed6d";
}

#events5-filter .filter-menu .events5-filter-menu {
  display: none;
}

#events5-filter .filter-menu .events5-filter-menu ul {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width:768px) {
  #events5-filter .filter-menu .events5-filter-menu ul {
    max-width: 50%;
    margin: auto;
  }
}

@media (min-width:992px) {
  #events5-filter .filter-menu .events5-filter-menu ul {
    max-width: 80%;
    margin: auto;
  }
}

#events5-filter .filter-menu .events5-filter-menu li {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width:992px) {

  #events5-filter .filter-menu .events5-filter-menu li {
    margin: 0 0 0 1.5%;
    flex: 0 0 23.5%;
    max-width: 23.5%;
  }

  #events5-filter .filter-menu .events5-filter-menu li:nth-child(4n+1) {
    margin-left: 0px;
  }
}

#events5-filter .events5-filter-categories {
  padding: 1rem 0;
}

#events5-filter .events5-filter-categories ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

@media (min-width: 992px) {
  #events5-filter .events5-filter-categories ul {
    text-align: center;
  }
}

#events5-filter .events5-filter-categories ul li {
  margin-bottom: .5rem;
}

@media (min-width: 992px) {
  #events5-filter .events5-filter-categories ul li {
    display: inline-block;
    margin: 0 1rem;
  }
}

#events5-filter .events5-filter-categories ul li input {
  margin-right: .35rem;
}

#events5-filter .events5-filter-additional {
  padding: 0;
}

@media (min-width:768px) {
  #events5-filter .events5-filter-additional {
    padding: 1rem 0;
  }
}

#events5-filter .events5-filter-additional ul {
  list-style: none;
  margin: 0 0 0 50%;
  padding: 0px;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  #events5-filter .events5-filter-additional ul {
    text-align: center;
  }
}

#events5-filter .events5-filter-additional ul li {
  margin-bottom: .25rem;
  padding-left: .25rem;
}

@media (min-width: 992px) {
  #events5-filter .events5-filter-additional ul li {
    display: inline-block;
    margin: 0 1rem;
    padding-left: 0;
  }
}

#events5-filter .events5-filter-additional ul li input {
  display: none;
}

#events5-filter .events5-filter-additional ul li label {
  display: block;
  position: relative;
  padding: 12px 8px 12px 34px;
  cursor: pointer;
  overflow: hidden;
  font-size: 20px;
  font-weight: 700;
  border: none;
}

@media (min-width: 992px) {
  #events5-filter .events5-filter-additional ul li label {
    font-size: 22px;
  }
}

#events5-filter .events5-filter-additional ul li label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-style: solid;
  border-width: 3px;
  background-color: transparent;
  border-radius: 5px;
}

#events5-filter .events5-filter-additional ul li label:after {
  display: none;
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ed6f";
  position: absolute;
  font-size: 12px;
  text-align: center;
  left: 6px;
  top: 49%;
  transform: translateY(-50%);
}

#events5-filter .events5-filter-additional ul li input:checked + label:after {
  display: block;
}

#events5-filter .input-buttons {
  padding: 0;
  text-align: center;
}

#events5-filter .input-buttons .btn {
  display: block;
  width: 100%;
  margin: 1rem auto;
  max-width: 180px;
}

@media (min-width:768px) {
  #events5-filter .input-buttons .btn {
    display: inline-block;
  }
}

/*results title*/
.results-filter-choices {
  padding: 0 0 1rem;
}

.results-filter-choices .results-title {
  text-align: center;
}

.results-filter-choices .results-remove {
  text-align: left;
  margin-bottom: -.5rem;
}

.results-filter-choices .results-remove a {
  display: inline-block;
  line-height: 1.1;
  margin: 0 1rem .5rem 0;
  border-radius: 1.25rem;
  padding: 4px 12px;
}

.results-filter-choices .results-remove a i {
  display: inline-block;
  margin-left: 3px;
  vertical-align: -2px;
}

/*featured events */

.events5-featured-wrap .events5-featured {
    position: relative;
    visibility: hidden;
    opacity: 0;
    margin: 2rem 0;
    transition: opacity 0.3s ease;
    padding: 0;
}

@media (min-width: 576px) {
   .events5-featured-wrap .events5-featured {
    }
}

.events5-featured-wrap .events5-featured.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.events5-featured-wrap .events5-featured .slick-prev,
.events5-featured-wrap .events5-featured .slick-next {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: default;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: none;
    line-height: 1 !important;
    text-align: center;
    z-index: 500;
    transition: .2s all ease-in-out;
    overflow: hidden;
}

.events5-featured-wrap .events5-featured .slick-prev span,
.events5-featured-wrap .events5-featured .slick-next span {
    display: block;
    position: relative;
    font-size: 1.5rem;
    transition: all 0.2s ease-in-out;
	cursor: pointer;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .events5-featured-wrap .events5-featured .slick-prev span,
    .events5-featured-wrap .events5-featured .slick-next span {
        font-size: 1.75rem;
    }
}

@media (min-width: 768px) {
    .events5-featured-wrap .events5-featured .slick-prev span,
    .events5-featured-wrap .events5-featured .slick-next span {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .events5-featured-wrap .events5-featured .slick-prev span,
    .events5-featured-wrap .events5-featured .slick-next span {
        font-size: 2.5rem;
    }
}

@media (min-width: 1380px) {
    .events5-featured-wrap .events5-featured .slick-prev span,
    .events5-featured-wrap .events5-featured .slick-next span {
        font-size: 3.5rem;
    }
}

.events5-featured-wrap .events5-featured .slick-prev span:before {
    font-family: "icons" !important;
    content: "\edc4";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.events5-featured-wrap .events5-featured .slick-next span:before {
    font-family: "icons" !important;
    content: "\edbc";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.events5-featured-wrap .events5-featured .slick-prev span:hover,
.events5-featured-wrap .events5-featured .slick-next span:hover {

}

.dark .events5-featured-wrap .events5-featured .slick-prev span,
.dark .events5-featured-wrap .events5-featured .slick-next span {

}

.dark .events5-featured-wrap .events5-featured .slick-prev span:hover,
.dark .events5-featured-wrap .events5-featured .slick-next span:hover {

}

.events5-featured-wrap .events5-featured .slick-prev {
    left: 0;
}

.events5-featured-wrap .events5-featured .slick-next {
    right: 0;
}

.events5-featured-wrap .events5-featured .slick-prev.slick-disabled span,
.events5-featured-wrap .events5-featured .slick-next.slick-disabled span {
    cursor: default;
    opacity: .2;
}

.events5-featured-wrap .events5-featured .slick-prev.slick-disabled:hover,
.events5-featured-wrap .events5-featured .slick-next.slick-disabled:hover {
    color: inherit !important;
}

.events5-featured-wrap .events5-featured .slick-dots {
    margin: 0;
    padding: 1rem 0;
    list-style: none;
    text-align: center;
}

.events5-featured-wrap .events5-featured .slick-dots li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
    padding: 0px;
}

.events5-featured-wrap .events5-featured .slick-dots li:before {
    display: none;
}

.events5-featured-wrap .events5-featured .slick-dots li:only-child {
    display: none;
}

.events5-featured-wrap .events5-featured .slick-dots li button {
    display: block;
    outline: none;
    font-size: 0px;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height: 1;
    border-radius: 100%;
    cursor: pointer;
    border: 0;
}

.events5-featured-wrap .events5-featured .slick-dots li button:hover {
    opacity: .5;
}

.events5-featured-wrap .events5-featured .slick-track {
    display: flex; /*equal height fix*/
}

/*fix to mock the center of the carousel to match all section containers*/
.events5-featured-wrap .events5-featured .slick-list {
    padding: 0px 40px;/*container default margins*/
}

/*540*/
@media (min-width: 576px) {
	.events5-featured-wrap .events5-featured .slick-list {
		padding-left: 60px;
		padding-left: calc((100vw - 540px) / 2);
		padding-right: 60px;
		padding-right: calc((100vw - 540px) / 2);
	}
}

/*720*/
@media (min-width: 768px) {
	.events5-featured-wrap .events5-featured .slick-list {
		padding-left: 60px;
		padding-left: calc((100vw - 720px) / 2);
		padding-right: 60px;
		padding-right: calc((100vw - 720px) / 2);
	}
}

/*960*/
@media (min-width: 992px) {
	.events5-featured-wrap .events5-featured .slick-list {
		padding-left: 60px;
		padding-left: calc((100vw - 960px) / 2);
		padding-right: 60px;
		padding-right: calc((100vw - 960px) / 2);
	}
}

/*1320*/
@media (min-width: 1380px) {
	.events5-featured-wrap .events5-featured .slick-list {
		padding-left: 60px;
		padding-left: calc((100vw - 1320px) / 2);
		padding-right: 60px;
		padding-right: calc((100vw - 1320px) / 2);
	}
}

.events5-featured-wrap .events5-featured .slick-slide {
	opacity: .2;
	transition: .2s opacity 0s;
}

.events5-featured-wrap .events5-featured .slick-slide.slick-active {
	opacity: 1;
	transition: .4s opacity .3s;
}

.events5-featured-wrap .events5-featured .slick-prev {
    display: block;
    position: absolute;
    top: 0;
	left: 0px;
	height: 100%;
	width: 30px;
    transform: none;
	text-align: center;
	background: none;
}

.events5-featured-wrap .events5-featured .slick-next {
    display: block;
    position: absolute;
    top: 0;
	right: 0px;
	height: 100%;
	width: 30px;
    transform: none;
}

/*account for article margins...this needs to go full width of empty space + overlflow of non active articles*/
.events5-featured-wrap .events5-featured .slick-prev {
	width: 48px;
	text-align: left;
}

.events5-featured-wrap .events5-featured .slick-next {
	width: 48px;
	text-align: right;
}

@media (min-width: 576px) {
	.events5-featured-wrap .events5-featured .slick-prev,
	.events5-featured-wrap .events5-featured .slick-next {
		text-align: center;
		width: 60px;
		width: calc(((100vw - 576px) / 2) + 15px);
	}
}

/*720*/
@media (min-width: 768px) {
	.events5-featured-wrap .events5-featured .slick-prev,
	.events5-featured-wrap .events5-featured .slick-next {
		width: 60px;
		width: calc(((100vw - 720px) / 2) + 8px);
	}
}

/*960*/
@media (min-width: 992px) {
	.events5-featured-wrap .events5-featured .slick-prev,
	.events5-featured-wrap .events5-featured .slick-next {
		width: 60px;
		width: calc(((100vw - 960px) / 2) + 8px);
	}
}

/*1320*/
@media (min-width: 1380px) {
	.events5-featured-wrap .events5-featured .slick-prev,
	.events5-featured-wrap .events5-featured .slick-next {
		width: 60px;
		width: calc(((100vw - 1320px) / 2) + 8px);
	}
}

.events5-featured-wrap .events5-featured .slick-prev span,
.events5-featured-wrap .events5-featured .slick-next span {

}

.events5-featured-wrap .events5-featured article {
  position: relative;
  padding: 1rem;
  height: auto;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  margin: 0px 8px 8px 8px;
}

/* Hide this placeholder image, if the event has an image to show */
.events5-featured-wrap .events5-featured article .image > img + .default-image { display: none; }

.events5-featured-wrap .events5-featured article:focus { outline: 0; border: 0; }

.events5-featured-wrap .events5-featured article .info {
  padding-top: 1rem;
}

.events5-featured-wrap .events5-featured article .info .isallday { display: none; }

.events5-featured-wrap .events5-featured article .info a:focus { outline: 0; border: 0; }

.events5-featured-wrap .events5-featured article .info-static { display:  none; }

.events5-featured-wrap .events5-featured article .info p {
  line-height: 1.4;
}

@media (min-width: 768px) {
  .events5-featured-wrap .events5-featured article .info p.time {
    font-size: 1.25rem;
  }
}

.events5-featured-wrap .events5-featured article .info p.categories {
  font-size: .8125rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .events5-featured-wrap .events5-featured article .info p.categories {
    font-size: .9125rem;
  }
}

.events5-featured-wrap .events5-featured article .day-and-time { margin-bottom: 1rem; }

@media (min-width:992px) {
  .events5-featured-wrap .events5-featured article .day-and-time { margin-bottom: 2rem; }
}

/* Single Featured Article */

.events5-featured-wrap .events5-featured-static {
  position: relative;
  margin: 2rem 0;
  padding: 0;
}

.events5-featured-wrap .events5-featured-static article {
  width: 100%;
  display: flex;
  position: relative;
  padding: 1rem;
  height: auto;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  margin: 0;
  flex-wrap: wrap;
}

.events5-featured-wrap .events5-featured-static article .info {
  display: none;
}

.events5-featured-wrap .events5-featured-static article .info-static {
  order: 2;
  width: 100%;
  position: relative;
}

.events5-featured-wrap .events5-featured-static article .info-static .isallday { display: none; }

.events5-featured-wrap .events5-featured-static article .info-static p.desc {
  margin-bottom: 1rem;
}

.events5-featured-wrap .events5-featured-static article .info-static-inner {
  position: relative;
}

.events5-featured-wrap .events5-featured-static article .image {
  order: 1;
  width: 100%;
  margin-bottom: 1rem;
}

@media (min-width:992px) {
  .events5-featured-wrap .events5-featured-static article .info-static {
    order: 1;
    width: 42.5%;
    position: relative;
    margin-bottom: 0;
    box-sizing: border-box;
  }

  .events5-featured-wrap .events5-featured-static article .info-static-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 30px;
  }

  .events5-featured-wrap .events5-featured-static article .image {
    order: 2;
    width: 57.5%;
    margin-bottom: 0;
  }
}


.events5-featured-wrap .events5-featured-static article .info-static-inner > *:last-child,
.events5-featured-wrap .events5-featured-static article .info-static-inner > *:last-child  > *:last-child {
  margin-bottom:  0;
}

.events5-featured-wrap .events5-featured-static article .image > img + .default-image {
  display: none;
}

/*map view*/
.events5-map-controls {
  padding: 2rem 0;
  text-align: right;
}

@media (min-width: 768px) {
  .events5-map-controls a {
    font-size: 1.375rem;
  }
}

.events5-map-controls a .on {
  display: none;
}

.events5-map-controls a.on .on {
  display: block;
}

.events5-map-controls a.on .off {
  display: none;
}

#events5-map-wrap {
  display: none;
  margin-bottom: 2rem;
}

#events5-map {
  height: 240px;
  padding: 14px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
  #events5-map {
    height: 360px;
  }
}

#events5-map #events5_map {
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

#events5-map #events5_map .gm-style img {
  max-width: none !important;
}

#events5-map #events5_map img.infowindow-close {
  padding: 0px !important;
}

#events5-map #events5_map .infowindow:before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top-width: 12px;
  border-top-style: solid;
}

#events5-map #events5_map .infowindow .info {
  padding: 10px;
}

#events5-map #events5_map .infowindow a.link {
  display: block;
  font-size: 1rem;
  padding: .5rem;
  line-height: 1.3;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#events5-map #events5_map .infowindow a.link i {
  display: inline-block;
  margin-left: .25rem;
  font-size: .75rem;
}

/* main desktop and mobile views */
#events5-dt-results, #events5-mb-results {
  padding-bottom: 3rem;
}

#events5-dt-results {
  display: none;
  visibility: hidden;
  min-height: 300px;
}

#events5-dt-results.loading:after {
  background-position: center 50%;
}

#events5-dt-results.traditional-view.loading:after { background-position: center 20%; }

#events5-mb-results.loading:after {
  background-position: center calc(30% - 1rem);
}

#events5-mb-results {
  display: block;
  visibility: visible;
}

@media (min-width:992px) {
  #events5-dt-results {
    display: block;
    visibility: visible;
  }
  #events5-mb-results {
    display: none;
    visibility: hidden;
  }
}

/*detail view*/
.events5-detail-title {
  display: flex;
  margin-bottom: 1.5rem;
}

.events5-detail-title .events5-detail-title-heading {
  width: 100%;
  position: relative;
  flex-grow: 1;
}

.events5-detail-title .events5-detail-title-heading h2,
.events5-detail-title .events5-detail-title-heading h3,
.events5-detail-title .events5-detail-title-heading h4,
.events5-detail-title .events5-detail-title-heading h5,
.events5-detail-title .events5-detail-title-heading h6 {
  margin: 0;
}

.events5-detail-title .events5-map-controls {
  width: auto;
  position: relative;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0px;
  margin: 0px;
}

@media (min-width: 768px) {
  .events5-detail-title .events5-map-controls {
    font-size: 1.375rem;
  }
}

.events5-description > *:last-child { margin-bottom: 0; }

.events5-detail p.categories {
  line-height: 1.4;
  font-size: .8125rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .events5-detail p.categories {
    font-size: .9125rem;
  }
}

.events5-detail p.categories span {
  display: inline-block;
}

.events5-detail p.categories span:after {
  display: inline-block;
  content: "\00B7";
  margin: 0 .5rem;
}

.events5-detail p.categories span:last-child:after {
  display: none;
}

.events5-detail .events5-join-text {
  padding: .75rem;
  margin-top: 1.25rem;
}

.events5-detail-meta h5 {
  position: relative;
  font-size: 1.125rem;
  padding-left: 32px;
}

.events5-detail-meta h5 .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
}

.events5-detail-meta p {
  padding-left: 32px;
}

.events5-form-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9899;
  transition: .2s;
  overflow: hidden;
}

.events5-form-wrap .events5-form-inner {
  position: relative;
  width: 90%;
  height: 90%;
  max-width: 920px;
  margin: 0px auto;
  text-align: center;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
}

.events5-form-wrap .events5-form-top {
  position: absolute;
  right: 1.5rem;
  top: .5rem;
  z-index: 100;
}

.events5-form-wrap .events5-form-top a {
  font-size: 1.5rem;
}

.events5-form-wrap .events5-form {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.events5-form-wrap .events5-form form {
  margin: 0px !important;
}

/* Calendar and Pagination */

.e5-layout-pagination {
  text-align: center;
}

.e5-layout-pagination > a {
  font-size: 1.625rem;
  padding: 0 1rem;
  /* color: #001739; */
}

.e5-layout-pagination > a.off { opacity: 0.2; }

.e5-layout-pagination .heading {
  font-size: 2rem;
  font-weight: bold;
  padding: 0 .5rem;
  display: inline-block;
  min-width: 20rem; /* This needs to be set correctly for the month with the longest name: "September" */
}

#events5-dt-results .month-view { display: none; }

#events5-dt-results .split-container {
  display: flex;
  flex-wrap: nowrap;
}

#events5-dt-results .split-container .calendar-container {
  width: 66.777%;
}

#events5-dt-results .split-container .list-container {
  width: 33.333%;
}

#events5-dt-results table.calendar {
  width: 100%;
  margin:  0;
  padding:  0;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.1);
}

/* First row of table (the headings) needs a different box-shadow, to nullify table box-shadow */
#events5-dt-results table.calendar tbody > tr:first-of-type {
  box-shadow: -4px 0 3px #f4f4f4;
}

#events5-dt-results table.calendar th {
  font-size: 1rem;
  width: 14.285714286%;
  font-weight: normal;
  text-align: center;
  text-transform: none;
}

#events5-dt-results table.calendar td[class^="calendar-day"] {
  width: 14.285714286%;
  max-width: 14.285714286%;
  min-width: 14.285714286%;
  padding: 14.285714286% 0 0;
  position: relative;
  margin: 0;
  background-color: white;
  border-width: 1px;
  border-style: solid;
}

#events5-dt-results table.calendar td[class^="calendar-day"].has-events:hover {
  cursor: pointer;
}

#events5-dt-results table.calendar td[class^="calendar-day"].has-events.selected:hover {
  cursor: default;
}

#events5-dt-results table.calendar .day-number {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: transparent;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 1.375rem;
  font-weight: bold;
}

#events5-dt-results table.calendar td[class^="calendar-day"].has-events .day-number {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

#events5-dt-results table.calendar td[class^="calendar-day"].has-events:hover .day-number {
  opacity: 0.85;
}

#events5-dt-results table.calendar .event-detail-links {
  display: none;
}

#events5-dt-results .prev-list-day:not(.disabled):hover, #events5-dt-results .next-list-day:not(.disabled):hover {
  cursor: pointer;
}

#events5-dt-results .list-container {
  padding: 0;
  position: relative;
}

#events5-dt-results .list-container .list-heading {
  font-weight: bold;
  text-align: center;
  margin: 0;
  line-height: 57px;
}

#events5-dt-results .list-container .list-heading span {
  font-size: 1.25rem;
  padding: 0 .5rem;
  display: inline-block;
}

#events5-dt-results .month-view[class*="-05"] .list-container .list-heading span.day-date {
  min-width: 17rem;
}

#events5-dt-results .month-view[class*="-04"] .list-container .list-heading span.day-date,
#events5-dt-results .month-view[class*="-06"] .list-container .list-heading span.day-date,
#events5-dt-results .month-view[class*="-07"] .list-container .list-heading span.day-date {
  min-width: 18rem;
}

#events5-dt-results .month-view[class*="-03"] .list-container .list-heading span.day-date {
  min-width: 19rem;
}

#events5-dt-results .month-view[class*="-08"] .list-container .list-heading span.day-date {
  min-width: 19rem;
}

#events5-dt-results .month-view[class*="-01"] .list-container .list-heading span.day-date,
#events5-dt-results .month-view[class*="-10"] .list-container .list-heading span.day-date {
  min-width: 20rem;
}

#events5-dt-results .month-view[class*="-02"] .list-container .list-heading span.day-date,
#events5-dt-results .month-view[class*="-11"] .list-container .list-heading span.day-date,
#events5-dt-results .month-view[class*="-12"] .list-container .list-heading span.day-date {
  min-width: 21rem;
}

#events5-dt-results .month-view[class*="-09"] .list-container .list-heading span.day-date {
  min-width: 22rem;
}

#events5-dt-results .list-container .list-heading span[class*="-list-day"] {
  vertical-align: -2px;
}

#events5-dt-results .list-container .list-heading span[class*="-list-day"].disabled { opacity: 0.35; }

#events5-dt-results .list-container .list-inner {
  padding: 0;
  position: absolute;
  top: 57px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

#events5-dt-results .list-container .list-inner .events-for-day {
  margin: 0;
  height: 100%;
  padding: 2rem;
  overflow-y: auto;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  z-index: 0;
}

#events5-dt-results .list-container .list-inner .events-for-day li { margin-bottom: 0; }

#events5-dt-results .list-container .list-inner .events-for-day li:last-child > p { margin-bottom: 0; }

/* Desktop Hybrid View */

#events5-dt-results .hybrid-container {
  display: flex;
  flex-wrap: nowrap;
}

#events5-dt-results .hybrid-container .calendar-container {
  width: 100%;
  transition: width .3s ease-in-out;
  -moz-transition: width .3s ease-in-out;
  -webkit-transition: width .3s ease-in-out;
}

#events5-dt-results .hybrid-container.show-list .calendar-container {
  width: 66.777%;
}

#events5-dt-results .hybrid-container .list-container {
  width: 0;
  transition: width .3s ease-in-out;
  -moz-transition: width .3s ease-in-out;
  -webkit-transition: width .3s ease-in-out;
  height: auto;
}

#events5-dt-results .hybrid-container .list-container .list-heading {
  display: none;
}

#events5-dt-results .hybrid-container.show-list .list-container {
  width: 33.3333%;
}

#events5-dt-results .hybrid-container.show-list .list-container .list-heading {
  display: block;
}

#events5-dt-results .hybrid-container .list-container .list-inner .close-list-window {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  font-size: 1.5rem;
  z-index: 1;
}

/* Desktop Traditional View (user chooses between calendar and list views) */

#events5-dt-results { position: relative; }

/* Note: this complicated "right" property provides alignment with the edge of the site .container */
#events5-dt-results .view-options { width: 185px; position: absolute; top: 2.25rem; right: calc(50% - 660px + 15px); margin: 0; padding: 0; }

#events5-dt-results .view-options li { display: inline-block; padding: 0 .5rem; }

#events5-dt-results .view-options li a.active:hover { cursor: default; }

#events5-dt-results .results-remove.traditional-view { max-width: calc(100% - 200px); }

#e5-traditional-view .calendar-container,
#e5-traditional-view .list-container {
  width: 100%;
  display: block;
}

#e5-traditional-view .list-container {
  display: none;
}

#e5-traditional-view.show-list .list-container {
  display: block;
}

#e5-traditional-view.show-list .calendar-container {
  display: none;
}

#e5-traditional-view table.calendar td.calendar-day { vertical-align: top; }

#e5-traditional-view table.calendar td.calendar-day.has-events {
  padding: 3.5rem 1rem 1rem;
}

#e5-traditional-view table.calendar td.calendar-day.has-events:hover {
  cursor: default;
}

#e5-traditional-view table.calendar td.calendar-day.has-events .day-number {
  background-color: transparent;
}

#e5-traditional-view .calendar-container .calendar-day .event-detail-links { display: block; }

#e5-traditional-view .calendar-container .calendar-day .event-detail-links li { font-size: 1rem; }

#e5-traditional-view .calendar-container .calendar-day .event-detail-links li:last-child { margin-bottom: 0; }

/* Traditional View - List Option */

#e5-traditional-view .list-container .e5-list-item-group {
  display: flex;
  transition-delay: 300ms;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transform: scaleY(1.0);
  transform-origin: center top;
  visibility: visible;
  max-height: 100%;
}

#e5-traditional-view .list-container .e5-list-item-group .month-day > p {
  background-color: #f4f4f4;
  padding: .25rem 1rem;
  border-radius: 2rem;
  text-transform: uppercase;
}

#e5-traditional-view .list-container .e5-list-item-group.lazy-load.hidden {
  transform: scaleY(0.0);
  visibility: hidden;
  max-height: 0;
}

#e5-traditional-view .list-container .loading-gizmo { margin: 1rem; }

/* Don't show the loading gizmo below rows that are hidden */
#e5-traditional-view .list-container .e5-list-item-group.lazy-load.hidden + .loading-gizmo { display: none; }

.e5-list-item-group {
  padding: 0;
}

.e5-list-item-group:last-of-type { margin-bottom: -2rem; }

.e5-list-item-group article {
  height: 100%;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

.e5-list-item-group article .info {
  padding: .75rem 1rem;
  display: flex;
}

.e5-list-item-group article .info .info-meta {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.e5-list-item-group article .info .info-meta h5 .icon {
  display: inline-block;
  margin-left: .5rem;
}

.e5-list-item-group article .info .info-meta p {
  line-height: 1.4;
}


.e5-list-item-group article .info .info-meta p.time,
.e5-list-item-group article .info .info-meta p.location {
  font-size: 1.25rem;
}

.e5-list-item-group article .info .info-meta p.time strong,
.e5-list-item-group article .info .info-meta p.location strong {
  font-weight: 700;
}


.e5-list-item-group article .info .info-meta p.categories {
  font-size: .8125rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .e5-list-item-group article .info .info-meta p.categories {
    font-size: .9125rem;
  }
}

.e5-list-item-group article .info .info-meta p span {
  display: inline-block;
}

.e5-list-item-group article .info .info-meta p span:after {
  display: inline-block;
  content: "\00B7";
  margin: 0 .5rem;
}

.e5-list-item-group article .info .info-meta p span:last-child:after {
  display: none;
}

/* MOBILE SPLIT VIEW */

#events5-mb-results .month-view { display: none; }

#events5-mb-results .split-container {
  display: block;
}

#events5-mb-results .split-container .calendar-container {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.1);
}

#events5-mb-results .split-container .list-container {
  width: 100%;
}

#events5-mb-results .e5-layout-pagination { position: relative; }

#events5-mb-results .e5-layout-pagination a { position: absolute; padding: 0; top: 50%; line-height: 1; transform: translateY(-50%); width: 2rem;}

#events5-mb-results .e5-layout-pagination a.previous { left: 0;  }

#events5-mb-results .e5-layout-pagination a.next { right: 0;  }

#events5-mb-results .e5-layout-pagination .heading { padding: 0 1rem; }

#events5-mb-results table.calendar {
  width: 100%;
  margin:  0;
  padding:  0;
}

#events5-mb-results table.calendar th {
  font-size: 1rem;
  width: 14.285714286%;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  padding: 1rem 0 0;
}

#events5-mb-results table.calendar td[class^="calendar-day"] {
  width: 14.285714286%;
  max-width: 14.285714286%;
  min-width: 14.285714286%;
  padding: 14.285714286% 0 0;
  position: relative;
  margin: 0;
  border: none;
}

#events5-mb-results table.calendar td[class^="calendar-day"].has-events:hover {
  cursor: pointer;
}


#events5-mb-results table.calendar td[class^="calendar-day"].has-events.selected:hover {
  cursor: default;
}

#events5-mb-results table.calendar .day-number {
  position: absolute;
  top: 12.5%;
  left: 50%;
  background-color: transparent;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 1.375rem;
  font-weight: bold;
  transform: translateX(-50%);
}

@media (min-width:768px) {
  #events5-mb-results table.calendar .day-number { top: 20%; }
}

#events5-mb-results table.calendar td[class^="calendar-day"].selected .day-number {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

#events5-mb-results table.calendar .event-detail-links {
  display: none;
}

#events5-mb-results .list-container {
  padding: 0;
  position: relative;
}

#events5-mb-results .list-container .list-heading {
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding-left: 1rem;
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  height: 60px;
}

#events5-mb-results .list-container .list-heading span {
  font-size: 1.25rem;
  padding: 0 .5rem;
  display: inline-block;
}

#events5-mb-results .month-view .list-container .list-heading span.day-date {
  width: calc(100% - 5.5rem);
  padding: 0;
  line-height: 64px;
}

#events5-mb-results .list-container .list-heading span[class*="-list-day"] {
  font-size: 2.75rem;
  line-height: 58px;
}

#events5-mb-results .list-container .list-heading span.prev-list-day { padding: 0 .75rem 0 .5rem; }

#events5-mb-results .list-container .list-heading span.next-list-day { padding: 0 1rem 0; }

#events5-mb-results .list-container .list-heading span[class*="-list-day"].disabled { opacity: 0.35; }

#events5-mb-results .list-container .list-inner {
  padding: 0;
}

#events5-mb-results .list-container .list-inner .events-for-day {
  margin: 0;
  width: 100%;
  height: calc(1.5rem + 4.2*74px) ; /* This shows 4 items and a fraction of the next (helps iOS users to know if more events available!) */
  padding: 1.5rem 1.25rem;
  overflow-y: auto;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  z-index: 0;
}

@media (min-width:576px) {
  #events5-mb-results .list-container .list-inner .events-for-day {
    /* shows 5 events */
    height: calc( 1.5rem + (5.2*74px) );
  }
}

@media (min-width:768px) {
  #events5-mb-results .list-container .list-inner .events-for-day {
    /* shows 6 events */
    height: calc( 1.5rem + (6.2*74px) );
  }
}

#events5-mb-results .list-container .list-inner .events-for-day li { margin-bottom: 1rem; }

#events5-mb-results .list-container .list-inner .events-for-day li > p { margin-bottom: 0; }

#events5-mb-results .list-container .list-inner .events-for-day li:last-child { margin-bottom: 0; }

#events5-mb-results .list-container .list-inner .events-for-day::-webkit-scrollbar {
  width: .75rem;
}

#events5-mb-results .list-container .list-inner .events-for-day::scrollbar {
  width: .75rem;
}

#events5-mb-results .list-container .list-inner .events-for-day::-webkit-scrollbar-track {
  background: #78808c;
}

#events5-mb-results .list-container .list-inner .events-for-day::scrollbar-track {
  background: #78808c;
}

/* MOBILE LIST VIEW */

#events5-mb-results.list-view.loading:after {
  background-position: center 4rem;
}

#e5-mobile-list-view .list-container {
  width: 100%;
  display: block;
}

#e5-mobile-list-view .list-container .e5-list-item-group {
  display: flex;
  transition-delay: 800ms;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transform: scaleY(1.0);
  transform-origin: center top;
  visibility: visible;
  max-height: 100%;
}

#e5-mobile-list-view .list-container .e5-list-item-group.lazy-load.hidden {
  transform: scaleY(0.0);
  visibility: hidden;
  max-height: 0;
}

#e5-mobile-list-view .list-container .loading-gizmo { margin: 0 1rem 1rem; text-align: center; }

#e5-mobile-list-view .list-container .loading-gizmo img { width: 3rem; }

/* Don't show the loading gizmo below rows that are hidden */
#e5-mobile-list-view .list-container .e5-list-item-group.lazy-load.hidden + .loading-gizmo { display: none; }

#e5-mobile-list-view article {
  padding: .75rem 1rem;
}

#e5-mobile-list-view article .info-top { display: flex; }

#e5-mobile-list-view article .info-top .info-meta {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

#e5-mobile-list-view article .info-top .info-meta p span { font-size: 1rem; }

#e5-mobile-list-view article .info-top .month-day p {
  border-radius: 12px;
  padding: .25rem .5rem;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

#e5-mobile-list-view article .info-top .info-meta p.categories {
  font-size: .8125rem;
}

@media (min-width: 768px) {
  #e5-mobile-list-view article .info-top .info-meta p.categories {
    font-size: .9125rem;
  }
}

#e5-mobile-list-view article .info-top .info-meta p span {
  display: inline-block;
}

#e5-mobile-list-view article .info-top .info-meta p span:after {
  display: inline-block;
  content: "\00B7";
  margin: 0 .25rem;
}

#e5-mobile-list-view article .info-top .info-meta p span:last-child:after {
  display: none;
}

/* Childcare Icon */
#e5-mobile-list-view article .info-bottom h5 .icon {
  display: inline;
  margin-left: .375rem;
  font-size: .875em;
}

#e5-mobile-list-view article .info-bottom  p.time strong,
#e5-mobile-list-view article .info-bottom p.location strong {
  font-weight: 700;
}