/* ============================================== */
/* ============= Calender navigation ============ */
/* ============================================== */

/* Background */
.tribe-events-view {
  background-color: white;
}
/* Text before container. In this case "Calender" */
.tribe-events-header::before {
  content: "Calender";
  margin-bottom: 24px;
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
}
/* S - M */
@media (max-width: 960px) {
  .tribe-events-header::before {
    font-weight: 500;
    font-size: 30px;
    line-height: 32px;
    flex-basis: 100%;
  }
}
/* L - XL */
@media (min-width: 961px) {
  .tribe-events-header::before {
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
  }
}

/* Search bar */
.tribe-events-c-events-bar__search {
  background-color: var(--gray-10);
  padding-right: 16px;
}
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-events-bar--border {
  border: none;
}
.tribe-common--breakpoint-medium.tribe-common
  .tribe-common-form-control-text__input,
.tribe-common .tribe-common-form-control-text__input {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
}

/* S - M */
@media (max-width: 960px) {
  .tribe-common--breakpoint-medium.tribe-common
    .tribe-common-form-control-text__input,
  .tribe-common .tribe-common-form-control-text__input {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
  }
}
/* L - XL */
@media (min-width: 961px) {
  .tribe-common--breakpoint-medium.tribe-common
    .tribe-common-form-control-text__input,
  .tribe-common .tribe-common-form-control-text__input {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
  }
}

@media (max-width: 785px) {
  .tribe-events .tribe-events-c-events-bar__search-form {
    padding: 15px;
  }
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control-icon-svg{
  top: 21px;
}

/* Search bar padding */
.tribe-common--breakpoint-medium.tribe-common
  .tribe-common-form-control-text__input {
  padding: var(--tec-spacer-4) var(--tec-spacer-4) var(--tec-spacer-4)
    var(--tec-spacer-9);
}

/* Search bar button */
.button,
.tribe-events .tribe-events-c-search__button {
  all: unset;
  padding: var(--padding);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 16px;
  cursor: pointer;
}
.tribe-events .tribe-events-c-search__button {
  background: var(--gradient-1-background);
  background: var(--gradient-1-background-moz);
  background: var(--gradient-1-background-webkit);
  background: var(--gradient-1-background-gradient);
  filter: var(--gradient-1-background-filter);
  color: var(--foreground);
}
.tribe-events .tribe-events-c-search__button:focus,
.tribe-events .tribe-events-c-search__button:hover {
  background: var(--primary-complementary-light);
  color: var(--foreground);
  border-bottom: 1px solid var(--foreground);
}
.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
}

.tribe-common .tribe-common-c-btn-icon,
.tribe-common
  .tribe-common-c-btn-icon--caret-left
  .tribe-common-c-btn-icon__icon-svg,
.tribe-common
  .tribe-common-c-btn-icon--caret-right
  .tribe-common-c-btn-icon__icon-svg {
  width: 24px;
  height: 24px;
}

/* Search bar sorting */
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-view-selector--tabs
  .tribe-events-c-view-selector__list-item-link {
  padding: 4px 0;
  height: 50%;
  margin: 14px 0;
}
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-view-selector--tabs
  .tribe-events-c-view-selector__list-item--active
  .tribe-events-c-view-selector__list-item-link:after {
  background-color: var(--primary);
}
.tribe-events .tribe-events-c-view-selector__list-item-text {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
}

/* Search bar line */
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-search__input-control:last-child::after {
  content: "";
  width: calc(100% - 42px);
  height: 1px;
  background-color: #0f0f0f;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 16px;
}

/* Search icon */
.tribe-common .tribe-common-c-svgicon--search {
  width: 20px;
}

/* date button */
.tribe-common .tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small {
  text-transform: uppercase;
  background-color: var(--gray-25);
  border-radius: 16px;
  height: 24px;
  width: 70px;
  color: black;
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  border: none;
  font-weight: 500;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,
.tribe-common--breakpoint-medium.tribe-common
  a.tribe-common-c-btn-border-small {
  padding: 4px 15px;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
}

/* No upcoming events notice */
.tribe-events .tribe-events-c-messages__message {
  border-radius: 0;
  background-color: var(--gray-10);
}

/* Lastest past events title */
/* S - M */
@media (max-width: 960px) {
  .tribe-common--breakpoint-medium.tribe-common .tribe-common-h3--min-medium {
    font-weight: 700;
    font-size: 19px;
    line-height: 28px;
  }
}
/* L - XL */
@media (min-width: 961px) {
  .tribe-common--breakpoint-medium.tribe-common .tribe-common-h3--min-medium {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
  }
}

/* arrow icons */
.tribe-common
  .tribe-common-c-btn-icon--caret-left
  .tribe-common-c-btn-icon__icon-svg,
.tribe-common
  .tribe-common-c-btn-icon--caret-right
  .tribe-common-c-btn-icon__icon-svg {
  width: 16px;
}

/* =============================== */
/* ============= List ============ */
/* =============================== */

.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-size: 15px;
  color: var(--foreground);
}

.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-calendar-list__event-details {
  width: calc(var(--tec-grid-width-1-of-8) * 7);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
  font-size: 15px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
}

.tribe-events .tribe-events-calendar-latest-past__event-date-tag-year {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  color: var(--disabled);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium{
  font-size: 26px;
}

/* S - M */
@media (max-width: 960px) {
  .tribe-events .tribe-events-calendar-latest-past__event-title-link,
  .tribe-events .tribe-events-calendar-list__event-title-link {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
  }
}
/* L - XL */
@media (min-width: 961px) {
  .tribe-events .tribe-events-calendar-latest-past__event-title-link,
  .tribe-events .tribe-events-calendar-list__event-title-link {
    font-family: "WISE", Helvetica, Arial, sans-serif !important;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
  }
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
  color: var(--foreground);
}

/* Month text over date number */
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--foreground);
}

