:root {
	--teft-theme-story-chapter-padding: 128px;
	--teft-theme-story-chapter-height: 580px;
	--teft-theme-story-animate-speed: 600ms
}

@media screen and (max-width: 600px) {

:root {
		--teft-theme-story-chapter-height: 300px;
		--teft-theme-story-chapter-padding: 55px
}
	}

.wp-block[data-type="teft/story-container"] {
	border: 2px dashed #ddd;
	max-width: calc(100% - 4px)
}

.wp-block[data-type="teft/story-container"]::before {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	}

.wp-block[data-type="teft/story-cover"] {
	max-width: 100%
}

.wp-block[data-type="teft/story-cover"]::before {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	}

.block-editor-block-contextual-toolbar[data-type="teft/story-container"],
.block-editor-block-contextual-toolbar[data-type="teft/story-cover"] {
	margin-left: 4px !important;
}

.story-animate-loaded .animate-in {
	opacity: 0;
	transition: all var(--teft-theme-story-animate-speed)
}

.story-animate-loaded .animate-in.in-view {
		opacity: 1;
	}

.story-animate-loaded .animate-in .wp-block-media-text__media {
	opacity: 0;
	transform: translateY(100px);
	transition: all var(--teft-theme-story-animate-speed) 200ms
}

@media screen and (max-width: 600px) {

.story-animate-loaded .animate-in .wp-block-media-text__media {
		transform: translateY(0)
}
	}

.animate-in.in-view .wp-block-media-text__media {
	opacity: 1;
	transform: translateY(0);
}

.entry-content > .teft-story-chapter,
.teft-story-chapter {
	align-items: center;
	display: flex;
	margin-bottom: var(--teft-theme-story-chapter-padding);
	margin-top: var(--teft-theme-story-chapter-padding);
	min-height: var(--teft-theme-story-chapter-height);
	padding: 1px 0
}

@media screen and (max-width: 600px) {

.entry-content > .teft-story-chapter .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media, .teft-story-chapter .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
			grid-row: 1
	}
		}

@media screen and (max-width: 600px) {

.entry-content > .teft-story-chapter .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content, .teft-story-chapter .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
			grid-row: 2;
			padding: 20px 0
	}
		}

.entry-content > .teft-story-chapter .teft-story-chapter__content-wrap, .teft-story-chapter .teft-story-chapter__content-wrap {
		width: 100%
	}

.entry-content > .teft-story-chapter .teft-story-chapter__content-wrap.animate-in, .teft-story-chapter .teft-story-chapter__content-wrap.animate-in {
			transform: translateY(200px)
		}

@media screen and (max-width: 600px) {

.entry-content > .teft-story-chapter .teft-story-chapter__content-wrap.animate-in, .teft-story-chapter .teft-story-chapter__content-wrap.animate-in {
				transform: translateY(80px)
		}
			}

.entry-content > .teft-story-chapter .teft-story-chapter__content-wrap.animate-in.in-view, .teft-story-chapter .teft-story-chapter__content-wrap.animate-in.in-view {
				transform: translateY(0);
			}

.entry-content > .teft-story-chapter .teft-story-chapter__content-wrap .entry-content, .teft-story-chapter .teft-story-chapter__content-wrap .entry-content {
			margin: 0 auto;
			width: calc(100% - (var(--teft-theme-site-padding) * 2))
		}

.entry-content > .teft-story-chapter .teft-story-chapter__content-wrap .entry-content p:first-child, .teft-story-chapter .teft-story-chapter__content-wrap .entry-content p:first-child {
				margin-top: 0;
			}

.entry-content > .teft-story-chapter .entry-content > *:last-child, .teft-story-chapter .entry-content > *:last-child {
			margin-bottom: 0 !important;
		}

.entry-content > .teft-story-chapter .entry-content > *:first-child, .teft-story-chapter .entry-content > *:first-child {
			margin-top: 0 !important;
		}

.entry-content > .teft-story-chapter.has-image, .teft-story-chapter.has-image {
		align-items: flex-start;
		background: #f0fff7; /*Needs to be fixed */
		margin-bottom: 0;
		margin-top: 0;
		padding: var(--teft-theme-story-chapter-padding) 0
	}

