
.wp-block-gutenkit-offcanvas button {
	background: none;
	border: none;
	cursor: pointer;
}

.wp-block-gutenkit-offcanvas .gkit-offcanvas-toggle-wraper {
	display: flex;
}

.wp-block-gutenkit-offcanvas .gkit-offcanvas-toggle-wraper .gkit_navSidebar-button {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 20px;
	line-height: 1;
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
}

.wp-block-gutenkit-offcanvas .gkit-offcanvas-toggle-wraper .gkit_navSidebar-button:focus {
	outline: none;
}

.wp-block-gutenkit-offcanvas .gkit-offcanvas .gkit_offcanvas-sidebar {
	align-items: center;
	display: inline-flex;
	gap: 10px;
	padding: 10px;
	text-decoration: none;
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
}

.wp-block-gutenkit-offcanvas .gkit-offcanvas .gkit_offcanvas-sidebar svg {
	font-size: 20px;
	height: auto;
	vertical-align: middle;
	width: 100%;
}

.wp-block-gutenkit-offcanvas .gkit-animated-toggle-icon .offcanvas-toggler {
	border: none;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	height: 18px;
	margin: 0 auto;
	margin: 0;
	padding: 0;
	position: relative;
	transition: .3s;
	vertical-align: middle;
	width: 24px;
	z-index: 99;
}

.wp-block-gutenkit-offcanvas .gkit-animated-toggle-icon .offcanvas-toggler-line {
	background: #232323;
	border-radius: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	transform: rotate(0);
	transition: .25s;
	width: 24px;
}

.wp-block-gutenkit-offcanvas .gkit-animated-toggle-icon .offcanvas-toggler-line:first-child {
	top: 0;
	width: 16px;
}

.wp-block-gutenkit-offcanvas .gkit-animated-toggle-icon .offcanvas-toggler-line:nth-child(2), .wp-block-gutenkit-offcanvas .gkit-animated-toggle-icon .offcanvas-toggler-line:nth-child(3) {
	top: 6px;
}

