/**
 * Theme Name:  Sonaar
 * Theme URI:   https://sonaar.io/
 * Description: Music and Podcast WordPress Themes - Sonaar designs and develops creative WordPress Themes for Musicians, Music Bands and Podcasters
 * Tags: custom-colors, custom-header, custom-menu, featured-images
 *
 * Author:      Sonaar Music
 * Author URI:  https://sonaar.io
 *
 * Version:     4.27.4
 * Text Domain: sonaar
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
**/

body.has-phono-text-ticket {
	padding-top: 60px;
}

body.admin-bar .phono-text-ticket {
	top: 32px;
}

.phono-text-ticket {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	overflow: hidden;
	background: var(--sr-global-body-bg-color, rgb(33, 33, 33));
	color: #ffffff;
	font-family: inherit;
	font-size: clamp(24px, 2.2vw, 32px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.phono-text-ticket__track {
	display: flex;
	width: max-content;
	animation: phono-text-ticket-scroll var(--phono-text-ticket-duration, 42s) linear infinite;
}

.phono-text-ticket:hover .phono-text-ticket__track,
.phono-text-ticket:focus-within .phono-text-ticket__track {
	animation-play-state: paused;
}

.phono-text-ticket__group {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.phono-text-ticket__entry {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 28px;
	margin-right: 28px;
	padding: 0.5em 0;
}

.phono-text-ticket__entry::after {
	content: "-";
	color: #ffffff;
}

.phono-text-ticket__item {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	color: #ffffff;
	text-decoration: none;
}

.phono-text-ticket__item:hover,
.phono-text-ticket__item:focus-visible {
	color: inherit;
	text-decoration: underline;
}

@media screen and (max-width: 782px) {
	body.admin-bar .phono-text-ticket {
		top: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.phono-text-ticket__track {
		animation: none;
	}
}

@keyframes phono-text-ticket-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}