/*
Multi-level dropdown on header navigation bar
https://stackoverflow.com/a/45755948
*/

.dropdown-menu {
	position: relative;
}

.dropdown-menu .show > .dropdown-toggle::after {
	transform: rotate(-90deg);
}

.dropdown-menu .dropdown-menu {
	top: calc(100% - 3.25rem);
	left: calc(100% + .25rem);
}

/* Structure */

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
}

main {
	padding: 1.5rem 0;
	flex: 1 0 auto
}

header, footer {
	flex-shrink: 0;
	background-color: #f5f5f5;
}

footer div {
	padding: 1rem 0;
}


/* Fade in/out animations */
.fadein {
	animation: fadein var(--fadein-duration);
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeout {
	animation: fadeout var(--fadeout-duration);
}

@keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}