:is(.e-con, .elementor-column).wd-side-hidden {
	position: fixed;
	display: flex;
	flex-direction: column;
	width: var(--wd-side-hidden-w) !important;
	transition: transform .5s cubic-bezier(.19, 1, .22, 1);
}

:is(.e-con, .elementor-column).wd-side-hidden.wd-left {
	left: 0 !important;
}

:is(.e-con, .elementor-column).wd-side-hidden.wd-right {
	right: 0 !important;
}

.elementor-column.wd-side-hidden>.elementor-widget-wrap {
	flex: 1 1 auto;
	max-height: 100%;
}

.e-con.wd-side-hidden {
	justify-content: flex-start;
	align-items: stretch;
	overflow: hidden;
	overflow-y: auto;
	z-index: 500 !important;
	flex-wrap: nowrap;
}

.e-con.wd-side-hidden .wd-heading {
	position: sticky;
	background: var(--bgcolor-white);
	top: calc(var(--padding-top, 10px) * -1);
	margin-top: calc(var(--padding-top, 10px) * -1);
	margin-left: calc(var(--padding-left, 10px) * -1);
	margin-right: calc(var(--padding-right, 10px) * -1);
	margin-bottom: calc(var(--gap, 20px) * -1 + var(--padding-right, 10px));
	z-index: 4;
}

@media (min-width: 1025px) {
	.wd-col-offcanvas-lg:not(.wd-side-hidden) {
		display: none;
	}
	
	.wd-col-content-lg:is(.e-con, .elementor-column) {
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.wd-col-offcanvas-md-sm:not(.wd-side-hidden) {
		display: none;
	}
	
	.wd-col-content-md-sm:is(.e-con, .elementor-column) {
		width: 100% !important;
	}
}

@media (max-width: 767.98px) {
	.wd-col-offcanvas-sm:not(.wd-side-hidden) {
		display: none;
	}
	
	.wd-col-content-sm:is(.e-con, .elementor-column) {
		width: 100% !important;
	}
}