/*
Theme Name: Salient Child
Template: salient
Version: 1.0
*/

/* ==========================================================================
   Nectar Slider: text shadow and outline on slide headings and text, for
   readability over photos.
   (Moved from Salient → Theme Options → Custom CSS.)
   ========================================================================== */
body .swiper-slide .content h2 {
	text-shadow: 0 0 10px #000,
		1px 1px rgba(0, 0, 0, 0.5),
		1px -1px rgba(0, 0, 0, 0.5),
		-1px 1px rgba(0, 0, 0, 0.5),
		-1px -1px rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
}

body .swiper-slide .content p {
	text-shadow: 0 0 10px #000,
		1px 1px rgba(0, 0, 0, 0.5),
		1px -1px rgba(0, 0, 0, 0.5),
		-1px 1px rgba(0, 0, 0, 0.5),
		-1px -1px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   The Events Calendar: hide the Organizer box on single event pages.
   (Was WPCode snippet 32228 "Hide Organizer", which did this with JavaScript
   on every page.)
   ========================================================================== */
.tribe-events-meta-group-organizer {
	display: none !important;
}

/* ==========================================================================
   Sticky "Get Tickets" bar on phones (markup in functions.php).
   (Was WPCode snippet 31918 "Get Tickets".)
   The green is the color the snippet shipped with; revisit in the redesign.
   ========================================================================== */
.sticky-tickets {
	display: none;
}

@media (max-width: 768px) {
	.sticky-tickets {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
		text-align: center;
		font: 600 16px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		color: #fff;
		background: #0c6;
		text-decoration: none;
		z-index: 9999;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
		box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
	}

	.sticky-tickets:focus {
		outline: 2px solid #000;
		outline-offset: 2px;
	}

	/* Keep the bar from covering the end of the page. */
	body.has-sticky-tickets {
		padding-bottom: calc(62px + env(safe-area-inset-bottom));
	}
}

/* ==========================================================================
   Eventbrite checkout button from the [up_eventbrite] shortcode
   (theater-events plugin). Same look as the old WPCode snippets.
   ========================================================================== */
.up-eventbrite-button {
	background-color: #ba020e;
	color: #fff;
	border: 4px solid #000;
	padding: 10px;
	margin: 10px;
	cursor: pointer;
}