// Font Awesome
$fa-font-path:				"fonts";

$fa-font-base-size:			$font-size-base;

@import "../font-awesome/web-fonts-with-css/scss/fontawesome";
@import "../font-awesome/web-fonts-with-css/scss/solid";
@import "../font-awesome/web-fonts-with-css/scss/regular";
@import "../font-awesome/web-fonts-with-css/scss/brands";

// Icons
.icon {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentColor;
	vertical-align: -.15rem;
	overflow: hidden;
	margin-right: .5rem;
}

.i_arrow_down {
	margin: 0;
	position: absolute;
	left: .75rem;
	top: -.25rem;
	animation: scroll 1.5s ease-in-out infinite;
	@include media-breakpoint-down(xs) {
		width: 1.75rem !important;
		height: 1.75rem !important;
		left: .25rem;
		top: -.5rem;
	}
}

.i_lg {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	transform: translateY(-.35rem);
	fill: $red;
}

.i_white {
	fill: white;
}

.i_sm {
	vertical-align: top;
	transform: translateY(-.10rem);
}

.i_features {
	width: 40px;
	height: 40px;
	margin: auto;	
}

.outline_i {
	border: solid 4px;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
}

.i_verified {
	fill: $green;
}

.i_warning {
	fill: $red;
}

.i_wifi {
	fill: $blue;
}

.i_secure {
	fill: $black;
}

.i_arrow_down_2 {
	fill: white;
	opacity: .75;
	transform: translateY(3px);
}