@charset "UTF-8";

/***** GENERIC *****/
body{
	margin:0; padding:0;
}

ul{list-style-type: none;}
ul, li{padding:0; margin:0;}
h1{font-size: 2em; margin: 0.5em 0;}
h2{font-size: 1.5em; margin: 0.6em 0;}
h3{font-size: 1.17em; margin: 0.7em 0;}

html{
	scroll-behavior: smooth;
}

body#home #content{padding-bottom:0;}

/* STYLE */

a{text-decoration: none;}
a:hover, a.selected{text-decoration: underline;}
a.imgMore{text-decoration:none; display:block;}

button, a.button{
	display:inline-block; padding:5px 10px; border:1px solid #fff; border-radius:3px; margin:2px 10px 2px 0;background-color:#eee; color:#000;
	cursor: pointer;
}
button:hover, a.button:hover{text-decoration:none; border-color:#333;}

img{
	width:auto; max-width:100%;
}
img[src*=".png"]{
	border: none !important;
}
/*img[src$=".png"], img[src$=".gif"]{
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: crisp-edges;
}*/
/*img{filter: saturate(110%) contrast(110%) brightness(120%)}*/

audio, video{display:block; width:100% !important; height:auto !important;}

.zoom{cursor:zoom-in; display:block;}

a.galZoom{
	position:absolute; z-index:5; top:0; left:25%; bottom:0; display:block;
	cursor: zoom-in;
}

.clearBoth{clear:both;}

.langLink{
	display:block; position:absolute; top:2px; right:2px;
	font-size:smaller;
	background-color:#fff;
	padding:2px 5px;
}

.description{clear:both;}
.description.below{margin:15px 0 20px 0;}
#content .description.above{margin:20px 0 5px 0;}
#edit_text .description.above::before { 
	content:"";
}
#edit_text .description.below::before { 
	content:"";
}
p.caption{text-align:center; margin-top:10px;}


.divItem{/*margin:12px 0; */padding-bottom:32px; clear:both;}
/*.divItem img{width:100%; max-width:100%;}*/
/*.divItem svg{max-width:100%;}*/
.divItem img.icon{/*width:auto; */border:none;}
.divItem, div.txt, div.html{position:relative;}

div.audio, div.video{background-color:#eee;}
iframe{display:block; border:none; outline: 1px solid #ddd;}

/* images inserted in html/text files should have native width, but no more than allowed by container */
/*div.txt img, div.html img, .wysihtml-editor img{width:auto; max-width:100%;}*/
div.txt img, div.html img{cursor:zoom-in;}
div.txt a img, div.html a img{cursor: inherit;}
div.divItem.firstFile img{cursor:pointer;}

/* ul li in edit_text/articles */ 
div.txt ul, div.html ul, .wysihtml-editor ul{list-style-type: disc; list-style-position: inside;}

div.title, div.backTitle, div.placeHolderTitle{padding-bottom:10px;}

/* galleries */
div.gallery{position:relative;background:transparent url(../images/progress.svg) no-repeat 50% 50%;}
div.gallery img{margin:0 auto;display:block; width:auto; max-width:100%; /*max-height:100%;*/ background:#ddd;}
div.gallery a{
	display: block;
	position:absolute;
	width:50%; height:100%;
	top:0;
	opacity:.5;
}
div.gallery a.prev{left:-28px; cursor:w-resize;}
div.gallery a.next{right:-28px; cursor:e-resize;}
div.gallery a:hover{opacity:1; color:#000;}
div.gallery a span{
	position:absolute;
	top:0; bottom:0; right:0; left:0;
	/* vertical centering: */
	height: 10%;
	margin: auto;
}
div.gallery a.prev span{text-align:left;}
div.gallery a.next span{text-align:right;}

div.gallNav{text-align:center;}
div.gallNav a{opacity:.2;}
div.gallNav a, div.gallery a{font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:22px; padding:1px; line-height:32px;}
div.gallery a.selected, div.gallery a:hover{ text-shadow: 0 0 2px #fff; }

div.gallNav a:hover, div.gallNav a.selected{text-decoration:none; color:#000; opacity:1; text-shadow: 0 0 2px #fff;}

div.slidesContainer div.gallNav{display:none;}
div.fixed_bg_div_1, div.fixed_bg_div_2{
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	background-position: center;
	background-repeat:no-repeat;
	background-size:contain;
}
.fixed_bg_div_2{
	opacity:1;
	z-index:2;
}
.fixed_bg_div_1{
	opacity:0;
	z-index:3;
}

#mobileMenu{
	display:block;
	position:fixed;
	z-index:300;
	top:0;
	right:0;
	padding:12px 15px;
	visibility:hidden;
}

div.backTitle.zoomPage{top:0; left:0; padding:15px; display:block;}

#footer{font-size:smaller; padding:10px;}
#footer a, #nav li.lastLi a{color: inherit;}

/* thin scroll bar for nav */
#nav{scrollbar-width: thin;}	/* firefox */
#nav::-webkit-scrollbar{ 		/* webkit */
	width:5px;
	background-color:transparent;
}
#nav::-webkit-scrollbar-thumb{
	background-color:#00000050;
}
#nav{
	scrollbar-width: thin; /* "auto" or "thin" */
	scrollbar-color: #00000050 transparent;
}

/* offset anchor a tags 80px down to account for fixed adminHeader */
a:target{
	display:block;
	position:relative;
	top: -46px;
	visibility:hidden;
}

span.fname{display:block; position:absolute; border:1px solid transparent;/* bottom:0;*/ left:0; right:0; background-color:rgba(255, 255, 255, 0.7); padding:2px 5px; color:#333;}
.divItem a:hover .fname{background-color:#fff; border:1px solid #ccc;}

/* for outputting errors */
aside{border:1px solid #fff; padding:10px; margin-bottom:2px; background-color:#222; color:#eee; font-family: monospace; word-wrap: break-word;}

#backToTop a{color:#fff; opacity:0;}


/* wysiwyg (text editor) styles */
.wysiwyg-text-align-right{text-align: right;}
.wysiwyg-text-align-center{text-align: center;}
.wysiwyg-text-align-left{text-align: left;}
.wysiwyg-text-align-justify{text-align: justify;}
.wysiwyg-float-left{
	float: left; 
	margin: 5px 35px 25px 0; 
	max-width:60%;
}
.wysiwyg-float-right{
	float: right;
	margin: 5px 0 25px 35px;
	max-width:60%;
}
.wysiwyg-width-half{
	max-width: calc(50% + 35px);
}
.wysiwyg-width-third{
	max-width: 40%;
}
.wysiwyg-clear-right{clear: right;}
.wysiwyg-clear-left{clear: left;}

.kymOutline{outline:1px solid #ddd;}
.kymOutlineDark{outline:1px solid rgb(119, 119, 119);}

table{width:100%; border-spacing: 1px;}
table td{vertical-align:top; padding:5px 6px 5px 0;}
/* various table styles */
table.dateList tr td:first-child, table#vita_text tr td:first-child{padding-right:20px; width:10%; min-width:100px; text-align:right;}
table.fixedGrid{
	table-layout: fixed;
}
/*
table.fixedGrid tr td{padding-right:15px;}
table.fixedGrid tr td:last-child{padding-right:6px;}
*/
figure{display:table; width:auto; border:1px solid red; padding:0; margin:0;}
figcaption{/*display:table-caption; caption-side:bottom; */border:1px solid green; padding-top:5px;}