﻿/*Footer*/
footer
{
	background-color:var(--basic-800);
	position:relative;
}

/*Footer - Top*/
.footer-top
{
	padding-block:80px;
}
.footer-top-content
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:40px 24px;
}
.footer-top-content img
{
	max-height:40px;
	filter:brightness(0) invert(1);
}
.footer-top-content .footer-contact
{
	display:flex;
	gap:24px 64px;
	color:var(--basic-0);
	font-size:14px;
}
.footer-top-content .footer-contact__column
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:8px;
}
.footer-contact__location
{
	display:flex;
	gap:40px;
}
.footer-top-content .footer-contact .title
{
	font-weight:800;
	text-transform:uppercase;
}
.footer-top-content .footer-contact a
{
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--basic-0);
	text-decoration:none;
}
.footer-top-content .footer-contact a i
{
	font-size:2rem;
}
@media (hover:hover)
{
	.footer-top-content .footer-contact a:hover
	{
		color:var(--secondary-100);
	}
}
@media all and (max-width:991px)
{
	.footer-top-content .footer-contact
	{
		flex-wrap:wrap;
	}
}
@media all and (max-width:575px)
{
	.footer-top
	{
		padding-block:80px 48px;
	}
}

/*Footer - Bottom*/
.footer-bottom-content
{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:12px 40px;
	color:var(--basic-0);
	font-size:12px;
	border-top:1px solid var(--basic-0);
	padding-block:24px 16px;
}
.footer-bottom-content .copyright
{
	font-weight:500;
	letter-spacing:0.24rem;
}
.footer-bottom-content .divider
{
	width:1px;
	height:24px;
	background-color:var(--basic-0);
}
.footer-bottom-content a
{
	color:var(--basic-0);
	text-decoration:none;
}
@media (hover:hover)
{
	.footer-bottom-content a:hover
	{
		color:var(--secondary-100);
	}
}
@media all and (max-width:575px)
{
	.footer-bottom-content
	{
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.footer-bottom-content .copyright
	{
		flex-basis:100%;
	}
	.footer-bottom-content .divider
	{
		display:none;
	}
}

/*Back To Top*/
.back-to-top
{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:72px;
	height:72px;
	color:var(--basic-900);
	font-size:2.4rem;
	background-color:var(--basic-0);
	position:absolute;
	top:0;
	right:0;
}
@media all and (max-width:575px)
{
	.back-to-top
	{
		width:56px;
		height:56px;
	}
}