/* CSS for Smooth Page Transitions - Suffix: bef79f8f */

.pt-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	pointer-events: none;
	background-color: #111111; /* fallback color */
	opacity: 1;
	transition: transform var(--pt-duration, 400ms) var(--pt-easing, ease-in-out),
	            opacity var(--pt-duration, 400ms) var(--pt-easing, ease-in-out);
}

/* Adjust for Admin Bar */
body.admin-bar .pt-overlay {
	top: var(--wp-admin--admin-bar--height, 32px);
	height: calc(100% - var(--wp-admin--admin-bar--height, 32px));
}
@media screen and (max-width: 782px) {
	body.admin-bar .pt-overlay {
		top: 46px;
		height: calc(100% - 46px);
	}
}

/* Fade Effect */
.pt-effect-fade {
	background-color: #ffffff;
}
.pt-effect-fade.pt-out {
	opacity: 0;
}
.pt-effect-fade.pt-in {
	opacity: 1;
}

/* Slide Left */
.pt-effect-slide-left {
	background-color: #111111;
	transform: translateX(0);
}
.pt-effect-slide-left.pt-out {
	transform: translateX(-100%);
}
.pt-effect-slide-left.pt-in {
	transform: translateX(0);
}

/* Slide Right */
.pt-effect-slide-right {
	background-color: #111111;
	transform: translateX(0);
}
.pt-effect-slide-right.pt-out {
	transform: translateX(100%);
}
.pt-effect-slide-right.pt-in {
	transform: translateX(0);
}

/* Slide Up */
.pt-effect-slide-up {
	background-color: #111111;
	transform: translateY(0);
}
.pt-effect-slide-up.pt-out {
	transform: translateY(-100%);
}
.pt-effect-slide-up.pt-in {
	transform: translateY(0);
}

/* Zoom Effect */
.pt-effect-zoom {
	background-color: #ffffff;
	transform: scale(1);
}
.pt-effect-zoom.pt-out {
	opacity: 0;
	transform: scale(1.1);
}
.pt-effect-zoom.pt-in {
	opacity: 1;
	transform: scale(1);
}

/* Curtain Style */
.pt-curtain {
	background-color: transparent !important;
	display: flex;
}
.pt-curtain-half {
	flex: 1;
	background-color: #111111;
	transition: transform var(--pt-duration, 400ms) var(--pt-easing, ease-in-out);
}
.pt-curtain-left {
	transform: translateX(0);
}
.pt-curtain-right {
	transform: translateX(0);
}
.pt-curtain.pt-out .pt-curtain-left {
	transform: translateX(-100%);
}
.pt-curtain.pt-out .pt-curtain-right {
	transform: translateX(100%);
}
.pt-curtain.pt-in .pt-curtain-left,
.pt-curtain.pt-in .pt-curtain-right {
	transform: translateX(0);
}