@media screen and (max-width: 600px) {

.entry-content > .teft-story-chapter.has-image, .teft-story-chapter.has-image {
			align-items: flex-end;
			flex-direction: column-reverse
	}
		}

.entry-content > .teft-story-chapter.has-image .teft-story-chapter__media, .teft-story-chapter.has-image .teft-story-chapter__media {
			border-radius: 12px 0 0 12px;
			flex-shrink: 0;
			height: calc(100vh - var(--teft-theme-story-chapter-padding) * 2);
			overflow: hidden;
			position: -webkit-sticky;
			position: sticky;
			top: var(--teft-theme-story-chapter-padding);
			width: 50%
		}

@media screen and (max-width: 600px) {

.entry-content > .teft-story-chapter.has-image .teft-story-chapter__media, .teft-story-chapter.has-image .teft-story-chapter__media {
				height: 60vh;
				margin-bottom: var(--teft-theme-story-chapter-padding);
				position: relative;
				top: 0;
				width: 80%
		}
			}

.entry-content > .teft-story-chapter.has-image .teft-story-chapter__media img, .teft-story-chapter.has-image .teft-story-chapter__media img {
				height: 100%;
				left: 0;
				-o-object-fit: cover;
				   object-fit: cover;
				position: absolute;
				top: 0;
				width: 100%;
			}

.entry-content > .teft-story-chapter.has-image.media-align-left, .teft-story-chapter.has-image.media-align-left {
			flex-direction: row-reverse
		}

@media screen and (max-width: 600px) {

.entry-content > .teft-story-chapter.has-image.media-align-left, .teft-story-chapter.has-image.media-align-left {
				align-items: flex-start;
				flex-direction: column-reverse
		}
			}

.entry-content > .teft-story-chapter.has-image.media-align-left .teft-story-chapter__media, .teft-story-chapter.has-image.media-align-left .teft-story-chapter__media {
				border-radius: 0 12px 12px 0;
			}

.entry-content > .teft-story-chapter.has-image:not(.is-full) img.animate-in, .teft-story-chapter.has-image:not(.is-full) img.animate-in {
				transform: translateX(150px)
			}

.entry-content > .teft-story-chapter.has-image:not(.is-full) img.animate-in.in-view, .teft-story-chapter.has-image:not(.is-full) img.animate-in.in-view {
					transform: translateX(0);
				}

.entry-content > .teft-story-chapter.has-image:not(.is-full).media-align-left img.animate-in, .teft-story-chapter.has-image:not(.is-full).media-align-left img.animate-in {
					transform: translateX(-150px)
				}

.entry-content > .teft-story-chapter.has-image:not(.is-full).media-align-left img.animate-in.in-view, .teft-story-chapter.has-image:not(.is-full).media-align-left img.animate-in.in-view {
						transform: translateX(0);
					}

.entry-content > .teft-story-chapter.has-image.is-full, .teft-story-chapter.has-image.is-full {
			padding: var(--teft-theme-story-chapter-padding) var(--teft-theme-site-padding);
			position: relative
		}

.entry-content > .teft-story-chapter.has-image.is-full .teft-story-chapter__media, .teft-story-chapter.has-image.is-full .teft-story-chapter__media {
				clip: rect(0, auto, auto, 0);
				height: 100%;
				left: 0;
				overflow: hidden;
				position: absolute;
				top: 0;
				width: 100%
			}

.entry-content > .teft-story-chapter.has-image.is-full .teft-story-chapter__media img,
				.entry-content > .teft-story-chapter.has-image.is-full .teft-story-chapter__media video,
				.teft-story-chapter.has-image.is-full .teft-story-chapter__media img,
				.teft-story-chapter.has-image.is-full .teft-story-chapter__media video {
					height: 100%;
					left: 0;
					-o-object-fit: cover;
					   object-fit: cover;
					position: fixed;
					top: 0;
					transform: perspective(0);
					width: 100%;
				}

