.footer {
	position: relative;
	padding: 0;
	overflow: hidden;
	background-color: $trevas-dark;
	font-family: $trevas-font-book;
	border-top: 2px solid $trevas-purple;

	.container {
		position: relative;
		.row {
			z-index: 2;
			position: relative;
		}
		.sponsors {
			display: flex;
			margin-top: 20px;
			@include mobile {
				margin-top: 5px;
			}
			justify-content: center;
			a {
				margin-right: 30px;
				margin-left: 30px;
			}
		}
	}

	&__logo-ctr {
		margin-top: -3px;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}

	&__logo-tagline {
		font-family: $trevas-font-book;
		font-weight: 600;
		margin-right: 10px;
		color: $trevas-dark;
		justify-content: center;
	}

	&__logo {
		display: block;
		margin: 5px 0 0 0;
		max-width: none;
		width: 50px;
		height: auto;
		justify-content: center;
	}

	&__title {
		margin-bottom: 14px;
		line-height: 1.25;
		font-size: 14.5px;
		font-weight: 600;
		font-family: $trevas-font-book;
		color: $trevas-dark;

		@include tablet-mobile {
			margin-bottom: 22px;
		}
	}

	&__links {
		margin-bottom: 0;
		text-align: center;
		@include tablet-mobile {
			margin-top: 45px;
		}
	}

	&__col {
		margin-bottom: 0 !important;

		@include tablet {
			--ifm-col-width: 33.33% !important;
		}

		@include mobile {
			--ifm-col-width: 50% !important;
		}
	}

	&__items {
		width: auto;
		color: $trevas-dark;
	}

	&__item {
		width: auto;
		a {
			text-decoration: none;
		}
		a img {
			margin-right: 10px;
		}
		&:not(:first-child) {
			@include tablet-mobile {
				margin-top: 15px;
			}
		}
	}

	&__link-item {
		text-decoration: none;
		line-height: 1.1;
		font-size: 14.5px;
		color: $trevas-dark;
		transition: color 0.2s ease-in-out;

		&:hover {
			color: $trevas-purple-secondary;
		}
	}

	&__copyright {
		height: 0;
	}
}