/**
 * Theme Name: Correctiv Events
 * Template:   twentytwentyfive
 * Version:    0.1.6
 */

/*
 * Use CORRECTIV red
 */
:root {
  --tec-color-accent-primary: #ff5064 !important;
  --tec-color-accent-primary-hover: #ff5064 !important;
  --tec-font-size-0: 14px !important;
  --tec-font-size-1: 16px !important;
  --tec-font-size-2: 16px !important;
}

/* 
 * Stop calendar subscribe button from moving when the drop down opens
 */
.tribe-events-c-subscribe-dropdown {
  text-align: right;
}

/*
 * Stop overflow on event subscribe button when in German
 */
.single-tribe_events .tribe-events-c-subscribe-dropdown__button {
  width: 250px !important;
}

/*
 * Give calendar/list container a white background
 */
.tribe-events-l-container {
  background-color: white;
}

/*
 * Style events pages similar to posts on main site
 */
#tribe-events-pg-template, .tribe-events-pg-template {
  max-width: 1000px;
  background-color: white;
}
.tribe-events-single {
  max-width: 620px;
  margin: 0 auto;
}

/**
 * Given event website button container some spacing
 */
.tribe-block__event-website {
  margin: 10px 0 15px;
}

/*
 * Fix event website button being too big
 */
.tribe-block__event-website a {
  min-height: 0;
}

/**
 * Lighter text color for event detail headers on single event page
 * and separator between date and time
 */
.tribe-events-meta-group-details dt,
.tribe-events-schedule__separator {
  color: #707070;
}

/**
 * Force line breaks in words in calendar view for really long words
 */
.tribe-events-calendar-month__calendar-event-title {
  overflow-wrap: break-word;
}

/**
 * Hide filter toggle button text on search page and keep button centered
 */
.tribe-events-c-events-bar__filter-button-container {
  align-self: center;
  margin: 0 !important;
}
.tribe-events-c-events-bar__filter-button-text {
  display: none !important;
}

/**
 * Force image to take up full width of tooltip
 */
.tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper {
  width: 100% !important;
}

/**
 * Fix feature image aspect ratio to 16:9
 */
.tribe-events-event-image img,
.tribe-events-calendar-list__event-featured-image,
.tribe-events-calendar-month__calendar-event-tooltip-featured-image,
.tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
}

/*
 * Force the button text to be white on the list view website button
 */
.correctiv-website-url {
  color: white !important;
  margin-top: var(--tec-spacer-3) !important;
}

/**
 * Embed styling: assume width of iframe
 */
.correctiv-embed-wrapper .tribe-events-view.alignwide,
.correctiv-embed-wrapper .tribe-common-l-container {
  max-width: none !important;
  margin: 0 !important;
}

.correctiv-embed-wrapper .tribe-common-l-container {
  padding: 0 var(--tec-grid-gutter-half) !important;
}