/* ==========================================================================
# Passepartout style - begin
========================================================================== */

.edgtf-passepartout {

	.edgtf-page-header {
		.edgtf-fixed-wrapper.fixed {
			top: $passepartout;
			left: $passepartout;
			width: calc(100% - #{2*$passepartout});
			position: fixed;
		}

		.edgtf-sticky-header {
			left: $passepartout;
			width: calc(100% - #{2*$passepartout});

		}
	}


	.edgtf-wrapper {
		padding: $passepartout;
	}

	.edgtf-passepartout-left,
	.edgtf-passepartout-right {
		position: absolute;
		height: 100%;
		width: $passepartout;
		top: 0px;
		left: 0px;
		background-color: #ffffff;
		z-index: 111; /* one more than the Slider */

	}

	.edgtf-passepartout-right{
		left: auto;
		right: 0px;
	}

	.edgtf-passepartout-top{
		position: fixed;
		padding-top: $passepartout;
		height: 0;
		width: 100%;
		top:0px;
		left: 0px;
		background-color: #ffffff;
		z-index: 109;
	}
	&.admin-bar .edgtf-passepartout-top{
		top:32px;
	}
	.edgtf-passepartout-bottom{
		position: fixed;
		bottom:0px;
		left: 0px;
		padding-top: $passepartout;
		height: 0;
		width: 100%;
		background-color: #ffffff;
		z-index: 200;
	}

}


/* ==========================================================================
# Passepartout - end
========================================================================== */