.wp-block-gutenkit-offcanvas .gkit-animated-toggle-icon .offcanvas-toggler-line:nth-child(4) {
	top: 12px;
	width: 16px;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit-overlay {
	background-color: rgba(36, 36, 36, .902);
	bottom: 0;
	cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MCA1MCcgd2lkdGg9JzIwcHgnIGhlaWdodD0nMjBweCc+DQogIDxwYXRoIGQ9J00gOS4xNTYyNSA2LjMxMjUgTCA2LjMxMjUgOS4xNTYyNSBMIDIyLjE1NjI1IDI1IEwgNi4yMTg3NSA0MC45Njg3NSBMIDkuMDMxMjUgNDMuNzgxMjUgTCAyNSAyNy44NDM3NSBMIDQwLjkzNzUgNDMuNzgxMjUgTCA0My43ODEyNSA0MC45Mzc1IEwgMjcuODQzNzUgMjUgTCA0My42ODc1IDkuMTU2MjUgTCA0MC44NDM3NSA2LjMxMjUgTCAyNSAyMi4xNTYyNSBaJyBmaWxsPScjZmZmJy8+DQo8L3N2Zz4="), pointer;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
	visibility: hidden;
	width: 100%;
	z-index: 999999;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit-take-right-space {
	transform: translateX(-298px);
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-widget-container {
	height: 100%;
	position: relative;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-widget-container .gkit_widget-heading {
	float: right;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-widget-container .gkit_widget-heading .gkit_close-side-widget {
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 50px;
	display: flex;
	font-size: 15px;
	font-weight: 400;
	justify-content: center;
	padding: 7px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 15px;
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
	z-index: 1;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-widget-container .gkit_widget-heading .gkit_close-side-widget:focus {
	outline: none;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-widget-container .gkit_widget-heading .gkit_close-side-widget svg {
	vertical-align: bottom;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-textwidget {
	padding: 20px;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group .gkit_sidebar-textwidget .widgetarea_warper {
	font-size: 15px;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style .gkit-off-canvas-position-right {
	bottom: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style .gkit-off-canvas-position-left {
	bottom: 0;
	left: 0;
	top: 0;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style .gkit-off-canvas-position-top {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style .gkit-off-canvas-position-bottom {
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style .gkit-sidebar-textwidget {
	backface-visibility: hidden;
	padding: 60px 20px 20px;
	transform: translateY(200px);
	visibility: hidden;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style .gkit-sidebar-textwidget .widgetarea_warper {
	font-size: 15px;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit-overlay {
	opacity: 1;
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit-overlay-right {
	left: 0;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit-off-canvas-position-right {
	opacity: 1;
	right: 0;
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit-off-canvas-position-left {
	left: 0;
	opacity: 1;
	right: auto;
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit-off-canvas-position-top {
	left: 0;
	opacity: 1;
	top: 0;
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit-off-canvas-position-bottom {
	bottom: 0;
	left: 0;
	opacity: 1;
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit_sidebar-widget {
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit_sidebar-widget-container {
	position: relative;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-slide-style.gkit_isActive .gkit_sidebar-textwidget {
	backface-visibility: hidden;
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none .gkit-sidebar-widget {
	height: 100%;
	opacity: 0;
	overflow: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	visibility: hidden;
	z-index: 9999999;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none .gkit-off-canvas-position-left {
	left: 0;
	right: auto;
	transform: translateX(0) !important;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none .gkit-off-canvas-position-right {
	left: auto;
	right: 0;
	transform: translateX(0) !important;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none.gkit_isActive .gkit-off-canvas-position-left, .wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none.gkit_isActive .gkit-off-canvas-position-right, .wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none.gkit_isActive .gkit-overlay-left, .wp-block-gutenkit-offcanvas .gkit-sidebar-group.gkit-style-none.gkit_isActive .gkit-overlay-right {
	opacity: 1;
	visibility: visible;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-widget {
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	position: fixed;
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
	visibility: hidden;
	width: 100%;
	z-index: 9999999;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.wp-block-gutenkit-offcanvas .gkit-sidebar-widget::-webkit-scrollbar {
	display: none;
}

.gkit-container_isActive {
	transition: all var(--gutenkit-preset-global-transition_duration, .4s) var(--gutenkit-preset-global-transition_timing_function, ease);
}

.gkit-container_isActive .gkit-push-style .gkit-sidebar-widget {
	height: 100%;
	opacity: 1;
	top: 0;
	visibility: visible;
}

.gkit-container_isActive .gkit-push-style .gkit-off-canvas-position-left {
	left: 0;
}

.gkit-container_isActive .gkit-push-style .gkit-off-canvas-position-right {
	right: 0;
}

.gkit-container_isActive .gkit-push-style.gkit_isActive .gkit-off-canvas-position-left {
	left: 0;
	transform: translateX(0) !important;
}

.gkit-container_isActive .gkit-push-style.gkit_isActive .gkit-off-canvas-position-right {
	right: 0;
	transform: translateX(0) !important;
}

.gkit-container_isActive .gkit-reveal-style .gkit-sidebar-widget {
	height: 100%;
	opacity: 1;
	position: fixed;
	top: 0;
	visibility: visible;
}

.gkit-container_isActive .gkit-reveal-style .gkit-off-canvas-position-left {
	left: 0;
	transform: translateX(0) !important;
}

.gkit-container_isActive .gkit-reveal-style .gkit-off-canvas-position-right {
	right: 0;
	transform: translateX(0) !important;
}

.gkit-container_isActive .gkit-reveal-style .gkit-off-canvas-position-right .gkit_sidebar-widget-container {
	position: fixed;
	right: 0;
	top: 0;
}

.gkit-container_isActive .gkit-reveal-style.gkit_isActive .gkit-off-canvas-position-left, .gkit-container_isActive .gkit-reveal-style.gkit_isActive .gkit-off-canvas-position-right {
	opacity: 1;
	visibility: visible;
}

.gkit-container_isActive.gkit-offcanvas-container .is-selected .offcanvas-toggler-line:first-child {
	top: 7px;
	width: 0;
}

.gkit-container_isActive.gkit-offcanvas-container .is-selected .offcanvas-toggler-line:nth-child(2) {
	transform: rotate(45deg);
}

.gkit-container_isActive.gkit-offcanvas-container .is-selected .offcanvas-toggler-line:nth-child(3) {
	transform: rotate(-45deg);
}

.gkit-container_isActive.gkit-offcanvas-container .is-selected .offcanvas-toggler-line:nth-child(4) {
	top: 7px;
	width: 0;
}

.gkit-container_isActive.gkit-offcanvas-container .gkit-sidebar-group.gkit_isActive .gkit-overlay-left, .gkit-container_isActive.gkit-offcanvas-container .gkit-sidebar-group.gkit_isActive .gkit-overlay-right {
	opacity: 1;
	visibility: visible;
}

.gkit-container_isActive.gkit-offcanvas-container .wp-block-gutenkit-offcanvas .gkit-off-canvas-position-left {
	left: 0;
}

.gkit-container_isActive.gkit-offcanvas-container .wp-block-gutenkit-offcanvas .gkit-off-canvas-position-right {
	right: 0;
}

.gkit-container_isActive.gkit-slide-style, .gkit-container_isActive.gkit-style-none {
	margin: 0 !important;
}
