/* UNIVERSAL */
/* Header */
div.header {
	position:fixed;
	top:0px;
	width:100vw;
	height:var(--header-height);
	border-bottom:1px solid white;
	background-color:white;
	box-shadow:var(--shadow);
	z-index:10000;
	opacity:95%;
}

	div.header a.logo {
		position:relative;
		left:calc(var(--margin) - 4px); /* Visually align the left edge of the 'P' to the margin */
		height:var(--header-height);
		line-height:var(--header-height);
		text-align:left;
		font-size:30px;
	}
	
	
/* UNIVERSAL */
/* Header Navigation */
div.header nav {
	position:absolute;
	right:var(--margin);
	bottom:24px;
	height:24px;
	width:calc(100% - 200px); /* Minus the width of the logo */
	z-index:9001;
	}
		
	div.header nav > * {
		position:relative;
	    margin-left:var(--margin-m);
		float:right;
		}
	
	
	div.header nav > a svg {
		position:relative;
		margin:2px 0px;
		height:18px;
		width:18px;
		color:var(--gray-6);
		transition:.5s;
	}
		
		div.header nav > a:hover svg {
			opacity:1;
			color:var(--blue);
		}



/* Dev Flag */
/* Shows in development envirionments */
div.header.dev::before {
	content:"DEV";
	position:absolute;
	top:0px;
	right:var(--margin);
	background-color:var(--red);
	height:var(--margin-m);
	line-height:var(--margin-m);
	padding:0px var(--margin-m);
	border-radius:0px 0px var(--radius-tight) var(--radius-tight);
	font-size:11px;
	text-align:center;
	color:var(--white);
}

		
			
/* Credit badge */
.tier_badge {
	height:20px;
	border-radius:10px;
	top:2px;
	text-transform:uppercase;
	overflow:hidden;
	margin-right:var(--margin);
	outline:2px solid var(--gray-10);
}

	.tier_badge span,
	.tier_badge a {
		height:20px;
		line-height:21px;
		font-size:9px;
		font-weight:400;
		text-align:center;
		color:white;
		display:block;
		float:left;
		padding:0px 14px;
	}
		
	.tier_badge span {
		background-color:var(--gray-6);
		padding-left:var(--margin-s);
	}
	
	.tier_badge a {
		padding-right:var(--margin-s);
		background-color:var(--blue) !important;
		outline:1px solid white;
		border-radius:0px 10px 10px 0px;
		transition:.5s;
	}

		.tier_badge a:hover {
			outline:1px solid white;
			background-color:var(--orange) !important;
		}
			
/* Footer */
div.footer {
	position:relative;
	width:100%;
	padding:0px;
	margin:60px 0px 0px 0px;
    z-index:1;
    max-width:1440px;
    border-top:1px solid var(--gray-10);
	}
		
	div.footer a.logo {
		display:block;
		width:100%;
		position:relative;
		border-top:1px solid var(--medium);
		padding-top:var(--margin-m);
		margin-bottom:var(--margin-xs);
		}
    
	div.footer div.footer_column {
		float:left;
		width:33%;
		}
		
		div.footer ul {
			list-style:none;
			font-size:14px;
			}
	
		@media (max-width: 600px) {
		    div.footer_column {
				width:100% !important;
				}
		    }
		
	div.footer div.footer_content_legal {
		margin-top:40px;
		color:var(--gray-3);
		font-size:14px;
		line-height:17px;
		}