
:root {
	--ocm-transition-duration: .7s;
	--ocm-transition-easing: cubic-bezier(.15, .2, .1, 1);
}

#slide-out-widget-area.slide-out-from-right {
	z-index: 10000;
}

#slide-out-widget-area.slide-out-from-right .inner-wrap {
	opacity: 0;
}

body.material-ocm-open #slide-out-widget-area.slide-out-from-right .inner-wrap {
	opacity: 1;
}

#slide-out-widget-area.slide-out-from-right #slide-out-widget-area .inner > div, #slide-out-widget-area.slide-out-from-right .inner {
	width: auto;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li:first-child a {
	padding-left: 0;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li a i:after {
	z-index: 10000;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li {
	padding: 0;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li a {
	box-sizing: initial;
	display: block;
	height: 24px;
	line-height: 38px;
	opacity: 1;
	padding: 0 14px;
	text-align: center;
	width: auto;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i:before {
	display: block;
	position: relative;
	z-index: 10;
}

body[data-slide-out-widget-area-style=slide-out-from-right].material #slide-out-widget-area .off-canvas-social-links li i {
	height: 26px;
	width: auto;
}

body.material[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i {
	font-size: 20px;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i {
	backface-visibility: hidden;
	display: block;
	line-height: 28px;
	position: relative;
	top: auto;
	transition: color .2s ease;
	vertical-align: middle;
}

body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .current-menu-item > a {
	opacity: 1;
}

.material-ocm-open .container-wrap {
	cursor: pointer;
}

@media only screen and (max-width:1024px) {
	#slide-out-widget-area.slide-out-from-right {
		min-width: calc(100vw - var(--offset, 0px) * 2);
		--nectar-root-width: calc(100vw - var(--offset, 0px) * 2);
	}
}

#slide-out-widget-area.slide-out-from-right .nectar-global-section .full-width-content {
	left: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

#slide-out-widget-area.slide-out-from-right .inner > div {
	margin-bottom: 0;
}

#slide-out-widget-area.slide-out-from-right .inner-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#slide-out-widget-area.slide-out-from-right .bottom-meta-wrap, #slide-out-widget-area.slide-out-from-right .inner > div {
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: all var(--ocm-transition-duration) var(--ocm-transition-easing);
	transition: all var(--ocm-transition-duration) var(--ocm-transition-easing);
}

#slide-out-widget-area.slide-out-from-right.material-open .bottom-meta-wrap, #slide-out-widget-area.slide-out-from-right.material-open .inner > div {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

body #slide-out-widget-area-bg.slide-out-from-right {
	z-index: 9999;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area {
	-webkit-animation: nectar_ocm_reveal_right_close .7s cubic-bezier(.15, .2, .1, 1) forwards;
	animation: nectar_ocm_reveal_right_close .7s cubic-bezier(.15, .2, .1, 1) forwards;
	pointer-events: none;
	-webkit-transition: visibility .7s step-end;
	transition: visibility .7s step-end;
	visibility: hidden;
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area.material-open {
	-webkit-animation: nectar_ocm_reveal_right_open .7s cubic-bezier(.15, .2, .1, 1) forwards;
	animation: nectar_ocm_reveal_right_open .7s cubic-bezier(.15, .2, .1, 1) forwards;
	pointer-events: all;
	-webkit-transition: visibility .7s step-start;
	transition: visibility .7s step-start;
	visibility: visible;
}

@keyframes nectar_ocm_reveal_right_open {
	0% {
		-webkit-clip-path: polygon(101% 0, 100% 0, 101% 100%, 110% 100%);
		clip-path: polygon(101% 0, 100% 0, 101% 100%, 110% 100%);
	}
	
	to {
		-webkit-clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
		clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
	}
}

@keyframes nectar_ocm_reveal_right_close {
	0% {
		-webkit-clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
		clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
	}
	
	to {
		-webkit-clip-path: polygon(101% 0, 100% 0, 101% 100%, 110% 100%);
		clip-path: polygon(101% 0, 100% 0, 101% 100%, 110% 100%);
	}
}

@keyframes nectar_ocm_reveal_left_open {
	0% {
		-webkit-clip-path: polygon(-1% 0, 0 0, -1% 100%, -10% 100%);
		clip-path: polygon(-1% 0, 0 0, -1% 100%, -10% 100%);
	}
	
	to {
		-webkit-clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
		clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
	}
}

@keyframes nectar_ocm_reveal_left_close {
	0% {
		-webkit-clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
		clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
	}
	
	to {
		-webkit-clip-path: polygon(-1% 0, 0 0, -1% 100%, -10% 100%);
		clip-path: polygon(-1% 0, 0 0, -1% 100%, -10% 100%);
	}
}
