:is(.e-con,.elementor-column).wd-side-hidden {
position:fixed;
display:flex;
flex-direction:column;
width:var(--wd-side-hidden-w) !important;
transition:transform 0.5s cubic-bezier(0.19, 1, 0.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>:is(.elementor-column-wrap,.elementor-widget-wrap) {
flex:1 1 auto}
.elementor-column.wd-side-hidden>.elementor-column-wrap>.elementor-widget-wrap,.elementor-column.wd-side-hidden>.elementor-widget-wrap {
max-height:100%}
.elementor-column.wd-side-hidden>.elementor-column-wrap {
overflow:hidden}
.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}
}