html {
  scroll-behavior: smooth;
  scroll-padding-top: 10em;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.animated-image-block {
	padding: 1em;
	position: relative;
	
	
}

.animated-image-block img {
	display: block;
	max-width: 100%;
	border-radius: 14px;		
}
	
.animated-image-block .image-1 {
	width: 100%;
	height: auto;
}

.animated-image-block .image-2 {
	position: absolute;		
	z-index: 2;
	animation: float 6s ease-in-out infinite;		
	box-shadow: 0px 0px 20px 0px var(--wp--preset--color--custom-dark-blue, #1d2939);
	height: auto;
}
.animated-image-block.no-shadow .image-2 {
	box-shadow: none;
}

.animated-image-block::before {
    content: '';
    z-index: -1;
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #66c9e8 22%, var(--wp--preset--color--custom-blue-dark) 78%);
    border-radius: 25px;
}

@media (max-width: 900px) {
	.animated-image-block {
		padding: 0.65em;
		
		img {
			border-radius: 8px;
		}
		
		.image-2 {
			right: 0 !important;
		}
	}
	
	.animated-image-block::before {
		border-radius: 16px;
	}
}
/*
.left {
	.image-2 {
		position: absolute;
		left: -10%;
		bottom: -10%;
		z-index: 2;
		animation: float 6s ease-in-out infinite;
		max-width: 20%;
	}
}
*/
.overlay-right .wp-block-cover__background {
	background: radial-gradient(rgb(163, 217, 240) 0%, rgb(255, 255, 255) 70%);
    position: absolute;
    left: 40%;
    width: 100%;
    height: 100%;
}

.wp-block-cover.blur .wp-block-cover__inner-container > div {
	position: relative;
}

.wp-block-cover.blur .wp-block-cover__inner-container > div::before {
	content: '';
	position: absolute;
    width: 41.375rem;
	height: 41.375rem;
	flex-shrink: 0;
    left: -25%;
	top: 50%;
	transform: translate(0%, -50%);
    border-radius: 41.375rem;
	background: #66c9e8;	
	filter: blur(324.5px);
    z-index: -1;
	max-width: 100%;
}

.wp-block-cover.blur.velit .wp-block-cover__inner-container > div::before {
	background: var(--wp--preset--gradient--pale-ocean, linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%));
}
/*
.wp-block-cover.blur .wp-block-cover__inner-container > div::before {
	content: '';
	position: absolute;
    width: 1960px;
	height: 1960px;
	flex-shrink: 0;
    left: -930px;
	top: -930px;	
	background-image: url("https://www.velitsolutions.com/staging/wp-content/uploads/2024/06/Ellipse.png");	
    z-index: -1;
	filter: blur(324.5px);
}
*/
.wp-block-cover.blur {
	overflow: unset;
	.wp-block-cover__inner-container {
		z-index: unset;		
	}
	.wp-block-cover__background {
		display: none;
	}
}

.wp-block-column figure.wp-block-image:not(.plain) {
	/*width: 3.5em;
    height: 3.5em;    
    padding: 0.75em;*/
	flex-shrink: 0;
	width:3.5rem;
	height: 3.5rem;
	padding: 1.25rem;
    aspect-ratio: 1;
    /*border-radius: 25%;    
    box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 1px 0px inset;
    background: linear-gradient(160deg, #006385 22%, #42307D 78%);
	background: linear-gradient(160deg, #1d2939 22%, #26364b 78%);*/
	background-size: contain;	
	background-repeat: no-repeat;
	background-image: url('https://www.velitsolutions.com/staging/wp-content/uploads/2024/07/plate.svg');
	img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}
}
.wp-block-column figure.wp-block-image.velit:not(.plain) {
	background-image: url('https://www.velitsolutions.com/staging/wp-content/uploads/2024/07/plate-velit.svg');
	width:6.0rem;
	height: 6.0rem;
}
.overflow-hidden {
	overflow: hidden;
}

.full-height, .full-height img {
	height: 100%;
}

.wp-block-group.blur {
	position: relative;
	overflow: hidden;
}

.wp-block-group.blur::before {
	content: '';
	position: absolute;
    width: 41.375rem;
	height: 41.375rem;
	flex-shrink: 0;
    left: 50%;
	top: 50%;
	transform: translate(-50%, 0%);
    border-radius: 41.375rem;
	background: #66c9e8;	
	filter: blur(324.5px);
    z-index: -1;
}

.wp-block-navigation .wp-block-navigation-item {
    width: max-content;
}

.scrollable-content {	
	position: relative;
	overflow: hidden;
		
	.scrollable-content-inner {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		box-sizing: content-box;	
		scroll-snap-type: x mandatory;
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
    	scrollbar-width: none;  /* Firefox */
		
		&::-webkit-scrollbar { 
			display: none;  /* Safari and Chrome */
		}
		
		#left-button, #right-button {
			cursor: pointer;
		}		
	
		> div {
			flex-shrink: 0;
			display: grid;
		}
		.wp-block-tiptip-hyperlink-group-block {
			height: 100%;
			border-radius: 14px;
		}
		.wp-block-group {
			display: grid;
			grid-template-rows: 100px 3em auto;
			height: 100%;
			gap: 1em;
		}
	}
}

.wp-block-tiptip-hyperlink-group-block.rounded {
	border-radius: 14px;
}


#roadmap {
	position: relative;
	
	#mascot {
		position: relative;
		left: -600px;
		top: -120px;
	}
	#kickoff {
		position: relative;
		left: 100px;
		top: -200px;
	}
	#training {
		position: relative;
		left: 400px;		
		top: -150px;
	}
	#config {
		position: relative;
		left: 250px;
		top: -150px;
	}
	#launch {
		position: relative;
		left: 550px;
		top: -150px;
	}
	#live {
		position: relative;
		left: 700px;
		top: -150px;
	}
}