.tribe-events {
	/* -----------------------------------------------------------------------------
	 *
	 * Search
	 *
	 * Example:
	 * <form action="" method="post" class="tribe-events-c-search">
	 *   <div class="tribe-events-form-control-input-group tribe-events-c-search__input-group">
	 *     <div class="tribe-events-form-control-text tribe-events-c-search__input-control">
	 *       <label class="tribe-events-form-control-text__label" for="keyword">Keyword</label>
	 *       <input
	 *         class="tribe-events-form-control-text__input tribe-events-c-search__input"
	 *         type="text"
	 *         id="keyword"
	 *         name="keyword"
	 *         placeholder="Keyword"
	 *       />
	 *     </div>
	 *     <div class="tribe-events-form-control-text tribe-events-c-search__input-control">
	 *       <label class="tribe-events-form-control-text__label" for="location">Location</label>
	 *       <input
	 *         class="tribe-events-form-control-text__input tribe-events-c-search__input"
	 *         type="text"
	 *         id="location"
	 *         name="location"
	 *         placeholder="Location"
	 *       />
	 *     </div>
	 *     <div class="tribe-events-form-control-text">
	 *       <label class="tribe-events-form-control-text__label" for="date">Date</label>
	 *       <input
	 *         class="tribe-events-form-control-text__input tribe-events-c-search__input"
	 *         type="text"
	 *         id="date"
	 *         name="date"
	 *         placeholder="Enter Date"
	 *       />
	 *     </div>
	 *   </div>
	 *   <button type="submit" class="tribe-events-c-btn tribe-events-c-search__button">Find Events</button>
	 * </form>
	 *
	 * ----------------------------------------------------------------------------- */

	.tribe-events-c-search {

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

	.tribe-events-c-search__input-group {

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

	.tribe-events-c-search__input-control {

		.tribe-common--breakpoint-medium& {
			flex: auto;
			margin: var(--spacer-2) 0;
		}
	}

	.tribe-events-c-search__input {

		.tribe-common--breakpoint-medium& {
			margin: calc(var(--spacer-2) * -1) 0;
		}
	}

	.tribe-events-c-search__button {
		margin-top: var(--spacer-5);

		.tribe-common--breakpoint-medium& {
			flex: none;
			margin-top: 0;
		}
	}

	/* -----------------------------------------------------------------------------
	 *
	 * Search: Theme Overrides
	 *
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Theme Overrides - Enfold
	 * ----------------------------------------------------------------------------- */

	#top.tribe-theme-enfold &,
	#top .main_color & {

		&.tribe-common--breakpoint-medium .tribe-events-c-search__input {
			margin: calc(var(--spacer-2) * -1) 0;
		}
	}

	/* -----------------------------------------------------------------------------
	 * Theme Overrides - Avada
	 * ----------------------------------------------------------------------------- */

	.tribe-theme-avada & {

		&.tribe-common--breakpoint-medium .tribe-events-c-search__input {
			margin: calc(var(--spacer-2) * -1) 0;
		}
	}
}