body.archive #taxonomy-sidebar {
	margin: 20px 0;
	display: inline-block;
	padding: 0 20px;
	box-sizing: border-box;
	list-style: none;
	order: 1;
}
body.archive #taxonomy-sidebar ul {
	list-style: none;
	border-top: 2px solid #edeeef;
	margin-top: 20px;
	padding-top: 20px;
}

body.archive #taxonomy-sidebar li {
	position: relative;
	color: var(--black-text-color);
}

body.archive #taxonomy-sidebar li:not(:last-child) {
	margin-bottom: 10px;
}

body.archive #taxonomy-sidebar li a {
	color: var(--black-text-color);
	display: block;
	padding: 5px;
	max-width: 300px;
}

body.archive #taxonomy-sidebar li a > span {
	cursor: pointer;
}

body.archive #taxonomy-sidebar li:hover,
body.archive #taxonomy-sidebar > .taxonomy-terms-list > li.current-post {
	background: var(--main-site-color);
}

body.archive #taxonomy-sidebar li:hover a,
body.archive #taxonomy-sidebar > .taxonomy-terms-list > li.current-post a {
	color: var(--white-text-color);
	text-decoration: none;
}

body.archive #taxonomy-sidebar li:hover:before,
body.archive #taxonomy-sidebar > .taxonomy-terms-list > li.current-post:before {
	position: absolute;
	top: 50%;
	right: -17px;
	content: '';
	width: 0;
	height: 0;
	margin-top: -17px;
	border-left: solid 17px var(--main-site-color);
	border-bottom: solid 17px transparent;
	border-top: solid 17px transparent;
}

body.archive #taxonomy-sidebar li:hover:before {
	border-right: none;
	border-left: solid 17px var(--main-site-color);
	right: 0;
	right: -17px;
}

@media all and (max-width: 1280px) {
    body.archive #taxonomy-sidebar {
		order: 2;
	}
	body.archive #taxonomy-sidebar li:hover:before,
	body.archive #taxonomy-sidebar > .taxonomy-terms-list > li.current-post:before {
		display: none;
	}
	body.archive #taxonomy-sidebar li a {
		max-width: 100%;
	}
}