body {
	font-family: 'Vollkorn', serif;
	position: relative;
	margin-top: 8rem;
}

body:has(dialog[open]) {
	overflow: hidden;
}

dialog {
	border: 2px solid gray;
	border-radius: 5px;
}

dialog.expanded {
	width: 100%!important;
	height: 100%!important;
}

.content-wrapper{
	position: relative;
}
.btn-close-fixed {
	position: fixed;
	right: 3rem;
}
.list-group-ac{
	list-style-image: url(/images/li.png);
}

.list-group-item-ac{
	color: #243052;
	display: list-item!important;
}
.container-site-logo{
	position: fixed;
	top: 1rem;
	left: 2vmax;
	z-index: 1033;
}
.site-logo{
	/* position: fixed; */
	/* top: 1rem; */
	/* left: 2vmax; */
	/* z-index: 1033; */
}
.site-caption{
	writing-mode: tb-rl;;
	padding: 40px;
}
.text-bg-site{
	color: #fff!important;
	background-color: #5e9e9e!important;
}
.dropdown-item-site.active, .dropdown-item-site:active {
	color: color: #fff!important;
	background-color: #d1e7dd!important;
}
.dropdown-item-site:focus, .dropdown-item-site:hover {
	color: color: #fff!important;
	background-color: #5e9e9e!important;
}
.text-site{
	--bs-text-opacity: 1;
	color: #5e9e9e;
/*		color: #a1cbb8;
	color: cadetblue; */
}

@media (min-width: 1200px){
	.container-site {
		max-width: 960px!important;
	}
	.container-site-logo {
		left: calc(((100% - 960px) / 2) - 112px - 20px);
	}
}
@media (min-width: 992px){
	.container-site {
		max-width: 740px!important;
	}
	.container-site-logo {
		left: calc(((100% - 740px) / 2) - 112px);
	}
}

@media (min-width: 1400px){
	.container-site {
		max-width: 1100px!important;
	}
	.container-site-logo {
		left: calc(((100% - 1100px) / 2) - 112px - 20px);
	}
}
/*
@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

a.nav-link.active {
		text-shadow: 2px 2px 2px var(--bs-dark-bg-subtle);
	}
*/