/*
Theme Name: [NovaZero]
Author: Arvind Sardar
Description: Base Theme
License: GPLv2 License
License URI: https://wordpress.org/about/gpl/
Text Domain: nova
Version: 6
*/


/* » Reset */
/* 1. Use a more-intuitive box-sizing model. */
*, *::before, *::after { box-sizing: border-box; } /* 2. Remove default margin */ * { margin: 0; } /* 3. Allow percentage-based heights in the application */ html, body { min-height: 100vh; } /* Typographic tweaks! 4. Add accessible line-height 5. Improve text rendering */ body { line-height: 1.5; -webkit-font-smoothing: antialiased; } /* 6. Improve media defaults */ img, picture, video, canvas, svg { display: block; max-width: 100%; } /* 7. Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } /* 8. Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } /* 9. Create a root stacking context */ #root, #__next { isolation: isolate; }html { scroll-behavior: smooth; } body { margin: 0; padding: 0; overflow-x: hidden; transition: all 0.5s ease; }/*CLEARFIX*/.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }



/* » responsive video */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video-container :is(iframe, object, embed) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



/* » Colours
**************************************************/
	body {
		--gray05: hsl(0, 0%, 95%);
		--gray10: hsl(0, 0%, 90%);
		--gray20: hsl(0, 0%, 80%);
		--gray30: hsl(0, 0%, 70%);
		--gray40: hsl(0, 0%, 60%);
		--gray50: hsl(0, 0%, 50%);
		--gray60: hsl(0, 0%, 40%);
		--gray70: hsl(0, 0%, 30%);
		--gray80: hsl(0, 0%, 20%);
		--gray90: hsl(0, 0%, 10%);


	}


/* » Typography
**************************************************/
	@font-face {
		font-family: 'RobotoFlex';
		src: url('assets/fonts/RobotoFlex-Variable.ttf') format("truetype-variations");
		font-weight: 1 999;
	}

	html,
	body {
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	body {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		font-family: 'RobotoFlex',sans-serif;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 20px;
		line-height: 1.2;
		font-weight: 200;
	}

	h1 {
		font-size: clamp(32px, 21.818px + 3.182vw, 60px);
	}
	em {
		font-style: normal;
	}
	h2 {
		font-size: clamp(32px, 21.818px + 3.182vw, 60px);
	}
	h3 {
		font-size: 30px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 17px;
	}
	h6 {
		font-size: 15px;
	}
	p {
		margin-bottom: 12px;
	}
	p + h2,
	p + h3 {
		margin-top: 30px;
	}
	big {
		font-size: 125%;
	}
	small {
		font-size: 80%;
	}


/* » WP Core Blocks
**************************************************/
	hr,
	hr.wp-block-separator {
		border:none;
		margin-top: 0;
		margin-bottom: 0;
		height: 1px;
		background-color: var(--gray50);
	}

/* » Buttons
**************************************************/
	body a.wp-block-button__link,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		background-color: var(--gray10);
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
		line-height: 1;
		color: white;
		display: inline-block;
		cursor: pointer;
		border: solid 1px var(--gray30);
		padding: 15px 28px;
		border-radius: 99px;
	}


/* » Links
**************************************************/
	a {
		color: var(--gray70);
		transition: all 0.4s ease;
		text-decoration: none;
	}
	a:hover {
		color: var(--gray50);
	}


/* » Layout
**************************************************/
body{
	width: min(1200px, 100%);
	margin-inline: auto;
}
#zone__header{
	padding: 10px;
	background-color: var(--gray05);
	margin-bottom: 50px;
}
#zone__footer{
	padding: 10px;
	background-color: var(--gray05);
	margin-top: 50px;
}

/* » Nav
**************************************************/
.menu-basic{
	background-color: var(--gray10);
}
.menu-basic > ul{
	display: flex;
	list-style-type: none;
	gap: 20px;
}
.menu-basic > ul > li{
	padding: 10px;
}