/* FILE: global/footer/_base.scss */

.site-footer {
	position: relative;
	background: var(--color_footer_background);
	color: var(--color_footer_text);
	border-color: var(--color_footer_border);

	&-section {
		padding: 1em 6vw;

		@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {
			padding-left: 3em;
			padding-right: 3em;
		}

		& + &::before {
			content: '';
			display: block;
			width: 100%;
			max-width: var(--max_width_footer_content);
			height: 1px;
			margin: -1em auto 1em;
			border-top: 1px solid;
			border-color: inherit;
		}

	}

	&-content {
		max-width: var(--max_width_footer_content);
		margin-left: auto;
		margin-right: auto;
	}

	a {
		color: var(--color_footer_link);
	}

}