/*
 * "Subscribe to calendar" (month/list/day views) and "Add to calendar" (single event) dropdown.
 *
 * The Events Calendar positions this menu differently on each page type:
 *  - calendar views: the menu is in normal page flow, so opening it pushes the page down (and a transform adds a gap above it)
 *  - single events: absolutely positioned at a fixed top:42px (which overlaps our taller button), and the event's
 *    wrapper (.tribe-events-single > .tribe_events) has overflow:hidden, so a short event clips the menu
 *
 * These rules make both behave the same: the menu floats directly under the button, over the page, with the same
 * small gap, never pushes content down and is never clipped.
 * Loaded on /news-and-events/events* pages and single events (see husky_calendar_dropdown_styles() in functions.php).
 * Selectors have five classes to beat Tribe's rules whatever the stylesheet order.
 */

/* Single event: keep the wrapper containing its floats (what overflow:hidden was there for) without clipping the menu */
.tribe-events-single > .tribe_events {
	overflow: visible;
	display: flow-root;
}

.tribe-events.tribe-common .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown {
	position: relative;
}

.tribe-events.tribe-common .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	min-width: 217px;
	z-index: 1000;
}

.tribe-events.tribe-common .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list {
	margin: .25rem 0 0;
	transform: none;
}

/*
 * Subscribe / Add-to-calendar button and container styling that used to live in the child theme style.css
 * (the dropdown positioning is above).
 */
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container,.single-tribe_events .tribe-events-c-subscribe-dropdown__button{min-width:217px}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border,.single-tribe_events .tribe-events-c-subscribe-dropdown__button{border-color:var(--orange);color:var(--orange-link);padding:8px 24px}
.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-color:var(--orange); color: #fff}
.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-events .tribe-events-c-subscribe-dropdown,.tribe-events-website-button-container>.visit-button{margin: 1rem 0}
.tribe-events-c-subscribe-dropdown__container {
	flex: 1;
	min-width: 217px;
}

@media (max-width: 600px) {
	.tribe-events-c-subscribe-dropdown__container {
		width: 100%;
	}
}