/*
=========================================
 VidooHub Theme
 Main Stylesheet
 Version: 1.0.0
=========================================
*/

/* Reset */

*,
*::before,
*::after{
	margin:0;
	padding:0;
	box-sizing:border-box;
}


/* Variables */

:root{
	--vh-bg:#0f0f0f;
	--vh-surface:#1a1a1a;
	--vh-primary:#ff2d75;
	--vh-text:#ffffff;
	--vh-text-muted:#9ca3af;
	--vh-border:#2a2a2a;

	/* Layout */

	--vh-header-height:72px;
	--vh-bottom-nav-height:0px;
}


/* Base */

html{
	scroll-behavior:smooth;
	height:100%;
}

body{
	min-height:100vh;
	background:var(--vh-bg);
	color:var(--vh-text);
	font-family:Arial,sans-serif;
	line-height:1.5;
}


/* Main Content */

.vh-main{
	width:100%;
	min-height:100vh;

	padding-top:72px;
	padding-bottom:72px;
}


/* Main Layout */

main{
	width:100%;
	min-height:calc(
		100vh -
		var(--vh-header-height) -
		var(--vh-bottom-nav-height)
	);

	padding-top:var(--vh-header-height);
	padding-bottom:var(--vh-bottom-nav-height);
}


/* ==========================================================================
   Mobile / Tablet Layout
   ========================================================================== */

@media (max-width:1024px){

	:root{
		--vh-header-height:64px;
		--vh-bottom-nav-height:72px;
	}

	.vh-main{
		padding-top:64px;
		padding-bottom:72px;
	}

	main{
		padding-top:64px;
		padding-bottom:72px;
	}

}