.pit-hero,
.pit-single-hero,
.pit-journeys-hero {
	box-sizing: border-box;
	width: 100%;
}

.pit-hero .pit-hero__title,
.pit-single-hero > div,
.pit-journeys-hero > * {
	box-sizing: border-box;
	max-width: none;
	width: 100%;
}

.pit-hero h1,
.pit-single-hero h1,
.pit-journeys-hero h1 {
	box-sizing: border-box;
	max-width: none !important;
	overflow-wrap: normal;
	width: 100%;
	word-break: normal;
}

.pit-single-hero h1,
.pit-journeys-hero h1 {
	white-space: nowrap;
}

.pit-story {
	box-sizing: border-box;
	max-width: 1920px;
	padding-left: clamp(18px, 4vw, 80px);
	padding-right: clamp(18px, 4vw, 80px);
	width: 100%;
}

.pit-story-content {
	box-sizing: border-box;
	max-width: min(100%, 1100px);
	width: 100%;
}

.pit-story-gallery {
	box-sizing: border-box;
	max-width: none;
	width: 100%;
}

.pit-story--avada {
	max-width: none;
	width: 100%;
}

.pit-story--avada .pit-story-content,
.pit-story--avada .fusion-fullwidth {
	box-sizing: border-box;
	max-width: none !important;
	width: 100%;
}

.pit-story--avada .fusion-builder-row,
.pit-story--avada .fusion-row {
	box-sizing: border-box;
	max-width: none !important;
	width: 100% !important;
}

/* Avada owns the width, flex-basis and spacing of every column. */
.pit-story--avada .fusion-layout-column,
.pit-story--avada .fusion_builder_column {
	box-sizing: border-box;
}

.pit-story--avada .fusion-column-wrapper,
.pit-story--avada .fusion-text {
	box-sizing: border-box;
	max-width: none;
}

.pit-journal {
	box-sizing: border-box;
	max-width: none;
	padding-left: clamp(18px, 4vw, 80px);
	padding-right: clamp(18px, 4vw, 80px);
	width: 100%;
}

.pit-journal-entry {
	box-sizing: border-box;
	max-width: 1800px;
	width: 100%;
}

.pit-journal-copy,
.pit-journal-excerpt {
	box-sizing: border-box;
	max-width: 1300px;
	width: 100%;
}

.pit-gallery-section > h2,
.pit-travel-map-section > h2,
.pit-about-copy > h2,
.pit-intro > h2,
.pit-journal-copy > h2 {
	max-width: none !important;
	width: 100%;
}

.pit-scroll.is-at-end {
	opacity: 1 !important;
	pointer-events: auto !important;
	visibility: visible !important;
}

@media (max-width: 760px) {
	.pit-portfolio,
	.pit-intro,
	.pit-gallery-section {
		max-width: 100%;
		overflow-x: hidden;
		overflow-x: clip;
	}

	.pit-intro {
		box-sizing: border-box;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.pit-intro > h2,
	.pit-gallery-section > h2,
	.pit-active-category,
	.pit-about-copy > h2,
	.pit-travel-map-section > h2 {
		box-sizing: border-box;
		font-size: clamp(30px, 10.5vw, 48px) !important;
		line-height: 1.04 !important;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.pit33-featured h2,
	.pit33-discovery h2,
	.pit33-follow h2,
	.pit33-modal h2,
	.pit33-presentation-copy h2 {
		font-size: clamp(30px, 10.5vw, 48px) !important;
		line-height: 1.04 !important;
		overflow-wrap: anywhere;
	}

	/* Journey titles need their own mobile scale. Theme/Avada h2 rules can
	 * otherwise keep the desktop size and push long place names off-screen. */
	.pit-portfolio .pit-card__content h2,
	.pit-journeys .pit-journal-copy h2 {
		box-sizing: border-box;
		font-size: clamp(26px, 8.5vw, 38px) !important;
		letter-spacing: .04em !important;
		line-height: 1.06 !important;
		max-width: 100% !important;
		overflow-wrap: anywhere;
		width: 100%;
		word-break: normal;
	}

	.pit-portfolio .pit-card__content h2 a,
	.pit-journeys .pit-journal-copy h2 a {
		display: block;
		max-width: 100%;
		overflow-wrap: anywhere;
		width: 100%;
	}

	.pit-single-hero {
		padding-left: 18px;
		padding-right: 18px;
	}

	.pit-story,
	.pit-journal {
		padding-left: 14px;
		padding-right: 14px;
	}

	.pit-story-content {
		padding-left: 4px;
		padding-right: 4px;
	}

	.pit-lightbox {
		overflow: hidden !important;
	}

	.pit-lightbox figure {
		box-sizing: border-box;
		max-width: calc(100vw - 20px) !important;
		width: calc(100vw - 20px);
	}

	.pit-lightbox figure > img {
		margin: 0 auto;
		max-height: 58vh !important;
		max-width: 100% !important;
	}

	.pit-lightbox-tools {
		box-sizing: border-box;
		column-gap: 4px !important;
		display: flex !important;
		flex-wrap: wrap;
		left: 10px !important;
		max-width: calc(100vw - 78px);
		right: 68px !important;
		row-gap: 4px !important;
		top: 10px !important;
	}

	.pit-lightbox-tools button,
	.pit-lightbox-tools a {
		box-sizing: border-box;
		font-size: 10px !important;
		line-height: 1.15;
		min-height: 36px;
		padding: 6px 8px !important;
	}

	.pit-lightbox-tools .pit33-reaction {
		max-width: 116px;
	}

	.pit-lightbox-close {
		height: 44px !important;
		right: 10px !important;
		top: 10px !important;
		width: 44px !important;
	}

	.pit-lightbox-thumbs {
		box-sizing: border-box;
		justify-content: flex-start !important;
		max-width: calc(100vw - 36px) !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.pit-lightbox-thumbs::-webkit-scrollbar {
		display: none;
		height: 0;
		width: 0;
	}
}

/* Dölj webbläsarens scrollbars på portfolioytorna utan att stänga av scrollning. */
html,
body,
.pit-portfolio,
.pit-journeys,
.pit-single,
.pit-lightbox,
.pit-panorama-modal,
.pit33-modal,
.pit33-presentation,
.pit32-search,
.pit-journey-scroll,
.pit-lightbox-thumbs {
	scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.pit-portfolio::-webkit-scrollbar,
.pit-journeys::-webkit-scrollbar,
.pit-single::-webkit-scrollbar,
.pit-lightbox::-webkit-scrollbar,
.pit-panorama-modal::-webkit-scrollbar,
.pit33-modal::-webkit-scrollbar,
.pit33-presentation::-webkit-scrollbar,
.pit32-search::-webkit-scrollbar,
.pit-journey-scroll::-webkit-scrollbar,
.pit-lightbox-thumbs::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}

html,
body {
	overflow-x: clip;
}