// Widget Styling

.widget {
	margin: 0 0 3em;
	&:not(.widget_rss):not(.widget_text) {
		color: #aaaaaa;
	}
	a {
		&:not(.widget_text) {
			text-decoration: none;
			&:hover {
				text-decoration: underline;
			}
		}
	}
	h2, .widget-title {
		color: var(--accent);
		font-weight: 700;
	}
	article {
		border: 0;
		line-height: 1.5em;
	}
	ul {
		list-style: none;
		margin-top: 0.25em;
		margin-left: 0.7em;
		padding-left: 0.7em;
	}
	li {
		margin-bottom: 1.2em;
		position: relative;
		padding-left: 1.2em;
		&:before {
			content: "\f345";
			font-family: "Dashicons";
			position: absolute;
			left: 0;
			font-size: 0.8em;
			color: #aaaaaa;
			line-height: 1.8em;
			margin-right: 0.5em;
		}
	}
	& > ul {
		margin-left: 0;
		padding-left: 0;
	}
	&.widget_search {
		form {
			display: flex;
			align-items: center;
		}
		label {
			width: 100%;
		}
		input[type="search"] {
			width: 100%;
			border-radius: 0;
			padding: 0.5em;
		}
		input[type="submit"], button[type="submit"] {
			margin-left: 0.5em;
			border: 0;
			background: none;
			color: var(--accent);
			padding: 0;
			text-transform: uppercase;
			cursor: pointer;
		}
		&.widget_block {
			label {
				display: none;
			}
		}
	}
	select {
		padding: 0.5em;
		border-radius: 3px;
	}
}