/*==================================================
GREEN ASIST | 09-layout.css 
==================================================*/

/*==============================
APP STRUCTURE
==============================*/

body{
display:flex;
flex-direction:column;
min-height:100vh;
padding-top:var(--header-height);
}

/*==============================
HEADER SLOT
==============================*/

#siteHeader{
width:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
height:var(--header-height);
}

/*==============================
MAIN CONTENT AREA
==============================*/

.siteMain{
flex:1;
width:100%;
}

/*==============================
FOOTER
==============================*/

#siteFooter{
width:100%;
margin-top:auto;
}

/*==============================
CONTAINER SYSTEM
==============================*/

.container{
width:100%;
max-width:1440px;
margin:0 auto;
padding:0 24px;
}
/*==================================================
GREEN ASIST | SHELL VIEWPORT
==================================================*/

#pageViewport{
	width:100%;
	min-width:0;
}

#pageViewport > main{
	width:100%;
}