:root {
	--roham-sidebar-width: 250px;
	--roham-admin-bar-height: 0px;
}

body.admin-bar {
	--roham-admin-bar-height: 32px;
}

#roham-desktop-sidebar {
	position: fixed !important;
	z-index: 9990;
	top: var(--roham-admin-bar-height) !important;
	right: 0 !important;
	bottom: auto !important;
	left: auto !important;
	width: var(--roham-sidebar-width) !important;
	height: calc(100vh - var(--roham-admin-bar-height)) !important;
	height: calc(100dvh - var(--roham-admin-bar-height)) !important;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
}

#roham-desktop-sidebar > .elementor,
#roham-desktop-sidebar > .elementor > .elementor-element,
#roham-desktop-sidebar > .elementor > .e-con {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;
	box-sizing: border-box;
}

#roham-desktop-sidebar > .elementor > .elementor-element,
#roham-desktop-sidebar > .elementor > .e-con {
	position: relative !important;
	inset: auto !important;
}

body.roham-has-desktop-sidebar {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding-right: var(--roham-sidebar-width) !important;
	overflow-x: clip;
}

@media screen and (max-width: 1024px) {
	#roham-desktop-sidebar {
		display: none !important;
	}

	body.roham-has-desktop-sidebar {
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--roham-admin-bar-height: 46px;
	}
}

@media print {
	#roham-desktop-sidebar {
		display: none !important;
	}

	body.roham-has-desktop-sidebar {
		padding-right: 0 !important;
	}
}