/* Styles for directory entry preview */

.preview {position:fixed; left:0; top:0; width:100%; height:100%; background:#000b;  z-index:1; display:none;}
.preview.show {display:block;}

.preview > div {
	position:fixed; left:0; right:0; top:0; bottom:0; width:80%; 
	margin:25vh auto; height:fit-content; z-index:1; max-width:fit-content;
	background:#dff; border:2px solid #810541; border-radius:3px; padding:4px 16px;
}

.preview > div p img {width:20px; height:20px; margin:-5px 6px;}
.preview > div h1 {text-align:center; margin:0; font-size:1rem; font-weight:550; font-style:normal; color:#008;}
.preview > div h2 {text-align:center; margin:0 0 6px; padding:0 0 2px; border-bottom:1px dotted #810541;
	font-size:1rem; font-weight:normal; font-style:italic; color:#008; font-variant-caps:small-caps;}
.preview > div p {font-size:0.8rem; font-style:italic; color:#600; padding-left:32px; text-indent:-32px; margin:4px;}  

.moreinfo{margin-top:4px; padding-top:4px; border-top:1px dotted #810541;}
.moreinfo.cx {border:none;}
.moreinfo .ml {float:left;}
.moreinfo h2 {margin:0 0 0 8px; text-align:left; border:none;}
.moreinfo p {margin:0 0 0 8px; color:blue; padding-left:0; text-indent:0;}
.moreinfo img.big {margin-left:10px; float:left; max-width:4rem; border:1px solid gray;}
.moreinfo div {float:left; max-width:calc(80vw - 4em);}
.moreinfo div p {padding-left:0; text-indent:0;}