:root {
	--border-contrast: color-mix(in srgb, var(--bulma-background), black 20%);
}

html[data-theme="dark"] {
	--border-contrast: color-mix(in srgb, var(--bulma-background), white 10%);
}

article .fat-icon {
	font-size:10vh;
	line-height: 1;
	padding:0;
	margin:4vh 0 0 0;
}
article h1 {margin:1em 0 .6em 0;}
article h2 {margin:.8em 0 .6em 0;}
article h3 {margin:.6em 0 .6em 0;}

article h1,
article h2,
article h3 {
	text-align: center;
}
article p,
.posts-list .post-text p{
	margin-bottom: 1.1em;
	text-align: justify;
	hyphens: auto;
}
article img:not(.title-image) {
	max-width: 12vw;
	float:left;
	margin-right: 17px;
	margin-top:5px;
	border:solid 1px #444;
	padding:5px;
	cursor: pointer;
}
article img.right:not(.title-image) {
	float: right;
	margin-left: 17px;
	margin-right: 0;
}
article video,
article audio {
	width:100%;
	display:block;
}

#modalImage {
	border: solid 6px #333;
	padding:10px;
}

.posts-list {
	padding-top:1vh !important;
}

.post-details h1 {
	text-align: center;
	margin:1em 0;
	line-height: 1;
}

.post-details h1:has(+ .post-meta) {
	margin-bottom:0;
}

.post-details .post-meta {
	text-align: center
}
.post-details h1 + .post-meta {
	margin-bottom:5vh;
}
.post-meta {
	font-size:.85em;
	margin-bottom: 2.5vh;
}

.spoiler {
	cursor: pointer;
	text-decoration: underline;
	color: var(--sl-link-color);
}

.centered-narrow {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

form .label-with-link {
    display: flex;
	justify-content: space-between;
	align-items: center;
}
form .label-with-link a {
	font-size: .8em;
}
@media screen and (min-width: 769px) {
	.centered-narrow {
		max-width: 500px;
	}
}
form {
	margin-top: 2vh;
	margin-bottom: 2vh;
}
form h1 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
form p:last-of-type {
	margin-bottom: 0;
}

form .field:last-of-type {
	margin-bottom: 2vh;
}
form .checkbox input[type=checkbox] {
	transform: scale(1.5);
	transform-origin: center;
	margin:0 .6em 0 .3em;
}
form .field:not(:first-of-type) {
	margin-top:1em;
}
form .input-help {
	font-size: .8em;
	margin-top: .5em;
	opacity: .8;
}
form .input-help i {
	padding: 0 .4em 0 .2em;
}
form .field:has(.is-core) {
	z-index: -1;
	display: none;
	position: absolute;
	left:-2000px;
}
.core-form .info-list {
	font-size: .9em;
}

dialog {
	border-radius: 20px;
	padding:20px 40px;
	max-width: 50%;
}

.info-list {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.5rem 1.5rem;
}
.info-list dt {
	padding-right: 1em;
}
.info-list dd {
	margin: 0;
}

#toastContainer {
	position: fixed;
	bottom: 5vh;
	left: 50%;
	transform: translateX(-50%);
	min-width: 20vw;
	max-width: 60vw;
	z-index: 1050;
	display: flex;
	flex-direction: column-reverse;
	gap: 0.5rem;
	font-size: .8rem;
}

#toastContainer .notification {
	text-align: center;
	padding: 15px 30px;
	font-size:1.3em;
}

.posts-list-entry {
	padding-bottom: 5vh;
	border-bottom: 1px solid #888 ;
	margin: 6vh 0;
}

.posts-list-entry:last-child    {
	border-bottom: none;
}

.posts-list-entry .subtitle {
	margin:.2em;
}
.posts-list-entry .post-text {
	margin-top:.6em;
}
.posts-list-entry img {
	width:100%;
}

.post-nav i {
	font-size: 1.5em;
}

.zoomable {
	cursor: pointer;
}


@media (max-width: 760px) {
	.posts-list-entry .column:last-of-type {
		margin-top:0;
		padding-top:0;
	}

	.posts-list-entry img {}
}

.resource-edit-link {
	position: absolute;
	left: 0;
	bottom: 0;
	padding:.1em .3em;
	border-radius: 0;
	border-bottom: 0;
	border-left:0;
}

body[data-st="authenticated"] .textblock {
	border:solid 1px var(--border-contrast);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:.3em .2em 1.5em .2em;
	position: relative;
}

.button.is-danger.is-outlined {
	color: var( --bulma-danger) !important;
}

@media (max-width: 760px) {
	dialog {
		max-width: 90%;
	}
	#toastContainer {
		max-width: 90%;
	}
}