:root {
	--terms-toolbar-background-colour: #001e36;
	--terms-toolbar-text-colour: white;
	--theme-navmenu-bg-color: #0066b9;
	--theme-navmenu-fg-color: white;
	--theme-footer-bg-color: #00467f;
	--theme-footer-fg-color: white;
	--theme-button-primary-background-color: #0066b9;
	--theme-button-primary-background-color-hover: #eee;
	--theme-button-primary-background-color-focus: #eee;
	--theme-button-primary-text-color-focus: #0066b9;
	--theme-button-secondary-text-color-focus: #0066b9;
	--theme-button-primary-text-color-hover: #0066b9;
	--theme-button-secondary-text-color-hover: #0066b9;
	--theme-button-primary-text-color: white;
	--theme-button-primary-border-color-disabled: #8d99d4;
	--theme-button-primary-background-color-disabled: #8d99d4;
	--logo-url: url("assets/image/logo/LaTrobeUni.png");
	--theme-grid-header-bg-colour: rgb(21, 34, 122);
	--theme-grid-row-alt-bg-colour: #e4e5eb;
}

.footer-parent {
	width: 100%;
}

.common-footer {
	display: flex;
	width: 100%;
	padding-top: 1em;
	justify-content: space-around;
}

.footer-list li:first-child ::after {
	content: "|";
	color: #0066b9;
	padding-left: 1rem;
	padding-right: 1rem;
}

.socialmedia,
.container {
	display: flex;
}

.social-list,
.social-list li,
.footer-list li {
	list-style-type: none;
	display: inline-block;
}

.socialmedia a,
.footer-list li a {
	color: white;
}

.socialmedia a {
	text-decoration: underline;
}

.social-list {
	border-right: 2px solid #0066b9;
	margin-right: 1rem;
	padding-right: 1rem;
}

.social-list li a :hover {
	transform: scale(1.1, 1.1);
}
.social-list li a {
	display: block;
	height: 1.6rem;
	width: 1.5rem;
	margin-left: 0.5rem;
	background-position: center;
	background-repeat: no-repeat;
}

.lower-container {
	width: calc(100% + 2em);
}

.facebook a {
	background-image: url("../image/facebook.svg");
}

.instagram a {
	background-image: url("../image/instagram.svg");
}
.youtube a {
	background-image: url("../image/youtube.svg");
}
.twitter a {
	background-image: url("../image/twitter.svg");
}
.linkedin a {
	background-image: url("../image/linkedin.svg");
}

.push {
	margin-left: 6rem;
}

@media (max-width: 1023px) {
	.common-footer {
		flex-direction: column;
		align-items: center;
	}

	.push {
		margin-left: 0;
	}
}