/**
 * Teddy's Place looping hero title.
 * Isolated to [teddys_hero_title].
 */

.tp-hero-title {
	position: relative;
	width: 100%;
	min-width: 0;
	color: var(--tp-hero-title-color, #B6402F);
}

.tp-hero-title .tp-hero-title__heading {
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--tp-hero-title-color, #B6402F) !important;
	font-family: var(--tp-hero-title-font-family, 'Anton', Impact, sans-serif) !important;
	font-size: var(--tp-hero-title-size-desktop, 150px) !important;
	font-style: normal !important;
	font-weight: var(--tp-hero-title-font-weight, 400) !important;
	letter-spacing: var(--tp-hero-title-letter-spacing, -0.02em) !important;
	line-height: var(--tp-hero-title-line-height, 0.9) !important;
}

.tp-hero-title__viewport {
	display: grid;
	width: 100%;
	overflow: hidden;
	padding: 0.14em 0.13em 0.18em 0.03em;
	margin: -0.14em -0.13em -0.18em -0.03em;
}

.tp-hero-title .tp-hero-title__phrase {
	grid-area: 1 / 1;
	display: block;
	width: 100%;
	color: var(--tp-hero-title-color, #B6402F) !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	line-height: inherit !important;
	will-change: opacity;
	transition: opacity var(--tp-hero-title-transition, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
}

.tp-hero-title__phrase.is-current {
	opacity: 1;
}

.tp-hero-title__phrase.is-waiting {
	opacity: 0;
}

.tp-hero-title__phrase.is-entering {
	opacity: 1;
}

.tp-hero-title__phrase.is-exiting {
	opacity: 0;
}

.tp-hero-title--align-left,
.tp-hero-title--align-left .tp-hero-title__heading,
.tp-hero-title--align-left .tp-hero-title__phrase {
	text-align: left;
}

.tp-hero-title--align-center,
.tp-hero-title--align-center .tp-hero-title__heading,
.tp-hero-title--align-center .tp-hero-title__phrase {
	text-align: center;
}

.tp-hero-title--align-right,
.tp-hero-title--align-right .tp-hero-title__heading,
.tp-hero-title--align-right .tp-hero-title__phrase {
	text-align: right;
}

.tp-hero-title--transform-uppercase .tp-hero-title__phrase {
	text-transform: uppercase;
}

.tp-hero-title--transform-none .tp-hero-title__phrase {
	text-transform: none;
}

.tp-hero-title--nowrap .tp-hero-title__phrase {
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.tp-hero-title {
		--teddys-titledrop-x: var(--tp-hero-title-extrusion-x-tablet, 6px) !important;
		--teddys-titledrop-y: var(--tp-hero-title-extrusion-y-tablet, 6px) !important;
	}

	.tp-hero-title .tp-hero-title__heading {
		font-size: var(--tp-hero-title-size-tablet, 105px) !important;
	}
}

@media (max-width: 640px) {
	.tp-hero-title {
		--teddys-titledrop-x: var(--tp-hero-title-extrusion-x-mobile, 4px) !important;
		--teddys-titledrop-y: var(--tp-hero-title-extrusion-y-mobile, 4px) !important;
	}

	.tp-hero-title .tp-hero-title__heading {
		font-size: var(--tp-hero-title-size-mobile, 64px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tp-hero-title__phrase {
		transition: none !important;
	}

	.tp-hero-title__phrase[data-tp-hero-title-phrase='0'] {
		opacity: 1 !important;
	}

	.tp-hero-title__phrase[data-tp-hero-title-phrase='1'] {
		display: none !important;
	}
}