/* CSS for Tours Custom Page Single Template */
div.tour-page.e-con.e-flex >
.e-con-inner {
	display: flex;
	flex-flow: row nowrap;
	gap: var(--spacing-large);
	justify-content: space-between;
	align-items: stretch;
}

div.tour-page.e-con.e-flex >
e-con-inner >
article {
	flex-grow: 1;
}

div.tour-page.e-con.e-flex >
.e-con-inner >
aside {
	width: 320px;
	flex-grow: 0;
	flex-shrink: 0;
}

.tour-page article header h1 {
	font-size: 3.5rem;
}

.tour-page article header p {
	color: var(--grey-green);
	font-size: 1.25rem;
}

.tour-page article.tour:first-child p {
	margin: 0;
}

.tour-page article.tour:first-child p,
.tour-page article.tour:first-child ul {
	line-height: 2;
}

.tour-page article.tour:first-child strong {
	color: var(--green);
	
	font-family: var(--font-gothic);
	font-size: 1.5em;
	font-weight: normal;
}

.tour-page article.tour:first-child p > strong:first-child:last-child {
	display: block;
	margin-bottom:calc(-1 * var(--spacing));

}

.tour-page article.tour:first-child .facts strong {
	color: var(--off-white);
}

.tour-page
article.card.tour {
	position: sticky;
	top: 100px;
}

.tour-page hr {
	margin: var(--spacing-large) var(--spacing-small) !important;
}

.tour-page img.hero {
	border-radius: var(--spacing);
	margin: var(--spacing-large) 0;
	width: 100%;
}

.tour-page .facts,
.tour-page .guides {
	position: relative;
	color: var(--off-white);
	margin: calc(1.5 * var(--spacing-large)) 0 calc(2 * var(--spacing-large));
}

.tour-page .guides .header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--spacing);

	margin-bottom: var(--spacing);
}

.tour-page .guides .header img {
	flex-basis: 33%;
	max-width: 33%;
}

.tour-page .facts h2,
.tour-page .guides h2,
.tour-page .guides h3,
.tour-page .guides h4 {
	color: var(--off-white);
}

.tour-page .guides h3 {
	color: var(--green-x-lite);
	margin-bottom: 0;
}

.tour-page .guides h4 {
	font-family: var(--font-spirit) !important;
	font-size: 1.15rem;
}

.tour-page .facts::before,
.tour-page .guides::before {
	--offset: calc(-1 * var(--spacing));
	content: "";

	position: absolute;
	top: var(--offset);
	left: var(--offset);
	right: var(--offset);
	bottom: calc(2 * var(--offset));

	background-color: var(--green);
	border-radius: var(--spacing);

	z-index: -1;
}

.tour-page .e-con-inner > article.tour:first-child footer {
	margin-top: calc(1.5 * var(--spacing-x-large));
}

.tour-page footer h2 {
	color: var(--black);
}

.tour-page footer .buttons {
	display: flex;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-items: stretch;
	gap: var(--spacing);

	padding-right: calc(1.5 * var(--spacing-large));
}

.tour-page footer .buttons button,
.tour-page footer .buttons a.elementor-button {
	flex-basis: 50%;
}

@media screen and (max-width: 920px) {
	div.tour-page.e-con.e-flex >
	.e-con-inner >
	aside {
		width: 300px;
	}
}

@media screen and (max-width: 900px) {
	div.tour-page.e-con.e-flex >
	.e-con-inner >
	aside {
		width: 280px;
	}
}

@media screen and (max-width: 860px) {
	div.tour-page.e-con.e-flex >
	.e-con-inner >
	aside {
		width: 260px;
	}
}

@media screen and (max-width: 800px) {
	div.tour-page.e-con.e-flex >
	.e-con-inner >
	aside {
		width: 240px;
	}
}

@media screen and (max-width: 720px) {
	div.tour-page.e-con.e-flex >
	.e-con-inner >
	aside {
		display: none;
	}
}