/* Page Transitions Styling */
.page-trans-overlay-86745cb7 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	pointer-events: none;
	background-color: #ffffff;
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition-property: opacity, transform;
}

/* Base states */
.page-trans-overlay-86745cb7.page-trans-active-86745cb7 {
	pointer-events: auto;
}

/* Fade transition */
.page-trans-overlay-86745cb7[data-type="fade"] {
	opacity: 0;
}
.page-trans-overlay-86745cb7[data-type="fade"].page-trans-active-86745cb7 {
	opacity: 1;
}

/* Slide Left transition */
.page-trans-overlay-86745cb7[data-type="slide-left"] {
	transform: translate3d(100%, 0, 0);
	opacity: 1;
}
.page-trans-overlay-86745cb7[data-type="slide-left"].page-trans-active-86745cb7 {
	transform: translate3d(0, 0, 0);
}

/* Slide Up transition */
.page-trans-overlay-86745cb7[data-type="slide-up"] {
	transform: translate3d(0, 100%, 0);
	opacity: 1;
}
.page-trans-overlay-86745cb7[data-type="slide-up"].page-trans-active-86745cb7 {
	transform: translate3d(0, 0, 0);
}

/* Zoom transition */
.page-trans-overlay-86745cb7[data-type="zoom"] {
	transform: scale(0.9);
	opacity: 0;
}
.page-trans-overlay-86745cb7[data-type="zoom"].page-trans-active-86745cb7 {
	transform: scale(1);
	opacity: 1;
}

/* Curtain transition styling */
.page-trans-overlay-86745cb7[data-type="curtain"] {
	background-color: transparent;
	opacity: 1;
}
.curtain-half-86745cb7 {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #ffffff;
	transition-property: transform;
}
.curtain-left-86745cb7 {
	left: 0;
	transform: translate3d(-100%, 0, 0);
}
.curtain-right-86745cb7 {
	right: 0;
	transform: translate3d(100%, 0, 0);
}
.page-trans-overlay-86745cb7[data-type="curtain"].page-trans-active-86745cb7 .curtain-left-86745cb7 {
	transform: translate3d(0, 0, 0);
}
.page-trans-overlay-86745cb7[data-type="curtain"].page-trans-active-86745cb7 .curtain-right-86745cb7 {
	transform: translate3d(0, 0, 0);
}

/* Respect user admin bar spacing */
body.admin-bar .page-trans-overlay-86745cb7 {
	top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
	body.admin-bar .page-trans-overlay-86745cb7 {
		top: 46px;
	}
}