/* Sidebar place */
.page-content--left-sidebar .container,
.page-content--right-sidebar .container {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
}

.page-content--left-sidebar #primary,
.page-content--right-sidebar #primary {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
	flex: 1 1 0%;
}

/* Sidebar headings */
.sidebar-widget p{
	margin: 0;
}

.sidebar-widget h3 {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-block: 0;
}

.sidebar-widget h5 {
	font-size: 16px;
	margin: 5px 0 5px 0px;
	display: inline-block;
	font-weight: bold;
	padding: 6px 0px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #000;
}

/* Category list */
.sidebar-widget ul {
	list-style: none;
	padding-left: 0px;
	margin: 0;
}

.sidebar-widget ul li.current-cat {
	font-weight: 800;
}

.sidebar-widget ul li a{
	position: relative;
}

.sidebar-widget ul li a:hover{
	color: var(--color-primary);
}

/* Post sidebar */
.post-sidebar ul li a{
	padding-block: 8px;
    display: block;
    padding-left: 8px;
    border-bottom: var(--border);
}

.post-sidebar ul li:last-child a{
	border-bottom: unset;
}

.post-sidebar h3{
	margin-block: 24px 12px;
}

/* Responsive */
@media screen and (min-width: 993px){
	.sidebar-close {
		display: none;
	}
	.page-content--left-sidebar .sidebar-widget,
	.page-content--right-sidebar .sidebar-widget {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 22%;
		flex: 0 0 22%;
	}
	.page-content--right-sidebar .sidebar-widget {
		padding-left: 24px;
	}
	.page-content--left-sidebar .sidebar-widget {
		padding-right: 24px;
		order: -1;
	}
}

@media (max-width: 992px) {
	.page-content--left-sidebar #primary,
	.page-content--right-sidebar #primary {
		flex-basis: 100%;
		max-width: 100%;
	}
	.post-sidebar {
		position: fixed;
		left: 0;
		z-index: 2000;
		width: 360px;
		max-width: 100%;
		height: 100%;
		background-color: #FFF;
		top: var(--admin-bar);
		padding: 60px 16px 32px;
		visibility: hidden;
		opacity: 0;
		transition: all 0.2s ease-in-out;
		transform: translateX(-100%);
		box-shadow: var(--box-shadow);
	}
	.post-sidebar.open{
		visibility: visible;
		opacity: 1;
		transform: none;
	}
	.sidebar-close{
		position: absolute;
		right: 20px;
		top: 15px;
		width: 26px;
		height: 26px;
		cursor: pointer;
	}
	.sidebar-close:after{
		content: '';
		-webkit-mask-image: url('../../../icons/close-outline.svg');
		mask-image: url('../../../icons/close-outline.svg');
		background-color: currentColor;
		width: 100%;
		height: 100%;
		display: inline-block;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: contain;
	}
}