body.debug{
	/* visibility: visible; */
}

/**
 * ------ toggleAriaControls - POPUP WINDOW ------
 */

body.show-popuptoggle-panel:before{
	content:'';
	display:block;
	position:absolute;
	position:fixed;
	z-index:40;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
}

.popuptoggle-panel-expanded{
	position:absolute;
	position:fixed;
	z-index:40;
	margin:auto;
/* 	top:0; */
/* 	right:0; */
/* 	bottom:0; */
/* 	left:0; */
	top:30px;
	right:30px;
	bottom:auto;
	left:30px;
	width:960px;
	max-width:96%;
/* 	max-width:calc(100% - 30px); */
	max-width:calc(100% - 60px);
/* 	height:calc(100% - 30px); */
	max-height:96%;
	max-height:calc(100vh - 60px);
/* 	max-width:calc(100% - 30px); */
/* 	min-height:calc(100% - 30px); */
/* 	min-height:calc(100% - 60px); */
	padding:30px;
	overflow:auto;
	background-color:#fff;
}

.layout-1 .popuptoggle-panel-expanded{
	top:10px;
	right:10px;
	left:10px;
	max-width:calc(100% - 20px);
	max-height:calc(100vh - 20px);
	padding:10px;
}

.layout-2 .popuptoggle-panel-expanded{
	top:15px;
	right:15px;
	left:15px;
	max-width:calc(100% - 30px);
	max-height:calc(100vh - 30px);
	padding:15px;
}

/** Visible only for screen readers */
.popuptoggle-panel.sr-only{
	position:absolute;
	top:-9999em;
	left:-9999em;
}

.popuptoggle-panel-expanded a:not(.button){
/* 	color: var(--color-link); */
/* 	text-shadow: none; */	
}

.popupwindow-header-item-close a:not(.button){
/* 	color: var(--color-text-body); */
/* 	text-shadow: none; */
}

/**/

.popupwindow-header-item:nth-last-child(2){
	padding-right: 3.85em;
}

.popupwindow-header-item-close{
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	padding:0;
	margin:0;
}

.popupwindow-header-close{
	display:inline-block;
	padding:1.5em;
}


.popupwindow-header-list{
	list-style:none;
	display:block;
	padding:0;
	margin:0 auto;
}

.popupwindow-header-item{
	display:block;
	display:inline-block;
	vertical-align:top;
	padding:0.375em;
	margin:0 auto;
}

.popupwindow-header-title{
	font-family:var(--font-family-heading);
	font-weight:var(--font-weight-heading);
	text-transform:var(--text-transform-heading);
	font-size: 2em;
	line-height:1.25;
	display:block;
	padding:0.32em 0;
}

.popuptoggle-panel-body{
	position:relative;
	padding:1.5em 0;
}

.popupwindow-footer-list{
	list-style:none;
	display:block;
	padding:0;
	margin:0 auto;
	text-align:center;
}

.popupwindow-footer-item{
	display:block;
	display:inline-block;
	vertical-align:top;
	padding:0.375em;
	margin:0 auto;
}

/**/

body.show-popuptoggle-video:before {
	background-color:rgba(0,0,0,0.7);
}

.show-popuptoggle-video .popuptoggle-panel-expanded{
	top: 60px;
	right:60px;
	left:60px;
	width: 1440px;
	max-width:calc(100% - 120px);
	max-height:calc(100vh - 120px);	
	padding:0;
	
}

.show-popuptoggle-video .popuptoggle-panel-expanded{
	box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #000;
	background: none #000;
}

.show-popuptoggle-video .popuptoggle-panel-body{
	padding:0;
}

.show-popuptoggle-video .popupwindow-header{
	position: absolute;
	z-index:1;
	top:0;
	left: 30px;
	right: 30px;
}

.show-popuptoggle-video .popupwindow-header-title,
.show-popuptoggle-video .popupwindow-header-close{
	color:#fff;
	text-shadow:0.025em 0.025em 0.1em rgba(0,0,0,0.25);
}

.show-popuptoggle-video .popupwindow-header-close:hover{
	color:#fff;
	text-shadow:0.025em 0.025em 0.1em rgba(0,0,0,0.5);
}

.show-popuptoggle-video .popupwindow-header-close:active{
	color:#fff;
	text-shadow:0.025em 0.025em 0.1em rgba(0,0,0,0.7);
}

.show-popuptoggle-video .popuptoggle-panel-body{
	position: absolute;
	z-index:1;
	bottom:60px;
	left: 30px;
	right: 30px;
}

.show-popuptoggle-video .popuptoggle-panel-body,
.show-popuptoggle-video .popuptoggle-panel-body a:not(.button){
	color:#fff;
	color:rgba(255,255,255,0.875);
}
.show-popuptoggle-video .popuptoggle-panel-body a:not(.button):hover{
	color:#fff;
}