.site-footer {
	padding-top: 70px;
	padding-bottom: 30px;
	font-size: 14px;
	@include media-breakpoint-down(md) {
		padding-top: 30px;
	}
	a {
		color: $black;
		&:hover {
			color: $primary;
		}
	}
	.widget {
		margin-bottom: 30px;
		h3 {
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 30px;
		}

		.social {
			li {
				display: inline-block;
				a {
					width: 50px;
					height: 50px;
					border-radius: 50%;
					background: $light;
					display: inline-block;
					position: relative;
					color: lighten($black, 0%);
					span {
						font-size: 20px;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					&:hover {
						background-color: $primary;
						color: $white;
					}
				}
			}
		}
		.links {
			li {
				display: block;
				margin-bottom: 10px;
				a {
					color: $black;
					&:hover {
						color: $primary;
					}
				}
			}
		}
	}

	.copyright {
		position: relative;
		padding-top: 40px;
		margin-top: 40px;
		&:before {
			top: 0;
			position: absolute;
			left: 0px;
			right: 0px;
			content: "";
			height: 1px;
			background: lighten($dark, 70%);
		}
	}
}