/* css styles */

/* For the news description list */

dl {
    display: flex;
    flex-wrap: wrap;
}

dd, dt {
    margin-bottom: 0px
}

dd {
    display: inline-block;
    vertical-align: top;
    width: 85%;
}

dt {
    display: inline-block;
    font-style: italic;
    font-weight: 600;
    display: block;
    clear: left;
    width: 15%;
    text-align: right;
    padding-right: 20px;
    display: inline-block
}

/* About section */

/* override space between header and icons */
#title-block-header {
	margin-block-end: 0;
}

/* override icon border, 
   keep icons as a row even in low resolutions
   remove padding at the bottom */
div.quarto-about-trestles .about-entity .about-link {
    flex-direction: row;
    color: #4e5862;
    text-decoration: none;
    border: none;
    font-size: 1em;
}

/* why the fuck does it need a different rule */
div.quarto-about-trestles .about-entity .about-links {
	flex-direction: row;
    row-gap: 1em;
}

div.quarto-about-trestles .about-entity .about-link {
	padding: .25em .25em;
}

.smalltext {
    font-family: "Inconsolata","Consolas",monospace;
    font-size: .8em;
    font-weight: 400;
}