///
/// Phantom by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Footer */

	#footer {
		$gutter: _size(gutter);

		@include padding(5em, 0, (0, 0, 3em, 0));
		background-color: #292984;
		color: #fff;

		> .inner {
			@include vendor('display', 'flex');
			@include vendor('flex-wrap', 'wrap');
			@include vendor('flex-direction', 'row');

			> * > :last-child {
				margin-bottom: 0;
			}
			.footer {
				@include vendor('display', 'flex');
				@include vendor('justify-content', 'space-between');
				width: 100%;
				@include breakpoint(medium) {
					@include vendor('flex-direction', 'column');
				}
				&-col-bottom {
					.title {
						display: block;
						margin-bottom: 20px;
					}
					.hash-val {
						display: block;
						margin-bottom: 20px;
						text-overflow: ellipsis;
						overflow: hidden;
					}
					a {
						display: block;
						margin-bottom: 20px;
					}
				}
			}

			.info {
				.link {
					font-size: 18px;
					display: block;
					text-transform: none;
					margin-bottom: 10px;
					font-weight: normal;
				}
				.product-link {
					margin-top: 1em;
					display: block;
				}
			}

			.social-links {
				margin-bottom: 2em;
				.icon {
					margin-right: 0.8em;
				}
			}

			.text-made {
				min-height: 65px;
				@include breakpoint(medium) {
					min-height: auto;
				}
			}

			a {
				color: _color(purple-color);
				transition: .3s;
				&:hover {
					color: _color(green-color);
				}
			}

			p {
				color: #fff;
			}

			.copyright {
				width: 100%;
				padding: 0;
				margin-top: 5em;
				list-style: none;
				font-size: 0.8em;
				color: transparentize(_palette(fg), 0.5);



				li {
					display: inline-block;
					border-left: solid 1px transparentize(_palette(fg), 0.85);
					line-height: 1;
					padding: 0 0 0 1em;
					margin: 0 0 0 1em;

					&:first-child {
						border-left: 0;
						padding-left: 0;
						margin-left: 0;
					}
				}
			}
		}

		@include breakpoint(large) {
			$gutter: _size(gutter) * 0.5;

			@include padding(5em, 0);

			> .inner {
				section:nth-child(1) {
					width: calc(66% - #{$gutter});
					margin-right: $gutter;
				}

				section:nth-child(2) {
					width: calc(33% - #{$gutter});
					margin-left: $gutter;
				}
			}
		}

		@include breakpoint(medium) {
			$gutter: _size(gutter);

			> .inner {
				section:nth-child(1) {
					width: 66%;
					margin-right: 0;
				}

				section:nth-child(2) {
					width: calc(33% - #{$gutter});
					margin-left: $gutter;
				}
			}
		}

		@include breakpoint(small) {
			@include padding(3em, 0);

			> .inner {
				@include vendor('flex-direction', 'column');

				section:nth-child(1) {
					width: 100%;
					margin-right: 0;
					margin: 3em 0 0 0;
				}

				section:nth-child(2) {
					@include vendor('order', '-1');
					width: 100%;
					margin-left: 0;
				}

				.copyright {
					margin-top: 3em;
				}
			}
		}

		@include breakpoint(xsmall) {
			> .inner {
				.copyright {
					margin-top: 3em;

					li {
						border-left: 0;
						padding-left: 0;
						margin: 0.75em 0 0 0;
						display: block;
						line-height: inherit;

						&:first-child {
							margin-top: 0;
						}
					}
				}
			}
		}
	}
