@mixin widget-archive() {
	list-style: none;
	padding: 0;
	margin: -5px 0 0 0;

	li {
		position: relative;
		margin: 0;

		> a {
			display: inline-block;
			margin: 5px 0;
			position: relative;
			line-height: 20px;
			min-height: 20px;
			color: inherit;
			@include transition(all .3s);
			border-bottom: 1px solid transparent;

			&:hover {
				color: var(--g5-color-dark);
				border-color: currentColor;
			}
		}
	}

	.current_page_ancestor,
	.current_page_parent,
	.current-cat-parent,
	.current-cat-ancestor {
		> ul {
			display: block;
		}
	}
	.current-cat {
		> a {
			color: var(--g5-color-dark);
		}
	}

	li > ul {
		list-style: none;
		padding: 0 0 0 20px;
		margin: 0 0 5px 0;
	}
}

@mixin widget-meta() {
	padding: 0;
	margin: -5px 0 0 0;
	list-style: none;
	.children {
		padding-left: 0;
		margin: 0;
		list-style: none;
	}

	li {
		padding: 5px 0;
		line-height: 20px;
		margin: 0;
	}

	a {
		color: inherit;
		@include transition(all .3s);
		border-bottom: 1px solid transparent;
		&:hover {
			color: var(--g5-color-dark);
			border-color: currentColor;
		}
	}
}


@mixin widget-search() {
	label {
		display: none;
	}
	form {
		@include d-flex;
		position: relative;
	}
	button {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		background: transparent;
		color: inherit;
		border: 0;
		font-size: 0;
		padding: 0;
		width: 40px;

		&:before {
			content: '\f002';
			font-family: var(--g5-font-icon);
			font-size: 18px;
			font-weight: 400;
		}

		> span {
			display: none;
		}
	}
	input {
		@include flex-fill;
		padding: 0 40px 0 20px;

		&:focus {
			+ button {
				&:before {
					color: var(--g5-color-dark);
				}
			}
		}
	}
}

@mixin widget-tag() {
	label {
		color: var(--g5-color-heading);
		font-weight: 600;
		margin: 0 15px 0 0;
	}
	a {
		margin: 0 16px 9px 0;
		font-size: 15px !important;
		display: inline-block;
		@include transition(all .3s);
		color: inherit;
		line-height: 1.1;
		border-bottom: 1px solid transparent;

		&:hover {
			color: var(--g5-color-dark);
			border-bottom-color: currentColor;
		}
	}
}