@import 'bourbon';

// Susy
// Susy grid system. See: http://susydocs.oddbird.net/en/latest/
@import '../../../node_modules/susy/sass/susy';

// Utilities
// Sass tools and helpers used across the project.
@import '../utils/variables';
@import '../utils/mixins';
@import '../vendors/font-awesome/font-awesome';
@import '../vendors/modular-scale';

.site-search {
	.widget_product_search {
		form {
			input[type=search],
			input[type=text] {
				padding-left: ms(5);
			}
		}
	}
}

#comments {
	.commentlist {
		.bypostauthor {
			> .comment-body cite {
				&:after {
					@include fa-icon();
					margin-left: ms(-3);
					content: "\f0f6";
				}
			}
		}

		.reply {
			a {
				&:after {
					@include fa-icon();
					content: "\f112";
					margin-left: ms(-3);
				}

				&.comment-edit-link {
					&:after {
						content: "\f040";
					}
				}
			}
		}
	}
}

#respond {
	#cancel-comment-reply-link {
		&:before {
			@include fa-icon();
			content: "\f057";
			display: block;
		}
	}
}

.sticky {
	.entry-title {
		&:before {
			@include fa-icon();
			margin-right: ms(-3);
			content: "\f08d";
		}
	}
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart {
	&.loading {
		position: relative;

		&:after {
			@include fa-icon();
			content: "\f110";
			animation: fa-spin .75s linear infinite;
			height: 20px;
			width: 20px;
			line-height: 20px;
			font-size: 20px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -10px;
			margin-top: -10px;
		}
	}
}

.main-navigtion {
	ul {
		li {
			a {
				&:before {
					@include fa-icon();
					content: "\f0f6";
					margin-right: ms(-3);
				}
			}
		}
	}
}

.site-main {
	nav.navigation {
		.nav-previous {
			a {
				&:before {
					@include fa-icon();
					content: "\f177";
					margin-right: ms(-3);
				}
			}
		}

		.nav-next {
			a {
				&:after {
					@include fa-icon();
					content: "\f178";
					margin-left: ms(-3);
				}
			}
		}
	}
}

.widget_search,
.widget_product_search {
	form {
		&:before {
			@include fa-icon();
			content: "\f002";
			position: absolute;
			top: 0.750em;
			left: 1em;
		}

		input[type=text],
		input[type=search] {
			padding-left: ms(5);
		}
	}
}




a.reset_variations {
	&:before {
		@include fa-icon();
		content: "\f021";
		margin-right: ms(-3);
	}
}


.widget_recent_entries,
.widget_pages,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_nav_menu,
.widget_links,
.widget_product_categories,
.widget_layered_nav,
.widget_layered_nav_filters {
	ul {
		margin: 0;

		li {
			padding-left: ms(1);

			&:before {
				font-family: "FontAwesome";
				margin-right: 0;
				display: block;
				float: left;
				opacity: 0.35;
				margin-left: - ms(1);
				width: 1em;
				content: "\f105";
			}
		}
	}
}


a.remove {
	display: block;
	width: ms(3);
	height: ms(3);
	line-height: 1.618;
	font-weight: 400;
	text-indent: -9999px;
	position: relative;

	&:before {
		content: "\f057";
		@include fa-icon();
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		color: $error;
		line-height: 1.618;
		text-indent: 0;
		text-align: center;
	}
}



.blockUI {
	&:before {
		@include fa-icon();
		content: "\f110";
		animation: fa-spin .75s linear infinite;
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 30px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -15px;
		margin-top: -15px;
	}
}