/**
 * Floating "Buy Tickets" pill on single show pages.
 * Markup: includes/autorama-core/part-show-sticky-tickets.php
 * Behaviour: js/sticky-tickets.js
 */
.ar-sticky-tickets[hidden] {
	display: none;
}

.ar-sticky-tickets {
	position: fixed;
	right: 0;
	bottom: 2.5rem;
	left: 0;
	z-index: 2147483647;
	box-sizing: border-box;
	width: fit-content;
	max-width: calc(100% - 1rem);
	height: 4rem;
	margin: 0 auto;
	overflow: hidden;
	/* Same treatment as section.social-media, see includes/social-at-me.php. */
	background: #e8152c;
	border: 5px solid #e8152c;
	color: #fff;
	font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
	/*box-shadow: 0 4px 14px rgba(0, 0, 0, .45), inset 0 .5em .5em 0 rgba(0, 0, 0, .5);*/
	/* Parked below the bottom edge until it is needed. */
	transform: translateY(calc(100% + 6rem));
	transition: transform .3s ease;
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .5));
}

.ar-sticky-tickets.is-visible {
	transform: translateY(0);
}

/* The whole pill is the button. */
.ar-sticky-tickets__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 100%;
	padding: 0 2.5rem;
	color: #fff;
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.025em;
	text-decoration: none;
	text-transform: uppercase;
	/*text-shadow: .1em .1em .1em rgba(0, 0, 0, .5);*/
	white-space: nowrap;

}

.ar-sticky-tickets__btn:hover,
.ar-sticky-tickets__btn:focus {
	color: #e8152c;
	text-decoration: none;
	background: #fff;
}

@media (max-width: 767px) {
	.ar-sticky-tickets__btn {
		padding: 0 2rem;
		font-size: 1.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ar-sticky-tickets {
		transition: none;
	}
}