footer {
	padding: 40px 0 0 0;
	background-color: var(--primary-color);
	color: var(--white);
}

.footer-logo {
	max-width: 200px;
	height: auto;
	margin-bottom: 20px;
}

footer .news-list img {
	display: block;
	width: 150px;
	height: 80px;
	object-fit: cover;
}

footer a {
	color: var(--white);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}

footer .footer-title {
	font-size: 26px;
	font-weight: bolder;
	width: fit-content;
	border-bottom: 3px solid var(--hilite-color);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

footer a:hover,
footer a:focus,
footer a:active {
	color: var(--hilite-color) !important; 
	background-color: transparent !important;
}

.footer-social {
	padding-left: 0;
	list-style: none;
	text-align: center;
	margin: 20px auto;
}

.footer-social li {
	display: inline-block;
	margin: 0 10px;
}

.footer-social li a:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	color: var(--white);
	font-size: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.footer-social li a.twitter:before,
.content-social li a.twitter:before {
	content: "\e61b";
}

.footer-social li a.tiktok:before,
.content-social li a.tiktok:before {
	content: "\e07b";
}

.footer-social li a.facebook:before,
.content-social li a.facebook:before {
	content: "\f39e";
}

.footer-social li a.youtube:before,
.content-social li a.youtube:before {
	content: "\f167";
}

.footer-social li a.instagram:before,
.content-social li a.instagram:before {
	content: "\f16d";
}

.footer-social li a.snapchat:before,
.content-social li a.snapchat:before {
	content: "\f2ac";
}

.footer-social li a.linkedin:before,
.content-social li a.linkedin:before {
	content: "\f0e1";
}

.footer-social li a.pinterest:before,
.content-social li a.pinterest:before {
	content: "\f231";
}

.footer-social li a.flickr:before,
.content-social li a.flickr:before {
	content: "\f16e";
}

.footer-social li:hover a:before,
.content-social li:hover a:before {
	text-decoration: none;
	color: var(--hilite-color) !important;
}

.content-social {
	padding-left: 0;
	list-style: none;
	text-align: center;
	margin: 15px auto;
}

.content-social li {
	display: inline-block;
	margin: 0 5px;
}

.footer-address {
	padding-left: 0;
	list-style: none;
	font-size: 16px;
}

.footer-address li {
	display: block;
	margin-bottom: 6px;
}

footer .list-unstyled li {
	margin-bottom: 10px;
}

footer .copyright {
	background-color: #7d0016;
	padding: 20px 0;
	font-size: 14px;
}

footer .copyright a {
	color: var(--white);
	font-size: 14px;
	margin-right: 20px;
}

/* Portrait tablets and small desktops: MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-social li a:before {
		font-size: 22px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	.footer-address,
	footer h2 {
		text-align: center;
	}

	footer img {
		margin: 0 auto;
	}

	footer .copyright {
		margin-top: 40px;
	}

	.footer-social {
		text-align: center;
	}

	.footer-nav {
		margin-top: 20px;
	}
}

/* Landscape phones and portrait tablets: SM */
@media only screen and (max-width: 767px) {
	.footer-social li a:before {
		font-size: 22px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	.footer-nav {
		text-align: center;
	}

	.footer-nav .list-unstyled {
		border-right: none;
	}

	.footer-nav .col-6.col-md-3 {
		border-right: 1px solid var(--white);
	}

	.footer-nav .col-6.col-md-3:nth-child(2),
	.footer-nav .col-6.col-md-3:nth-child(4) {
		border-right: none;
	}

	.footer-address,
	footer h2 {
		text-align: center;
	}

	footer img {
		margin: 0 auto;
	}
}

/* Portrait phones and smaller: XS */
@media only screen and (max-width: 480px) {
}

/* Landscape tablets and medium desktops: LG */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer-social li a:before {
		font-size: 22px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	footer a {
		font-size: 14px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1369px) {
	.footer-social li a:before {
		font-size: 22px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 992px) {
	footer {
		text-align: center;
	}

	.footer-title {
		margin: 40px auto;
	}
}