/* ------------------------------------------------------------ *\
	Site Footer
\* ------------------------------------------------------------ */

.site-footer {
	border-top: 3px dashed var(--c-green);
	background: var(--c-navy);
	font-size: 18px;
	color: var(--c-white);

	.site-footer__top {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 30px;
		padding: 53px 0 30px;
	}

	.site-footer__logo img {
		width: 257px;
	}

	.site-footer__aside {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 20px;
		max-width: 453px;
		text-align: right;
	}

	.site-footer__text {
		line-height: normal;
	}

	.site-footer__bottom {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 10px 30px;
		padding: 27px 0 30px;
		border-top: 1px solid var(--c-white);
	}

	.site-footer__link:hover {
		color: var(--c-green);
	}
}

.socials {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;

	.socials__link {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 37px;
		height: 37px;
		border-radius: 50%;
		background: var(--c-green);

		&:hover {
			opacity: .8;
		}
	}
}

@media (max-width: 767px) {
	.site-footer {
		text-align: center;

		.site-footer__top,
		.site-footer__bottom {
			flex-direction: column;
			align-items: center;
		}

		.site-footer__top {
			padding-top: 47px;
		}

		.site-footer__aside {
			align-items: center;
			gap: 30px;
			text-align: center;
		}

		.site-footer__bottom {
			flex-direction: column-reverse;
			gap: 30px;
			padding: 30px 0 50px;
		}
	}

	.socials {
		gap: 30px;
	}
}