.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 {
					content: '';
					@include font-size(1.1);
					position: relative;
					top: 2px;
					display: inline-block;
					width: 1em;
					height: 1em;
					margin: 2px 7px 0 0;
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-image: str-replace(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$color__link}' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E"), "#", "%23");
				}
			}
			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 {
				@include font-size(1.2);
				content: '';
				position: relative;
				top: 2px;
				display: inline-block;
				width: 1em;
				height: 1em;
				margin: 0 10px 0 0;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E");
			}
			.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: '';
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 0.5em;
				height: 1.5em;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: str-replace(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$color__text-headings}' viewBox='0 0 192 512'%3E%3Cpath d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'%3E%3C/path%3E%3C/svg%3E"), "#", "%23");

				.footer-widget-area & {
					filter: invert(1);
				}
			}
			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;
					}
				}
			}
		}
	}
}