/* ==== ITEMS ==== */


.mdl-item {
	position: relative;
	margin: var(--para-margin);
	color: var(--item-color);
}
.mdl-item:nth-of-type(odd) {
	background-color: var(--bg-odd);
}
.mdl-item:nth-of-type(even) {
	background-color: var(--bg-even);
}
.mdl-item h4 {
	font-size: 1rem;
	text-align: left;
	padding: .5rem 1rem;
	margin: 0;
	background-color: var(--item-h);
	border-radius: .3rem .3rem 0 0;
}
.mdl-item h4::before, .mdl-item h4::after {
}
.mdl-item h4::before {
	/* content: '“'; */
}
.mdl-item h4::after {
	/* content: '”'; */
}
.mdl-item p {
	padding: 0;
	margin: 0 .25em 1em;
	/* border: 1px solid white; */
}

.mdl-item p:not(:first-of-type) {
	/* text-indent: 1.5em; */
}
.mdl-item p:last-of-type {
	margin: 0;
}
.item--meta {
	padding: .5rem 1rem;
	color: var(--item-color);
	font-size: 0.85rem;
	background-color: var(--item-meta-bg);
}

.item--meta--bit {
	color: var(--item-meta-bit-color);
	background-color: var(--item-meta-bit-bg);
}

.item--meta--bit, .item--meta a {
	padding: .2em 1em;
	border-radius: .2em;
}
.item--meta a {
	/* font-weight: normal; */
	/* background-color: rgba(0,0,0,0.1); */
	color: var(--item-meta-a-color);
	background-color: var(--item-meta-a-bg);
	border: var(--item-meta-a-border);
	font-weight: 400;
	/* padding: .2em 1em; */
	/* border-radius: .2em; */
}
.item--meta a:hover {
	color: var(--item-meta-a-hover-color);
	background-color: var(--item-meta-a-hover-bg);
	border: var(--item-meta-a-hover-border);
}
.item--meta a.im--icon {
	color: var(--im-icon-color);
	font-size: 1rem;
	/* padding: .1em; */
	width: 3em;
	text-align: center;
	display: inline-block;
	line-height: 1rem;
}


.item--description, .item--content {
	/* margin: 0 1rem; */
	font-size: 1rem;
	/* line-height: 1.5em; */
	position: relative;
	border-width: 1px 0 0 0;
	border-style: solid;
}


.item--description {
	font-size: .9rem;
	font-style: italic;
	padding: .5rem 1rem .5rem 1.5rem;
	background-color: var(--item-desc-bg); 
	border-color: var(--item-desc-border-color); 
}
.item--description:empty {
	/* display: none; */
}
.item--description:not(:empty):before {
	content: '— ';
}
.item--description:empty {
	padding: .1rem;
}

.item--content b, .item--content i, .item--content u, .item--content s, .item--content code  {
	color: var(--item-content-biusc);
}
.item--content code {
	font-family: var(--mono-font);
	font-size: var(--mono-font-size);
	/* line-height: 1em; */
}

.item--content {
	padding: 1.25rem 1.5rem;
	border-color: var(--item-content-border-c);
	background-color: var(--item-content-bg);
}


.mdl--form label {
	min-width: 16ch;
}

/* ==== GENERAL ==== */

a.link--btn {
	background-color: var(--a-link-btn-bg);
	border: var(--a-link-btn-border-c);
	padding: .5em 1.5em;
	border-radius: .25em;
	font-size: .9rem;
}

a:hover.link--btn {
	background-color: var(--a-link-btn-hover-bg);
}

.mrg-top {
	margin-top: 1rem !important;
}