footer {
	background-color: var(--color-lightgrey);
	padding-top:70px;
	padding-bottom:86px;
	position: relative;
}

@media only screen and (min-width: 767px) {
	footer::after {
		content:'';
		position: absolute;
		top:0;
		right:0;
		bottom:0;
		width: calc(50% - 1rem);
		background-color: var(--color-mediumlightgrey);
	}
}
@media only screen and (max-width: 766px) {
	footer {
		padding-bottom: 0;
	}
	.footer-col-1 {
		padding-bottom:30px;
	}
	.footer-col-2 {
		background-color: var(--color-mediumlightgrey);
		padding-bottom:46px;
		padding-top:35px;
	}
}

.footer-wrapper {
	position: relative;
	z-index:1;
}

.footer-navigation {
	align-items: center;
	display: flex;
}

.footer-navigation ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

.footer-navigation ul li {
	display: inline-block;
	margin-right: 7px;
}

.footer-navigation ul li a {
	font-weight: 500;
	margin-right: 7px;
	position: relative;
	text-decoration: none;
}
.footer-navigation ul li a:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height: 2px;
	bottom:2px;
	background-color: var(--color-black);
	transition: width 0.2s ease;
}
.footer-navigation ul li a:hover::after,
.footer-navigation ul li.current a::after {
	width: 0%;
}

.footer-navigation ul li.current a,
.footer-navigation ul li a:hover {
	font-weight: 600;
}



.footer-socialicons nav {
	display: flex;
	justify-content: flex-start;
}

.footer-socialicons ul {
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style-type: none;
	/* border-right: 1px solid var(--color-black); */
	display: inline-block;
}

.footer-socialicons ul li {
	/*border:1px solid var(--color-black);
	border-right:0;*/
	transition:color 0.2s ease, background-color 0.2s ease;
	display: inline-block;
}

.footer-socialicons ul li a {
	display: inline-block;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: clamp(2.5rem, 1.7378rem + 2.439vw, 3.75rem);
	height: clamp(2.5rem, 1.7378rem + 2.439vw, 3.75rem);
	font-size: clamp(1.3125rem, 0.9695rem + 1.0976vw, 1.875rem);
}



.footer-socialicons ul li:hover {
	background-color: var(--color-black);
	color:var(--color-white);
}