/**
 * Travel26 Destination Title
 *
 * Contents
 * 1. Layout
 * 2. Tagline, name and intro
 *
 * Made for the page banner (white text over a photo); colours read the Inoforest Core Design System when it is active,
 * with the Travel26 design as fallback.
 */

/* 1. Layout --------------------------------------------------------------------- */
.travel26-dest-title {
	--travel26-dest-title-intro-margin: auto;
	text-align: center;
}

/* 2. Tagline, name and intro ------------------------------------------------------- */
.travel26-dest-title .travel26-dest-title__tagline {
	display: inline-block;
	margin-bottom: 10px;
	font-family: "Caveat", cursive;
	font-size: clamp(1.6rem, 2.6vw, 2.2rem);
	font-weight: 700;
	line-height: 1;
	color: var(--inoforest-color-accent, #ff6a3d);
}

.travel26-dest-title .travel26-dest-title__name {
	margin: 0 0 18px;
	font-size: clamp(2.3rem, 5vw, 4rem);
	line-height: 1.2;
	color: #fff;
}

.travel26-dest-title .travel26-dest-title__intro {
	max-width: 620px;
	margin: -4px var(--travel26-dest-title-intro-margin) 22px;
	color: rgba(255, 255, 255, 0.85);
}