/* Technetium PHP Framework version 2.9
   Author: Tony Leung
   E-mail: info@technetium.info */

@charset "utf-8";

.page-header > .hgroup {
	max-width:26rem;
}
.page-header .pagination {
	opacity:0;
	transition-property:opacity;
	transition-duration:var(--transition-duration);
}
.page-header .pagination.show {
	opacity:1;
}
.page-header .pagination .badge {
	width:8rem;
	display:flex;
	justify-content:center;
}
.page-header .pagination .page-current,
.page-header .pagination .page-total {
	flex-basis:0;
	flex-grow:1;
}
.page-header .pagination .page-separator {
	margin:0 0.25em;
}
.page-header .slideshow-group {
	position:relative;
	margin-top:1.25rem;
	opacity:0;
	transition-property:opacity;
	transition-duration:var(--transition-duration);
}
.page-header .slideshow-group.show {
	opacity:1;
}
.page-header .slideshow-group .badge {
	position:absolute;
	right:0;
	font-size:1.4rem;
	font-weight:bold;
	opacity:0;
	z-index:0;
	transition-property:opacity;
}
.page-header .slideshow-group .badge.show {
	position:relative;
	opacity:1;
	z-index:1;
}
.page-header .slideshow-notes {
	width:19rem;
	position:relative;
	margin-top:1.25rem;
	font-size:0.8rem;
	opacity:0;
	transition-property:opacity;
}
.page-header .slideshow-notes.show {
	opacity:1;
}
.page-header .slideshow-note {
	width:100%;
	position:absolute;
	top:0;
	opacity:0;
	z-index:0;
	transition-property:opacity;
}
.page-header .slideshow-note.show {
	position:relative;
	opacity:1;
	z-index:1;
}
html[data-lang=en-us] .page-header .slideshow-note {
	font-size:0.75rem;
	letter-spacing:-0.0375rem;
}

.scene#slideshow .slideshow {
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	right:14.5%;
}
.scene#slideshow .tab-content {
	width:30%;
	height:100%;
}
.scene#slideshow .tab-content .card-title {
	margin-bottom:1rem;
	margin-right:-3.5rem;
}
.scene#slideshow .tab-content .card-meta-prop-icon {
	width:4rem;
	margin:1.2rem auto 0.6rem auto;
	border-radius:50%;
	background-color:#E1C08A;
	display:block;
} 
.scene#slideshow .tab-content .card-meta-prop-title {
	min-height:2.6rem;
	line-height:1.3;
	text-align:center;
}
.scene#slideshow .tab-content .card-footer {
	margin-top:auto;
	padding:0;
	border:none;
	background:none;
}

.scene#navigation .nav .btn img {
	max-width:90%;
}