// links
.link {
	&-underline {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		@include hover() { text-decoration: none; }
	}

	&-inverse {
		color: var(--text-color);
		@include hover() { color: var(--co-alpha); }
	}

	@each $suf, $color in ('base-1': --co-theme-1, 'text': --text-color) {
		&-#{$suf} {
			color: var($color);
			@include hover() {
				color: var($color);
				opacity: .7;
			}
		}
	}
}


// icons fontawesome
@keyframes Spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ico {
	&-spin {
		animation: Spin 2s infinite linear;
	}
}

// list
.list-unstyled {
	margin: 0;
	padding: 0;
	list-style: none;
}


// shadows
.shadow {
	position: relative;
	min-height: 1px;
	&:after {
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: $sp-4;
		max-width: $content-max-width;
		margin-left: auto;
		margin-right: auto;
		pointer-events: none;
		background: radial-gradient(ellipse at top, rgba(#000, .15), transparent 70%);
	}
}