/**
 * Theme Name: arvinds-lab
 * Based on Fuse
 * Version: 1.0
 */


/* ## DEV
------------------------------------------- */
	html:after{
		content: 'Version 1.0';
		position: fixed;
		bottom: 0;
		left:0;
		background-color: black;
		padding: 6px;
		color: white;
		font: bold 10px monospace;
	}

/* ## Page
------------------------------------------- */

/* ## Header
------------------------------------------- */
	header.wp-block-template-part {
		position: sticky;
		top: 0;
		/* height: fit-content; */
		z-index: 20;
		transition: all 0.4s ease;
		.inner{
			position: relative;
		}
		.wp-block-site-logo img {
			width: 120px !important;
			height: 160px;
			border-radius: 8px;
			object-fit: cover;
			object-position: top;
			transition: all 1s ease;
		}
		.main-menu{
			position: absolute;
			left: 0;
			top: 50vh;
			max-width: 200px;
		}

	}
	body.scrolled header.wp-block-template-part {
		top: 0;
		.wp-block-site-logo img {
			height: 86px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
	}

/* ## Footer
------------------------------------------- */
	footer.wp-block-template-part {
		position: relative;
		z-index: var(--z-top);
	}

/* ## Body
------------------------------------------- */
	body{
		padding-inline: 30px;
		overflow-x: clip;
	}

/* ## Main
------------------------------------------- */
	.wp-site-blocks main#contentZone{
		/* position: relative; */
		min-height: 80vh;
	}

/* ## Menus
------------------------------------------- */


/* ## Home Page
================================= */
	body.home{
		h1.wp-block-post-title{
			display: none;
		}
	}

/* ## Buttons
================================= */
	.wp-block-button{
		&.is-style-outline a.wp-block-button__link{
			transition: all 0.4s ease;
		}
		&.is-style-outline a.wp-block-button__link:hover{
			background-color: var(--wp--preset--color--swatch-001);
			color: white;
		}

	}