
@charset "UTF-8";

@keyframes fade-in-down {
	0% {
		opacity: 0;
		transform: translateY(-4%);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translateY(4%);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes hover {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	to {
		opacity: 1;
		transform: translateY(10%);
	}
}

.wp-block-timeular-blocks-library-site-hero {
	display: flex;
	flex-direction: column;
	gap: 60px;
	margin: 0 calc(0px - var(--container-inset));
	padding: 50px 0 100px;
	text-align: center;
}

@media (min-width:818px) {
	.wp-block-timeular-blocks-library-site-hero {
		margin: 0;
	}
}

@media (max-width:596px) {
	.wp-block-timeular-blocks-library-site-hero {
		margin: 0;
		overflow-x: hidden;
		width: calc(100% + var(--container-inset));
	}
}

.wp-block-timeular-blocks-library-site-hero section {
	display: flex;
	flex-direction: column;
}

.wp-block-timeular-blocks-library-site-hero section:first-of-type {
	padding: 0 var(--container-inset);
}

@media (min-width:818px) {
	.wp-block-timeular-blocks-library-site-hero section:first-of-type {
		padding: 0;
	}
}

@media (min-width:818px) and (max-width:1196px) {
	.wp-block-timeular-blocks-library-site-hero section:first-of-type {
		margin: 0 calc(0px - var(--container-inset));
	}
}

.wp-block-timeular-blocks-library-site-hero section .subtitle {
	margin-bottom: 20px;
}

@media (max-width:1196px) {
	.wp-block-timeular-blocks-library-site-hero section .subtitle {
		margin-bottom: 10px;
	}
}

.wp-block-timeular-blocks-library-site-hero section h1.title {
	font-size: 44px;
	letter-spacing: -.01em;
}

@media (min-width:818px) {
	.wp-block-timeular-blocks-library-site-hero section h1.title {
		font-size: 62px;
		letter-spacing: -.02em;
	}
}

.wp-block-timeular-blocks-library-site-hero section h2.title {
	font-size: 32px;
	letter-spacing: -.01em;
}

@media (min-width:818px) {
	.wp-block-timeular-blocks-library-site-hero section h2.title {
		font-size: 44px;
		letter-spacing: -.01em;
	}
}

.wp-block-timeular-blocks-library-site-hero section .title {
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center;
}

.wp-block-timeular-blocks-library-site-hero section .title span {
	color: var(--timeular-lavendar);
}

.wp-block-timeular-blocks-library-site-hero section .buttons-container {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin-top: 30px;
}

.wp-block-timeular-blocks-library-site-hero section .buttons-container .button-container {
	display: flex;
	flex-direction: column;
}

.wp-block-timeular-blocks-library-site-hero section .buttons-container .button-container .fine-print {
	color: var(--timeular-midnight-60);
	display: block;
	margin-top: 10px;
	opacity: .6;
}

.wp-block-timeular-blocks-library-site-hero section .hero-image {
	aspect-ratio: 16/9;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
}

.wp-block-timeular-blocks-library-site-hero .gutter {
	width: 70px;
}

@media (max-width:1196px) {
	.wp-block-timeular-blocks-library-site-hero .gutter {
		display: none;
	}
}

.wp-block-timeular-blocks-library-site-hero .capterra-container {
	display: block;
	height: 50px;
	margin-bottom: 20px;
}

.wp-block-timeular-blocks-library-site-hero .capterra-container a {
	display: flex;
	height: 100%;
	justify-content: center;
}

.wp-block-timeular-blocks-library-site-hero .hero {
	--anim-fade-delay: 250ms;
	--anim-fade-duration: 1s;
	--anim-hover-duration: 10s;
	--anim-fade-up: fade-in-up var(--anim-fade-duration) var(--anim-fade-delay) cubic-bezier(.29, .01, .14, 1.1) forwards;
	--anim-fade-down: fade-in-down var(--anim-fade-duration) var(--anim-fade-delay) cubic-bezier(.29, .01, .14, 1.1) forwards;
	--anim-hover: hover var(--anim-hover-duration) ease-in-out infinite alternate;
	--container-width: 1136;
	margin: 0 auto;
	max-width: calc(1px * var(--container-width));
	pointer-events: none;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
}

.wp-block-timeular-blocks-library-site-hero .hero img {
	-o-object-fit: cover;
	object-fit: cover;
}

.wp-block-timeular-blocks-library-site-hero .hero-image {
	animation: var(--anim-fade-up);
	aspect-ratio: 16/9;
	max-width: 100%;
	opacity: 0;
	width: 100%;
}

.wp-block-timeular-blocks-library-site-hero .hero-image-decor {
	position: absolute;
}

.wp-block-timeular-blocks-library-site-hero .hero-image-decor--left {
	animation: var(--anim-fade-down);
	animation-delay: .5s;
	left: 0;
	opacity: 0;
	top: 0;
	translate: -2.5% 4.9%;
	width: calc(328 / var(--container-width) * 100%);
	z-index: 3;
}

.wp-block-timeular-blocks-library-site-hero .hero-image-decor--right {
	animation: var(--anim-fade-up), var(--anim-hover);
	animation-delay: calc(var(--anim-fade-duration) * .8), 10s;
	animation-duration: var(--anim-fade-duration), 8s;
	bottom: -30.7%;
	opacity: 0;
	right: -15%;
	width: calc(475.33 / var(--container-width) * 100%);
	z-index: 3;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote-graphic {
	--vw: 4%;
	animation: var(--anim-fade-up), var(--anim-hover);
	animation-delay: var(--anim-fade-duration), 2s;
	animation-duration: var(--anim-fade-duration), 9s;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-radius: var(--vw)/calc(var(--vw) * 1.61089);
	bottom: 20%;
	box-shadow: inset 0 0 0 1px #fff, 0 16px 32.0623px rgba(34, 34, 85, .3);
	height: auto;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 1.5%;
	width: calc(346 / var(--container-width) * 100%);
	z-index: 2;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote {
	all: unset;
	align-items: flex-start;
	background-color: hsla(0, 0%, 100%, .8);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	font-weight: 600;
	gap: 24px;
	line-height: 1.8;
	margin: 0;
	padding: 30px;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote p {
	margin: 0;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote q {
	quotes: "“" "”" "‘" "’";
}

.wp-block-timeular-blocks-library-site-hero .hero-quote q:before {
	content: open-quote;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote q:after {
	content: close-quote;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__figure {
	display: flex;
	gap: 20px;
	margin: 0;
	text-align: left;
	width: 100%;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__caption {
	flex: 1;
	overflow: hidden;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__author, .wp-block-timeular-blocks-library-site-hero .hero-quote__author-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__author {
	font-weight: 600;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__caption cite {
	font: inherit;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__image {
	aspect-ratio: 1/1;
	border-radius: 9999px;
	flex-shrink: 1;
	-o-object-fit: cover;
	object-fit: cover;
	width: 60px;
}

.wp-block-timeular-blocks-library-site-hero .hero-quote__rating {
	color: #fa5;
}
