.jcnat-promo {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9990;
	box-sizing: border-box;
	width: 100%;
	border-top: 1px solid rgba(215, 174, 93, .72);
	border-bottom: 1px solid rgba(215, 174, 93, .72);
	background: linear-gradient(90deg, #4d2d24 0%, #754737 50%, #4d2d24 100%);
	color: #fff8ef;
	box-shadow: 0 2px 10px rgba(52, 30, 23, .16);
	font-family: Cardo, Georgia, "Times New Roman", serif;
	overflow: hidden;
}

/* Keep the banner below WordPress' own toolbar while an administrator is signed in. */
body.admin-bar .jcnat-promo {
	top: 32px;
}

.jcnat-promo__viewport {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

.jcnat-promo__track {
	display: flex;
	align-items: center;
	width: max-content;
	will-change: transform;
	animation: jcnat-promo-scroll 26s linear infinite;
}

.jcnat-promo__group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 1.15rem;
	padding: .38rem 1.15rem .38rem 0;
}

.jcnat-promo__group strong {
	font-size: 1.08rem;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .055em;
	line-height: 1.15;
	text-transform: uppercase;
	white-space: nowrap;
}

.jcnat-promo__logo {
	display: block;
	flex: 0 0 46px;
	box-sizing: border-box;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(228, 190, 111, .86);
	border-radius: 50%;
	background: #f7eee5;
	box-shadow: 0 1px 6px rgba(35, 20, 16, .25);
	object-fit: cover;
}

.jcnat-promo:hover .jcnat-promo__track {
	animation-play-state: paused;
}

@keyframes jcnat-promo-scroll {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-50%, 0, 0);
	}
}

@media (max-width: 680px) {
	.jcnat-promo__track {
		animation-duration: 22s;
	}

	.jcnat-promo__group {
		gap: .8rem;
		padding: .3rem .8rem .3rem 0;
	}

	.jcnat-promo__group strong {
		font-size: .88rem;
		letter-spacing: .035em;
	}

	.jcnat-promo__logo {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}
}

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

@media screen and (max-width: 600px) {
	body.admin-bar .jcnat-promo {
		top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jcnat-promo__viewport {
		overflow-x: auto;
	}

	.jcnat-promo__track {
		width: auto;
		animation: none;
	}

	.jcnat-promo__group {
		min-width: max-content;
	}

	.jcnat-promo__group[aria-hidden="true"] {
		display: none;
	}
}