/* 
 *
 * The top search bar.
 */

.em.em-search,
.em.em-search-advanced,
.em .em-search-advanced {
  margin: 2rem 0;
}

.em.em-list .em-item .em-item-image img {
  height: 100% !important;
}

.em.em-search .em-search-main.em-search-main-bar,
.em.em-search-advanced .em-search-main.em-search-main-bar,
.em .em-search-advanced .em-search-main.em-search-main-bar {
  border-radius: 1.25rem !important;
}
#events .em.em-search.size-small {
  padding: 0 !important;
}
/* the search button*/
#events
  .em.em-search
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button,
.em.em-search-advanced
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button,
.em
  .em-search-advanced
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button {
  margin: 0 !important;
  color: var(--e-global-color-secondary) !important;
  background-image: linear-gradient(
    72deg,
    #105f86 5.64%,
    #135d87 18.06%,
    #1f588d 29.59%,
    #325197 40.24%,
    #4d46a5 51.77%,
    #7038b6 62.42%,
    #9b27cc 73.96%,
    #cc13e5 84.6%,
    #f0f 94.36%
  );
  position: relative;
  z-index: 1;
  font-family: "Montserrat" !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 1rem 1rem 1rem 1rem !important;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
  display: flex;
  justify-content: center;
  border: none !important;
  line-height: unset !important;
  height: unset !important;
  font-size: var(--e-global-typography-3aba570-font-size) !important;
  font-weight: var(--e-global-typography-3aba570-font-weight) !important;
  text-transform: var(--e-global-typography-3aba570-text-transform) !important;
  line-height: var(--e-global-typography-3aba570-line-height) !important;
  letter-spacing: var(--e-global-typography-3aba570-letter-spacing) !important;
  word-spacing: var(--e-global-typography-3aba570-word-spacing) !important;
}

/* before */
#events
  .em.em-search
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button::before,
.em.em-search-advanced
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button::before,
.em
  .em-search-advanced
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button::before {
  border-radius: 1rem;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s linear;
  opacity: 0;
  background-image: linear-gradient(
    273deg,
    #105f86 -51.12%,
    #135d87 -31.89%,
    #1f588d -14.04%,
    #325197 2.44%,
    #4d46a5 20.29%,
    #7038b6 36.77%,
    #9b27cc 54.63%,
    #cc13e5 71.1%,
    #f0f 86.21%
  );
}

/* hover*/
#events
  .em.em-search
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button:hover::before,
.em.em-search-advanced
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button:hover::before,
.em
  .em-search-advanced
  .em-search-main.em-search-main-bar
  > .em-search-submit
  button:hover::before {
  opacity: 1;
}

/* The toggles */
#events
  .em.em-search
  .em-search-views
  .em-search-views-trigger
  .em-search-view-option,
.em.em-search-advanced
  .em-search-views
  .em-search-views-trigger
  .em-search-view-option,
.em
  .em-search-advanced
  .em-search-views
  .em-search-views-trigger
  .em-search-view-option,
#events .em.em-search .em-search-sort .em-search-sort-option,
.em.em-search-advanced .em-search-sort .em-search-sort-option,
.em .em-search-advanced .em-search-sort .em-search-sort-option,
#events .em button.em-clickable.em-search-advanced-trigger {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* The Grid */

/* Card */
#events .em.em-list.em-grid > div.em-item {
  border-radius: 1rem;
  background: #f5f5f5;
}

#events .em.em-list.em-grid .em-item {
  padding: 0 !important;
}

.em.em-list .em-item .em-item-image img {
  border-radius: 1rem !important;
  display: block;
  padding: 0 !important;
}

.em.em-list.em-grid .em-item .em-item-image img {
  border-radius: 0 !important;
}

.em.em-list .em-item .em-item-info {
  border-left: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.em.em-list .em-item .em-item-info .em-item-meta > div {
  flex: unset;
}

#events .em.em-list.em-grid .em-item .em-item-image-wrapper {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

#events .em.em-list.em-grid > div.em-item .em-item-info {
  padding: 1rem !important;
  border-top: none !important;
}

#events .em.em-list.em-grid > div.em-item .em-item-info {
  padding: 0;
  margin: 0;
}

#events .em-events-list-grouped .em.pixelbones h2 {
  margin: 0 !important;
  line-height: 1.25 !important;
  margin-top: 1rem !important;
  font-weight: 700 !important;
}

#events .em.em-list.em-grid > div.em-item .em-item-info .em-item-title a {
  margin: 0 !important;
  color: #3e3e3e !important;
  font-family: "Montserrat" !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
  margin: 0 !important;
  display: block !important;
  line-height: 1 !important;
}

/** THE LIST **/

#events .em.em-list {
  grid-gap: 2rem;
}

#events .em.em-list .em-item {
  padding: 1rem !important;
  border-radius: 0.9375rem !important;
  background: var(--Box, #f5f5f5) !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.em.em-list .em-item .em-item-info .em-item-meta {
  margin-bottom: 0 !important;
  padding-bottom: 1rem !important;
}

.em.em-list .em-item .em-item-info h3.em-item-title {
  margin: 0 !important;
  padding: 1rem 0 !important;
  padding-top: 0 !important;
  line-height: 1 !important;
}

.em.em-list.em-grid > div.em-item .em-item-info .em-item-meta > div {
  align-items: center;
}

#events .em.em-list.em-grid {
  grid-template-columns: 1fr 1fr 1fr !important;
  grid-gap: 1.25rem !important;
}

.em.em-list.em-grid > div.em-item .em-item-info .em-item-title {
  margin: 0 !important;
  padding: 1rem 0 !important;
  padding-top: 0 !important;
}

