@import './contact-us';
@import './modal-pages';

.footer {
	background-color: $color-gray-dark;
	color: $color-white;
	font-family: $font-secondary;
	font-size: 10px;
	font-weight: 500;
	padding: 35px 0;
	text-align: center;

	&__head-link {
		display: block;
		font-size: 14px;
		margin: 0 auto 20px;

		a {
			color: $color-white;
			text-decoration: underline;

			&:active,
			&:hover,
			&:focus {
				color: $color-charcoal3;
			}
		}
	}

	&__links {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;

		a {
			color: $color-white;
			cursor: pointer;
			margin: 0 5px;

			&:active,
			&:hover,
			&:focus {
				color: $color-charcoal3;
			}
		}

		li + li {
			&::before {
				content: '|';
			}
		}
	}

	&__copyright {
		font-weight: 500;
		margin-bottom: 0;
	}

	@include breakpoint-sm {
		font-size: 12px;

		&__links {
			a {
				margin: 0 10px;
			}
		}
	}
}