/* Google Font: Merriweather for quotes */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

/* LAYOUT STRUCTURE – layout.css */
*, *::before, *::after
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html
{
	height: 100%;
	width: 100%;
	word-wrap: break-word;
}

body
{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow-x: hidden;
	overflow-y: auto;
/*	background-image: url('/images/background/landing_bg_02.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	background-color: rgb(230, 230, 230);
	font-family: Arial, sans-serif;
}

.slot-container
{
	position: relative;
	/*top: 80px;*/
	/*min-width: 320px;*/
	/*height:auto;*/
	/*min-height: 100vh;*/
	/*max-height: 630px;*/
	/*min-height: 800px;*/
	/*height: calc(100vh -60px);*/
	/*padding-top: calc(50vh -300px);*/
	/*padding-top: 160px;*/
}

.page-header-container
{
	position: sticky;
	top: 0;
	z-index: 1060;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	height: 60px;
	background-color: rgb(230, 230, 230);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.breadcrumb-container
{
	position: sticky;
	top: 60px;
	z-index: 1000;
	background-color: rgb(230, 230, 230);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.page-content-container
{
	flex-grow: 1;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: rgb(240, 240, 240);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.page-footer-container
{
	/*position: sticky;*/
	bottom: 0px;
	/*z-index: 1030;*/
	display: flex;
	align-items: center;
	/*height: 80px;*/
	flex-shrink: 0;
	background-color: rgb(230, 230, 230);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}