.em.em-list.size-small .em-item .em-item-info,
.em.em-list.em-grid .em-item .em-item-info {
  padding: 0 !important;
}

#events .em.em-list .em-item .em-item-info .em-item-meta {
  flex-direction: column !important;
}

#events .em.em-list .em-item .em-item-info .em-item-desc {
  margin: 0 !important;
  padding-bottom: 1rem !important;
}

.em.em-list.em-grid
  > div.em-item
  .em-item-info
  .em-item-meta
  .em-item-meta-line
  #events
  .em.em-list
  .em-item
  .em-item-info
  .em-item-meta {
  margin-bottom: 0 !important;
  padding-bottom: 1rem !important;
}
.em.em-list.size-small .em-item .em-item-info .em-item-meta,
.em.em-list.em-grid .em-item .em-item-info .em-item-meta {
  margin-bottom: 0 !important;
}

.em.em-list .em-item .em-item-info h3.em-item-title a {
  color: var(--a-color-1);
  text-decoration: none;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--Copy, #3e3e3e) !important;
}

.em.em-list .em-item .em-item-info h3.em-item-title a:hover,
.em.em-list .em-item .em-item-info h3.em-item-title a:focus {
  color: #000 !important;
  transition: 0.3s all linear;
}

.em.em-list
  .em-item
  .em-item-info
  h3.em-item-title
  a:hover
  .em.em-list
  .em-item,
.em.em-list
  .em-item
  .em-item-info
  h3.em-item-title
  a:focus
  .em.em-list
  .em-item {
  transform: scale(1.01) !important;
}

/* more info button */
#events .em.em-list .em-item .em-item-info .button {
  position: relative;
  border: none !important;
  color: var(--e-global-color-secondary) !important;
  background-image: linear-gradient(
    72deg,
    #105f86 5.64%,
    #135d87 18.06%,
    #1f588d 29.59%,
    #325197 40.24%,
    #4d46a5 51.77%,
    #7038b6 62.42%,
    #9b27cc 73.96%,
    #cc13e5 84.6%,
    #f0f 94.36%
  ) !important;
  z-index: 1 !important;
  font-size: var(--e-global-typography-3aba570-font-size) !important;
  font-weight: var(--e-global-typography-3aba570-font-weight) !important;
  text-transform: var(--e-global-typography-3aba570-text-transform) !important;
  line-height: var(--e-global-typography-3aba570-line-height) !important;
  letter-spacing: var(--e-global-typography-3aba570-letter-spacing) !important;
  word-spacing: var(--e-global-typography-3aba570-word-spacing) !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
  border-radius: 1rem 1rem 1rem 1rem !important;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
  display: flex;
  width: fit-content;
  align-items: center;
}

/* btn hover */
#events .em.em-list .em-item .em-item-info .button::before {
  border-radius: 1rem;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s linear;
  opacity: 0;
  background-image: linear-gradient(
    273deg,
    #105f86 -51.12%,
    #135d87 -31.89%,
    #1f588d -14.04%,
    #325197 2.44%,
    #4d46a5 20.29%,
    #7038b6 36.77%,
    #9b27cc 54.63%,
    #cc13e5 71.1%,
    #f0f 86.21%
  );
}

#events .em.em-list .em-item .em-item-info .button:hover::before,
#events .em.em-list .em-item .em-item-info .button:focus-within::before {
  opacity: 1;
}

#events .em.em-view-container {
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: 0 !important;
}
/** THE CALENDAR **/

/* the head*/
#events .em.em-calendar .em-cal-head > div {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
  padding: 1rem 0 !important;
  font-weight: 700 !important;
  font-family: "Montserrat" !important;
}

/* today */
.em.em-calendar.size-small
  .em-cal-body
  .em-cal-day.eventful-today
  .em-cal-day-date
  a,
.em.em-calendar.size-small
  .em-cal-body
  .em-cal-day.eventless-today
  .em-cal-day-date
  a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  line-height: 1;
  justify-content: center;
  background: #4279bd !important;
}

.em.em-item .em-item-meta .em-item-meta-line:last-child,
.em.em-list .em-item .em-item-meta .em-item-meta-line:last-child,
.em.em-list-widget .em-item .em-item-meta .em-item-meta-line:last-child {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 1150px) {
  #events .em.em-list.em-grid {
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 1rem !important;
  }

  #events .em.em-list.em-grid .em-item {
    max-width: unset !important;
  }
}

@media only screen and (max-width: 650px) {
  #events .em.em-list .em-item .em-item-info h3.em-item-title {
    padding-top: 1rem !important;
  }
  #events .em.em-list .em-item .em-item-info h3.em-item-title a {
    font-size: 1.5rem;
  }

  #events .em.em-list {
    grid-gap: 1rem !important;
  }

  #events .em.em-list.size-small .em-item .em-item-info .em-item-meta > div,
  .em.em-list.em-grid .em-item .em-item-info .em-item-meta > div {
    font-size: 0.75rem !important;
  }

  #events .em.em-list.em-grid {
    grid-template-columns: 1fr !important;
    grid-gap: 1rem !important;
  }

  #events .em.em-search,
  .em.em-search-advanced,
  .em .em-search-advanced {
    margin: 1rem 0 !important;
  }
}

#events .em.em-list.em-grid > div.em-item:hover,
#events
  .em.em-list.em-grid
  > div.em-item:focus
  #events
  .em.em-list
  .em-item:hover,
#events .em.em-list .em-item:focus {
  transform: scale(1.01);
  transition: all 0.3s;
}
