:root{
	--layout-header-height:60px;
	--layout-padding:2rem;
	
	@media(max-width:1440px){
		--layout-padding:1rem;
	}
}
/*
	Layout
*/
#layout-default{
	
}
#header{
	border-bottom:1px solid #dfdfdf;
}
#header.transparent{
	border-bottom:0;
	color:#fff;
	transition:.3s;
}
#header .container-fluid{
	padding-left:2rem;
	padding-right:2rem;
}
	#header__nav a{
		font-size:1.40rem;
		font-weight:bold;
	}
	#header.transparent #header__nav a{
		color:#fff;
	}
	#header__nav a:hover{
		color:var(--color-primary);
	}
	
	#header button{
		font-size:1rem;
		color:#121212;
	}
	#header button i{
		color:#121212;
		font-size:2rem;
	}
	#header.transparent button,
	#header.transparent button i{
		color:#fff;
	}
	#header button:hover{
		background-color:transparent;
	}

#header.active{
	background-color:rgba(255,255,255,.98);
	box-shadow:var(--muted-box-shadow);
	
}
#header.active #header__nav a{
	color:#121212;
}
#header.active #header__nav a:hover{
	color:var(--color-primary);
}
#header.active button i{
	color:#121212;
}
#body{
	padding:0;
}

#footer{
	background-color:#121212;
	color:rgba(255,255,255,.8);
	padding:2rem 0;
}
#footer a{
	color:rgba(255,255,255,.8);
}
#footer a:hover{
	color:#fff;
	background-color:rgba(255,255,255,.05);
}
#footer .nav a{
	padding:.5rem .5rem;
}