@import "@{parenturl}/less/mixins.less";
@import "@{themeurl}/less/vars.less";

#header nav .spacer { display:none !important; }

#after-footer {
	display:flex;
	gap:10px;
	position:sticky;
	z-index:99;
	bottom:0;
	> * {
		box-shadow:0 0 10px fade(#000, 75);
	}
	a {
		.vertAlign;
		flex-direction:column;
		color:#fff;
		.font(Raleway, 400, 14px);
		padding:.5em;
		text-align:center;
		svg {
			height:1.5em;
			width:auto;
			display:block;
			margin:.5em auto 0;
			fill:currentcolor;
		}
	}
	.email {
		background-color:#595b5c;
		flex:1;
	}
	.westerville {
		background-color:@blue;
	}
	.hilliard {
		background-color:@light_blue;
	}
	.westerville, .hilliard {
		display:grid;
		grid-gap:4px;
		grid-template-columns:repeat(4, 1fr);
		flex:3;
		padding-right:4px;
		h5 {
			grid-column: span 4;
			color:#fff;
			.font(Raleway, 400, 20px, 1);
			padding:.25em .5em;
			text-align:center;
			text-transform:uppercase;
			.vertAlign;
		}
		a {
			margin-top:4px;
			margin-bottom:4px;
			background-color:#fff;
			color:#595b5c;
		}
	}
	body.westerville & {
		.hilliard { display:none !important; }
	}
	body.hilliard & {
		.westerville { display:none !important; }
	}
}