/* 2020 lightbox styling */
html {
	--lt-lightbox-zindex: 9999999;
	--lt-maxbox-zindex:   99999;
	--lt-lightbox-overlay-color: #fffe;
	--lt-lightbox-border-radius: 5px;
}
.LT_LB2020,
.LT_LB2020 * {
	box-sizing: border-box;
}
.LT_LB2020 {
	--lb2020-titlebar-height: 2.25em;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
	background: #fff9;
	background: var(--lt-lightbox-overlay-color);

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height:100%;
	width:100%;
	z-index: var(--lt-lightbox-zindex);
	color: var(--lt-text-color);
}
.LT_LB2020.no_titlebar {
	--lb2020-titlebar-height: 0px;
}
.LT_LB2020.LT_MAXBOX {
	z-index: var(--lt-maxbox-zindex);
}
.LT_LB2020_wrapper {
	width: 500px;
	height: 300px;
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 40px);
	border: 1px solid var(--lt-tint-dark-5);
	border-radius: 5px;
	border-radius: var(--lt-lightbox-border-radius);

	background-color: #fff;
	background-color: var(--lt-background-color);
	overflow:hidden;

	box-shadow: 0 0 25px 0 var(--lt-tint-dark-2);
}


.LT_LB2020.LT_MAXBOX .LT_LB2020_wrapper {
	width: calc(100vw - var(--lt-padding));
	height: calc(var(--vh100, 100vh) - var(--lt-padding));
	xheight: calc(--vh - var(--lt-padding));
}
@supports (-webkit-touch-callout: none) {
	/* smaller lightbox to take into account the ios safearea */
	.LT_LB2020 .LT_LB2020_wrapper {
		max-height: calc(100vh - 90px);
	}

	x.LT_LB2020.LT_MAXBOX .LT_LB2020_wrapper {
		width: calc(-webkit-fill-available - var(--lt-padding));
		height: calc(-webkit-fill-available - var(--lt-padding));
	}
}

.LT_LB2020_titlebar {
	background: #ccc;
	background: var(--lt-sidebar-tan);
	display:flex;

	color: black;
	height: var(--lb2020-titlebar-height);
	width: 100%;
	border-bottom: 1px solid var(--lt-tint-dark-4);
	position: relative;
}
.LT_LB2020.no_title .LT_LB2020_titlebar {
	background:transparent;
	border:none;
}

.LT_LB2020_title {
	flex: 1 0 auto;
	padding: 2px var(--lt-padding-half) 2px var(--lt-padding);
	font-weight: 600;
	line-height: 2;
	color: var(--lt-text-color);
}
.LT_LB2020_closebox {
	flex: 0 0 auto;
	xwidth: 1.2em;
	display: grid;
	align-items: center;
	justify-items: center;

	font-size: 2em;
	font-weight: 600;
	cursor: pointer;
	xborder-left: 1px solid var(--lt-border-color);
	height: 100%;
	line-height: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	color: var(--lt-text-color);
	padding-right: 0.15em;
}
.LT_LB2020.no_title .LT_LB2020_closebox {
	border:none;
}
.LT_LB2020_closebox:hover {
	xbackground: var(--lt-tint-dark-1);
}
.LT_LB2020.no_title .LT_LB2020_closebox:hover {
	background:transparent;
}
.LT_LB2020_content {
	xheight: calc(calc(100% - var(--lb2020-titlebar-height)) + 1px);
	max-height: calc(calc(100% - var(--lb2020-titlebar-height)) + 1px); /* for titlebar border */
	width: 100%;
	overflow: hidden;
	xoverflow-y: auto;
	padding:20px;
	position:relative;
	line-height: var(--lt-lineheight-standard, calc(1ex / 0.37));
}
.LT_LB2020.no_title .LT_LB2020_content {
	padding-top: 0;
}
.LT_LB2020.full_bleed .LT_LB2020_content {
	padding-top: 0;
	padding:0;
	xmargin-top: calc(var(--lb2020-titlebar-height) * -1);
	z-index: 1;
}
.LT_LB2020.loading .LT_LB2020_content {
	height: 85%;
	overflow:hidden;
}
.LT_LB2020_content.iframed {
	padding:0;
	margin:0;
}

.LT_LB2020.no_titlebar .LT_LB2020_closebox {
	position: absolute;
	right: 15px;
	top: 18px;
	z-index: 99;
}
.LT_LB2020.no_titlebar.tabbox .LT_LB2020_closebox {
	padding:15px;
	top: 8px;
}
.LT_LB2020.no_titlebar .LT_LB2020_titlebar {
	height: 0;
	border: none;
	padding: 0;
	margin: 0;
}
.LT_LB2020.full_bleed .LT_LB2020_titlebar {
	z-index: 2;
	right: 25px;
	top: 0;
	margin-left: 25px;
}


.lb_bottom_buttons.sticky {
	position: sticky;
	bottom: 0;
	background: #eee;
	margin: var(--lt-padding) var(--lt-padding-neg) var(--lt-padding-neg);
	padding: var(--lt-padding-quarter) var(--lt-padding);
	border-top: 1px solid #dcdcdc;
}