/* Variables */
:root {
  --tec-font-family-sans-serif:  'Montserrat' !important;
  --tec-color-text-primary: #3d3b3b !important;
  --tec-color-background-secondary: #C4C4C4 !important;
  --tec-color-text-disabled: #C4C4C4 !important;
  --tec-border-radius-default: 6px !important;
  --tec-font-size-0: 12px !important;
  --tec-font-size-8: 24px !important;
  --tec-font-weight-regular: 500 !important;
  --tec-font-size-4: 16px !important;
}

/* Page */
body.tribe-events-page-template .wrapper {
  padding: 0 !important;
}

body.tribe-events-page-template header.header-main {
  margin: 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-top: 40px;
}

/* Header */

h1.td-events-list-header {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  color: #fff !important;
  background-color: #3d3b3b;
  background-image: url('https://photos.thedyrt.com/magazine/EventsHeader.png?crop=600,160&format=auto');
  background-size: cover;
  background-position: center;
  font-size: 24px !important;
  line-height: 34px !important;

  @media (min-width: 600px) {
    background-image: url('https://photos.thedyrt.com/magazine/EventsHeader.png?format=auto');
    font-size: 36px !important;
    line-height: 40px !important;
  }
}

/* Top bar */

.tribe-events-c-search__input-control-icon-svg {
  fill: var(--tec-color-text-primary);
  height: 24px !important;
  width: 24px !important;
}

.tribe-events-c-events-bar--border,
.tribe-events-c-events-bar__search-container,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
  border-radius: 12px;
}

.tribe-common-form-control-text__input.tribe-events-c-search__input:focus {
  outline: none;
}

.tribe-events button.tribe-events-c-top-bar__datepicker-button {
  font-weight: 700 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button, 
.tribe-events .tribe-events-c-top-bar__today-button {
  display: none !important;
  visibility: hidden !important;
}

.tribe-common--breakpoint-medium.tribe-common #tribe-events-events-bar-keyword {
  font-size: 16px !important;
  margin-left: 12px;
}

#tribe-events-events-bar-search > form > button,
#tribe-events-view-selector-content .tribe-events-c-view-selector__list-item-text {
  font-size: 16px;
}

/* Datepicker */

.datepicker .datepicker-days {
	margin-top: 16px;
}

.datepicker .datepicker-days .prev svg, 
.datepicker .datepicker-days .next svg {
	display: none;
}
.datepicker th.dow {
	height: 40px;
	border-bottom: 1px solid #C4C4C4;
}
.datepicker th.datepicker-switch, 
.datepicker th.dow, 
.datepicker .day,
.datepicker .month,
.datepicker .year {
	text-align: center;
}

.datepicker.dropdown-menu .prev:after, 
.datepicker.dropdown-menu .next:after {
	position: relative !important; 
	top: -8px;
	text-align: center;
}

.datepicker.dropdown-menu .next {
	right: -16px;
}

/* Event list */

.tribe-events-calendar-list__month-separator-text {
  font-family: 'Montserrat' !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
  font-weight: 700;
  color: var(--tec-color-text-primary);
}
.tribe-events .tribe-events-c-small-cta__price {
  font-size: 14px !important;
}

/* Event details page */
.tribe-events-event-image {
  max-width: 540px;
}

.tribe-events-c-subscribe-dropdown {
  display: none;
}

.tribe-events-single-section.tribe-events-event-meta.primary {
  font-size: 16px;

  @media (min-width: 768px) {
    column-gap: 5%;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px;
  }
}

.tribe-events-single-event-description.tribe-events-content a {
  text-decoration: none !important
}

/* Meta section */
.tribe-events-meta-group.tribe-events-meta-group-gmap,
.tribe-events-event-meta::before {
  border-top: none !important;
}

@media (min-width: 768px) {
  div.tribe-events-meta-group.tribe-events-meta-group-gmap {
    flex-basis: 200px;
  }

  div.tribe-events-meta-group.tribe-events-meta-group-gmap div.tribe-events-venue-map {
    width: 100% !important;
  }
}

.tribe-events-single-section.tribe-events-event-meta dt {
  font-weight: 700;
}

.tribe-events-meta-group-details dd::after,
span.tribe-country-name::before, 
span.tribe-country-name::after,
.tribe-venue-url::before {
  content: '\A'; /* Adds a line break */
  white-space: pre;
}

.tribe-events-single-section.tribe-events-event-meta dt,
.tribe-events-single-section.tribe-events-event-meta dd,
.tribe-events-single-section.tribe-events-event-meta dd > div {
  display: inline;
}

.tribe-events-single-section.tribe-events-event-meta a {
  text-decoration: underline;
}

abbr[title].tribe-events-abbr {
  text-decoration: none;
}

.tribe-events-meta-group-venue .tribe-venue {
  font-weight: 700;
}

a.tribe-events-gmap {
  display: block;
}

#tribe-events-content h2.tribe-events-single-section-title {
  font-family: Montserrat !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Get Tickets Button */

.td-event-get-tickets > a {
  display: block;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  background-color: #397c70;
  color: #fff !important;
  cursor: pointer;
  padding: 8px 16px;
  width: 200px;
  border-radius: 6px;
  text-decoration: none;
}
.td-event-get-tickets > a:hover {
  opacity: 0.8;
}

/* View Event Details Link */

.td-event-view-details-link {
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #397c70 !important;
  cursor: pointer;
  text-decoration: none;
  margin: 14px 0 !important;
  display: block;
}