.widget-area {
	@media ( max-width: 767px ) {
		padding-top: 30px;
	}
	.widget {
		background: #fff;
		padding: 30px;
	}
	.widget-title {
		overflow: hidden;
		position: relative;
		padding-right: 30px;
		margin-right: -30px;
		&:after {
			content: "";
			position: absolute;
			top: 12px;
			margin-left: 10px;
			height: 1px;
			width: 3000px;
			background: $color__link;
		}
	}
}

.widget {
	margin: 0 0 30px 0;
	ul {
		margin: 0;
	}

	/* Make sure select elements fit in widgets. */
	select {
		max-width: 100%;
	}
}

.widget-title {
	text-transform: uppercase;
}

.widget_search {
	.search-form {
		&:after {
			clear: both;
			content: "";
			width: 100%;
			display: block;
		}
		> label {
			float: left;
			max-width: 65%;
		}
		.search-submit {
			float: left;
			max-width: 35%;
		}
	}
}

.widget_recent_entries {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			@include font-size(1.15);
			line-height: 1.4;
			padding: 0 0 15px 0;
			.post-date {
				display: block;
				padding: 4px 0 0 0;
				@include font-size(1);
				color: #999;
				&:before {
					font-family: FontAwesome;
					color: $color__link;
					content: "\f017";
					@include font-size(1.1);
					display: inline-block;
					vertical-align: middle;
					margin: 0 7px 0 0;
				}
			}
			a {
				color: $color__text-headings;
				text-decoration: none;
				.footer-widget-area & {
					color: #fff;
				}
				&:hover,
				&:active,
				&:focus {
					color: $color__link;
				}
			}
		}
	}
}

.widget_recent_comments {
	ul {
		padding: 0;
		li {
			list-style: none;
			line-height: 1.4;
			padding: 0 0 10px 0;
			&:before {
				color: #999;
				@include font-size(1.2);
				display: inline-block;
				font-family: FontAwesome;
				content: "\f007";
				margin: 0 10px 0 0;
			}
			.comment-author-link {
				a {
					color: $color__text-headings;
					font-weight: bold;
					text-decoration: none;
					.footer-widget-area & {
						color: #fff;
					}
					&:hover,
					&:active {
						color: $color__link;
					}
				}
			}
		}
	}
}

.widget_archive,
.widget_categories {
	ul {
		padding: 0;
		li {
			list-style: none;
			padding: 0 0 5px 12px;
			position: relative;
			@include font-size(1.2);
			line-height: 1.5;
			color: $color__link;
			&:before {
				content: "\f105";
				font-family: FontAwesome;
				position: absolute;
				left: 0;
				top: 1px;
				color: $color__text-headings;
				.footer-widget-area & {
					color: #fff;
				}
			}
			a {
				text-decoration: none;
				color: $color__text-headings;
				.footer-widget-area & {
					color: #fff;
					&:visited {
						color: #fff;
					}
				}
				&:hover,
				&:focus,
				&:active {
					color: $color__link;
					text-decoration: none;
				}
				&:visited {
					color: $color__text-headings;
				}
			}
		}
	}
}

.widget_tag_cloud {
	.tagcloud {
		a {
			font-size: 14px !important;
			display: inline-block;
			margin: 0 1px 4px 0;
			border: 1px solid $color__link;
			padding: 5px 10px;
			text-decoration: none;
			.footer-widget-area & {
				color: #fff;
				border-color: #fff;
			}
			&:hover,
			&:active {
				border-color: $color__link-hover;
				.footer-widget-area & {
					color: $color__link;
					border-color: $color__link;
					text-decoration: none;
				}
			}
		}
	}
}

.widget_calendar {
	table {
		margin: 0;
		caption {
			color: $color__text-headings;
			text-transform: uppercase;
			@include font-size(1.4);
			font-family: $font__alt;
			font-weight: bold;
			padding: 0 0 10px 0;
			.footer-widget-area & {
				color: #fff;
			}
		}
		tr {
			border: none;
		}
		th,
		td {
			text-align: center;
			border: none;
			background: none;
			padding: 0;
		}
		tbody {
			td {
				a {
					display: block;
					text-decoration: none;
					color: #fff;
					background: $color__link;
					margin: 1px;
					&:hover,
					&:active,
					&:focus {
						color: #fff;
						background: $color__link-hover;
					}
					&:visited {
						color: #fff;
					}
					.footer-widget-area & {
						background: #fff;
						color: $color__link;
						&:hover,
						&:active,
						&:focus {
							text-decoration: none;
							color: #fff;
							background: $color__link;
						}
						&:visited {
							color: $color__link;
						}
					}
				}
			}
		}
		tfoot {
			td {
				font-family: $font__alt;
				text-transform: uppercase;
				font-weight: bold;
				@include font-size(1.3);
				a {
					text-decoration: none;
				}
			}
			td:first-child {
				text-align: left;
				+ td {
					+ td {
						text-align: right;
					}
				}
			}
		}
	}
}