@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap");

:root {
  --font-family-body: "Roboto",
    sans-serif;
  --font-family-heading: "Oswald",
    sans-serif;
}

/* HERO SPACE */

.hero {
  min-height: fit-content;
  width: 97%;
}

.hero .wrapper {
  margin-bottom: 4em;
  margin-top: 5em;
}

.hero .wrapper [data-action="event-search"] {
  border: 1px solid #2b2b2b;
  box-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  background-color: var(--white);
}

.hero .wrapper [data-action="event-search"] input[type="search"] {
  padding: 4px 8px;
  font-size: 14px;
  border: none;
  box-shadow: none;
  border-radius: 3px 0 0 3px;
  font-family: var(--font-family-body);
  text-transform: none;
  font-weight: 400;
  color: var(--black);
  background-color: var(--white);
}

.hero .wrapper [data-action="event-search"] button,
.hero .wrapper [data-action="event-search"] [type="submit"] {
  padding: 4px 8px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border-radius: 0 3px 3px 0;
  background-color: var(--white);
  color: var(--black);
}

.hero img {
  display: none;
}

.hero:after {
  display: none;
}

.hero-text h1 {
  display: none;
}

.hero-text p {
  display: none;
}

.export-controls>a {
  color: #111111;
  font-size: 1em;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

.export-controls>a:hover {
  color: #B70000;
}


@media only screen and (max-width: 60em) {
  .hero .wrapper {
    margin-bottom: 0em;
    margin-right: 0;
    margin-left: 0;
  }

  .export-controls {
    display: none;
  }
}

/* FEAUTURED EVENTS */

.featured-event-outer {
  border: 1px solid #111111;
}

.featured-event-outer>h3 {
  font-size: 1.25em;
}

.featured-event-outer .featured-event-wrapper .featured-events {
  margin-bottom: 0em;
}



/* CONTROLS */

.controls {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

#filter-by-type {
  display: none;
}



.controls .mobile-filter {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

.controls .page-title {
  font-size: 1.313em;
  color: #B70000;
}

.dropdown-trigger {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

.dropdown a.dropdown-item {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: 100;
  text-transform: none;
}

.dropdown.is-open .dropdown-trigger {
  background: #B70000;
}

.mc-calendar--inline,
.dropdown-menu {
  border-color: #B70000;
}

.controls .dropdown-trigger {
  font-weight: 300;
}

.controls .link {
  font-weight: 300;
}

.controls .mobile-filter-close {
  color: #333333;
  font-weight: 300;
}

.controls .mobile-filter-close button {
  color: #333333;
}

.controls .mobile-filter-actions button.clear {
  color: #111111;
  background: transparent;
  border: 1px solid #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

.controls .mobile-filter-actions button.apply {
  color: #111111;
  background: transparent;
  border: 1px solid #111111;
  margin-bottom: 1em;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}


/* FEATURED EVENT SLIDER */
.featured-event-outer .featured-event-wrapper .featured-events .featured-event-title {
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 400;
}

.featured-event-outer .featured-event-wrapper .featured-events .featured-event .date {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: 100;
  text-transform: none;
  padding-bottom: 1em;
}

/* PDH commented out 9/12/2022, it caused problems with slider buttons/scrolling */
/*.featured-event-outer .featured-event-wrapper .featured-events li
					{ width: 33%; padding: 0.35em 0.35em }*/

.featured-event-outer>h3 {
  font-family: var(--font-family-body);
  font-weight: 100;
}


/* EVENT LISTING */

.event-list {
  background: transparent;
  border: 1px solid #111111;
  margin-bottom: 1.5em;
}

.event-list-left {
  background-color: #B70000;
}

.event-wrapper {
  color: #111111;
  font-family: var(--font-family-body);
  font-weight: 500;
}

.event-label {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.event-list-title {
  color: #111111;
  font-family: var(--font-family-body);
  font-weight: normal;
  text-transform: none;
}

.event-list-title a:hover {
  color: #000;
  text-decoration: none;
}

.event-list .date,
.event-list .location,
.event-list .tickets {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: normal;
}

.virtual-event-link button {
  color: #333333;
}


/* DATE PICKER */

.mc-picker__body {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.mc-calendar--inline .mc-picker__header {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: 100;
}

.mc-table__weekday {
  color: #B70000;
}

.mc-picker__footer {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

#mc-btn__clear {
  text-transform: uppercase;
  color: #B70000;
}

#mc-btn__cancel {
  text-transform: uppercase;
  color: #333333;
}

#mc-btn__ok {
  text-transform: uppercase;
  color: #111111;
}

.mc-date--active.mc-date--picked {
  background-color: #333333;
}

.fc-theme-standard .fc-toolbar-title,
.mc-picker__body .mc-table__weekday,
.mc-picker__footer .mc-btn--success {
  color: #B70000;
}

.fc .fc-button-primary:hover,
.fc-theme-standard .fc-day-today a.fc-daygrid-day-number,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  background-color: #B70000;
}



/* LOAD MORE WRAPPER */

.load-more-events-wrapper {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

.load-more-events {
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.load-more-events-wrapper .load-more-events {
  border-color: #000;
}

.load-more-events-wrapper .load-more-events:hover {
  background-color: #B70000;
}

/* CALENDAR VIEW */
.fc-theme-standard .fc-toolbar-title {
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.fc .fc-button-group {
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.fc-col-header {
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.fc-day {
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: 100;
  text-transform: none;
}



/* EVENT PAGE */

#event-detail-page .hero {
  background: #111111;
}

#event-detail-page .hero .link,
#event-detail-page .hero .mobile-filter,
#event-detail-page .hero .page-title {
  color: #ffffff;
}

#event-detail-page .hero .dropdown-trigger {
  color: #111111;
}

#event-detail-page .hero .page-title {
  display: initial;
}

.sidebar .details {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: 100;
}

.sidebar .details {
  font-size: 1.12em;
}


#event-ical-download {
  color: #B70000;
  font-size: 16px;
}

#event-ical-download:hover {
  color: #000;
}

.sidebar .sidebar-background {
  background: transparent;
  border: 1px solid #111111;
}

@media only screen and (max-width: 60em) {
  .sidebar .sidebar-background {
    border: none;
  }

  .sidebar .details .location,
  .sidebar .details .organizer,
  .sidebar .details .date,
  .sidebar .virtual-event-link-wrapper {
    padding: 1em 0em 1em 0em;
  }
}

.sidebar .virtual-event-link-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
  border-top: none;
}

.sidebar .virtual-event-link-wrapper a {
  font-family: var(--font-family-body);
  font-weight: 500;
  background-color: transparent;
  color: #111111;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #111111;
  padding: 0.5em;
}

.sidebar .virtual-event-link-wrapper a:hover {
  background-color: #111111;
  color: #ffffff;
}

.sidebar .virtual-event-link-wrapper .virtual-event-link button {
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 500;
}

.event-detail .event-title {
  color: #111111;
  font-family: var(--font-family-heading);
  text-transform: uppercase;
  font-weight: 500;
}

.event-detail .sponsored-by {
  color: #333333;
  font-family: var(--font-family-body);
  font-weight: 100;
  margin: 0.7em 0 1em;
}

.event-detail .event-description {
  color: #111111;
  font-family: var(--font-family-body);
  border-top: none;
  border-bottom: none;
  margin-bottom: 1em;
}

.event-detail .related {
  border-bottom: none;
  color: #111111;
  font-family: var(--font-family-body);
  text-transform: uppercase;
  font-weight: 300;
}

.event-list-title a {
  font-family: var(--font-family-heading);
  color: #B70000;
  text-decoration: underline;
  font-weight: bold;
}

.controls .mobile-filter-actions button.apply {
  color: #111111;
  background: transparent;
  border: 1px solid #111111;
}

@media only screen and (max-width: 60em) {
  .event-detail .main-content-area .event-thumb {
    display: none;
  }
}

/* <PDH> Fix for horizontal scroll */
div.mc-calendar {
  left: auto;
}

/* </PDH> Fix for horizontal scroll */


/* <PDH> Hide filters on single event detail page */
#event-detail-page .controls .filter-group,
#event-detail-page .hero .mobile-filter {
  display: none;
}

/* </PDH> Hide filters on single event detail page */


/* <PDH> Add left margin to single event detail title on mobile */
@media screen and (max-width: 960px) {
  #event-detail-page .hero .page-title {
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* </PDH> Add left margin to single event detail title on mobile */


/* <PDH> Single event related tag spacing */
.wrapper .related .tag {
  margin-bottom: 0.7em;
}

/* </PDH> Single event related tag spacing */


/* <PDH> Description links red */
.wrapper .event-description a {
  color: #B70000;
}

/* </PDH> Description links red */


/* <PDH> Virtual event link button wrapping fix */
.sidebar .virtual-event-link-wrapper a {
  padding: 0;
  border: none;
  color: #B70000;
  text-decoration: underline;
}

.sidebar .virtual-event-link-wrapper a:hover {
  background-color: transparent;
  color: #CC0000;
}

/* </PDH> Virtual event link button wrapping fix */

.fc-daygrid-event-dot {
  border-color: #CC0000;
}

.fc-v-event {
  background-color: #B70000;
  border-color: #B70000;
}