.entry-content > .teft-story-chapter.has-image.is-full .teft-story-chapter__content-wrap, .teft-story-chapter.has-image.is-full .teft-story-chapter__content-wrap {
				background: #fff;
				border-radius: 12px;
				margin-bottom: 60vh;
				margin-top: 60vh;
				max-width: 600px;
				padding: 56px 0;
				position: relative;
				width: 100%;
				z-index: 4;
			}

.entry-content > .teft-story-cover,
.teft-story-cover {
	margin-bottom: 0;
	margin-top: 0
}

.entry-content > .teft-story-cover .teft-story-cover__media, .teft-story-cover .teft-story-cover__media {
		height: 100vh;
		position: relative;
		width: 100%;
	}

.entry-content > .teft-story-cover img,
	.entry-content > .teft-story-cover video,
	.teft-story-cover img,
	.teft-story-cover video {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		   object-fit: cover;
		position: absolute;
		top: 0;
		width: 100%;
	}

.entry-content > .teft-story-cover.is-fixed, .teft-story-cover.is-fixed {
		height: 100vh;
		position: relative
	}

.entry-content > .teft-story-cover.is-fixed .teft-story-cover__media, .teft-story-cover.is-fixed .teft-story-cover__media {
			clip: rect(0, auto, auto, 0);
			height: 100%;
			overflow: hidden;
			position: absolute;
			width: 100%;
		}

.entry-content > .teft-story-cover.is-fixed img,
		.entry-content > .teft-story-cover.is-fixed video,
		.teft-story-cover.is-fixed img,
		.teft-story-cover.is-fixed video {
			height: 100%;
			left: 0;
			-o-object-fit: cover;
			   object-fit: cover;
			position: fixed;
			top: 0;
			transform: perspective(0);
			width: 100%;
			z-index: -1;
		}

.block-editor .teft-story-cover.is-fixed img,
		.block-editor .teft-story-cover.is-fixed video {
			z-index: 1;
		}

.teft-story-hero {
	align-items: flex-end;
	display: flex;
	height: 100vh;
	justify-content: center;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding: 74px var(--teft-theme-site-padding);
	position: relative
}

.teft-story-hero::after {
		background: linear-gradient(180deg, rgba(2, 20, 49, 0) 0%, #021431 100%);
		content: "";
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2;
	}

.teft-story-hero .teft-story-hero__title-wrap {
		color: #fff;
		position: relative;
		text-align: center;
		z-index: 4
	}

@media screen and (max-width: 600px) {

.teft-story-hero .teft-story-hero__title-wrap {
			padding-bottom: 30px
	}
		}

.teft-story-hero .teft-story-hero__title-wrap h1 {
			font-size: var(--teft-typography-xxxl);
			margin: 0 auto
		}

@media screen and (max-width: 600px) {

.teft-story-hero .teft-story-hero__title-wrap h1 {
				font-size: var(--teft-typography-xl);
				margin: 0 auto 20px
		}
			}

.teft-story-hero .teft-story-hero__title-wrap .preamble {
			color: #fff;
			font-weight: 600;
			margin-bottom: 0;
		}

.teft-story-hero .teft-story-hero__media-wrap {
		clip: rect(0, auto, auto, 0);
		height: 100%;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%
	}

.teft-story-hero .teft-story-hero__media-wrap img,
		.teft-story-hero .teft-story-hero__media-wrap video {
			height: 100%;
			left: 0;
			-o-object-fit: cover;
			   object-fit: cover;
			position: fixed;
			top: 0;
			transform: perspective(0);
			width: 100%;
		}

.teft-story-hero .scroll-button {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDMuNDI0MTlMMTIgMjEuNDI0MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxIDEyLjQyNDJMMTIgMjEuNDI0MkwzIDEyLjQyNDIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		border: 0;
		border-radius: 100% !important;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
		cursor: pointer;
		height: 56px !important;
		width: 56px;
	}

.block-editor .teft-story-hero .teft-story-hero__media-wrap img,
		.block-editor .teft-story-hero .teft-story-hero__media-wrap video {
			z-index: 1;
		}

.wp-block[data-type="teft/story"] .block-list-appender {
	margin: 0 auto;
	max-width: 900px;
}