/* Month text in list */
.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8 {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
}

/* Price */
.tribe-common .tribe-common-b3 {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
}

/* Address */
.tribe-common .tribe-common-b2--bold {
  margin-right: var(--tec-spacer-1);
}

/* line */
.tribe-events .tribe-events-calendar-list__month-separator:after {
  background-color: var(--gray-25);
}

/* Arrow on next and prev */
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-nav__next-icon-svg,
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-nav__prev-icon-svg {
  width: 14px;
}

/* ================================ */
/* ============= Month ============ */
/* ================================ */

/* number/date */
.tribe-events-calendar-month__day-date-link {
  font-family: "WISE", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-size: 15px;
}

/* time of the event */
.tribe-events .tribe-events-calendar-month__calendar-event-datetime > * {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

/* title of the event */
.tribe-events-calendar-month__calendar-event-title-link {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

/* Weekdays above calender */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
}

/* Subscribe button */
.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  all: unset;
  padding: var(--padding);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;

  background: var(--gradient-1-background);
  background: var(--gradient-1-background-moz);
  background: var(--gradient-1-background-webkit);
  background: var(--gradient-1-background-gradient);
  filter: var(--gradient-1-background-filter);
  color: var(--foreground);
}
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus-within,
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:hover {
  background: var(--primary-complementary-light);
  color: var(--foreground);
  border-bottom: 1px solid var(--foreground);
}

.tribe-events-c-subscribe-dropdown__content {
  position: relative;
}

.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__list,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__list {
  position: absolute;
  right: 0;
}

.tribe-custom-calender-icon {
  margin-bottom: -2px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

/* ===================================== */
/* ============= Event page ============ */
/* ===================================== */

.single-tribe_events
  .tribe-events
  .tribe-events-c-subscribe-dropdown__container,
.tribe-block__events-link
  .tribe-events
  .tribe-events-c-subscribe-dropdown__container {
  width: 250px;
}

.tribe-events-event-meta.primary,
.tribe-events-event-meta.secondary {
  width: 50% !important;
}

.tribe-events-event-meta dl {
  margin-top: -10px !important;
}

.tribe-events-event-meta {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
}

.tribe-events-event-meta dd a,
.tribe-organizer-url a,
.tribe-events-event-url a {
  color: var(--foreground) !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.tribe-events-event-meta dt {
  color: var(--disabled);
}

.tribe-events-single .tribe-events-sub-nav {
  padding-left: 0;
}

/* ========================================= */
/* ============= Month dropdown ============ */
/* ========================================= */

.tribe-events
  .datepicker
  .prev
  .tribe-events-c-top-bar__datepicker-nav-icon-svg,
.tribe-events
  .datepicker
  .next
  .tribe-events-c-top-bar__datepicker-nav-icon-svg {
  width: 18px;
  height: 17px;
}

.tribe-events .datepicker .datepicker-switch,
.tribe-events .datepicker .day,
.tribe-events .datepicker .dow,
.tribe-events .datepicker .month,
.tribe-events .datepicker .year {
  font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
}

.tribe-events .datepicker .dow {
  font-size: 12px;
}

.tribe-events .datepicker .day,
.tribe-events .datepicker .month,
.tribe-events .datepicker .year {
  font-size: 14px;
}

.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
  background: var(--gradient-1-background);
  background: var(--gradient-1-background-moz);
  background: var(--gradient-1-background-webkit);
  background: var(--gradient-1-background-gradient);
  filter: var(--gradient-1-background-filter);
  color: var(--foreground);
  font-weight: 600;
}

/* =================================== */
/* ============= Featured ============ */
/* =================================== */

.tribe-events
  .tribe-events-calendar-list__event-row--featured
  .tribe-events-calendar-list__event-date-tag-datetime:after {
  background: var(--gradient-1-background);
  background: var(--gradient-1-background-moz);
  background: var(--gradient-1-background-webkit);
  background: var(--gradient-1-background-gradient);
  filter: var(--gradient-1-background-filter);
  color: var(--foreground);
}

.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-calendar-list__event-datetime-featured-text {
  color: var(--foreground);
}

.tribe-common
  .tribe-common-c-btn-icon--caret-left
  .tribe-common-c-btn-icon__icon-svg
  path,
.tribe-common
  .tribe-common-c-btn-icon--caret-right
  .tribe-common-c-btn-icon__icon-svg
  path {
  fill: var(--foreground);
}

.tribe-common
  .tribe-common-c-btn-icon--caret-left:disabled
  .tribe-common-c-btn-icon__icon-svg
  path,
.tribe-common
  .tribe-common-c-btn-icon--caret-right:disabled
  .tribe-common-c-btn-icon__icon-svg
  path {
  fill: var(--tec-color-icon-secondary);
}

.tribe-common .tribe-common-c-svgicon--featured {
  width: 20px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
  display: flex;
  align-items: center;
}

.tribe-events .tribe-events-calendar-list__event-datetime-featured-icon {
  margin-right: var(--tec-spacer-1);
  margin-top: var(--tec-spacer-1);
}

/* ============================================ */
/* ============= Single page event ============ */
/* ============================================ */

.tribe-events-single-event-description.tribe-events-content > p > img {
  width: 100%;
}

.tribe-events-back a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
}

.tribe-events-back svg {
  margin-right: 16px;
}
