.page-sidebar {
	float: right;
	position: relative;
	z-index: 2;
	width: calc(25% - 50px);
	margin-bottom: 50px;

	@include sm_screen() {
		width: 100%;
		order: 10;
		margin: 40px 0px 0px 0px;
	}

	&.sidebar-right {
		float: right;
	}

	&.sidebar-left {
		float: left;
	}

	.widget:first-child {
		padding-top: 0;

		> *:first-child {
			margin-top: 0;
		}
	}

// Boxed sidebar

	&.sidebar-boxed {
		background-color: $color_fill_light;
		padding: 30px;

		&.sidebar-left
		&.sidebar-right {
			
		}
	}

	@include sm_screen() {
		&.sidebar-boxed {
			padding: 20px;
		}
	}
}

@include sm_screen() {
	.page-container:not(.top-part),
	.page-container .content-area {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}