/* Vanilla Tags */

:root {
	--black: #111111;
	--white: #dddddd;
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    width: 100%;
    background-color: var(--black);
    color: var(--white);
    font-family: monospace;
	font-size: 1.2em;
}

main {
    margin-left: 255px;
    margin-bottom: 50px;
    padding: 15px;
    padding-top: 0px;
    min-height: 500px;

    border-left: 2px solid grey;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

b, strong{
    font-size: 1.2em;
}

blockquote {
    border-left: 2px solid grey;
    padding-left: 10px;
}

summary {
	cursor: pointer;
}

/* Qualified Vanilla Tags */
p + p, details + p, p + details, details + details, details > details, details > p {
    margin-top: 15px;
}

details > * {
	margin-left: 20px;
}
details > summary {
	margin-left: 0px;
}

li > p, li {
    margin-bottom: 10px;
}

p + h3 {
    margin-top: 50px;
}

a {
	color: plum;
}

a:visited {
    color: plum;
}

#sidebar a, #sidebar a:visited, h1 a, h1 a:visited  {
    color: #dddddd;
    text-decoration: none;
}

/* Classes */

.container {
    padding: 10px;
}

.sidebar-item {
    text-align: right;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.hover-text {
	text-decoration: underline dotted;
}

.indent {
	margin-left: 20px;
}

/* IDs */
#motd {
    font-family: monospace;
    font-size: 0.5em;
    margin-top: 15px;
    border-top: 2px solid grey;
    padding-top: 15px;
    padding-left: 2px;
    text-justify: inter-word;
	text-align: left;
}



/* Misc. Qualified */
.sidebar-item + .sidebar-item {
    margin-top: 20px;
    padding-top: 10px;
}


/* Custom Tags */

header {
    font-size: 2em;
    padding: 20px;
    text-align: center;
    display: block;
}

#sidebar {
    width: 100%;
    max-width: 235px;
	min-height: 60%;
    /*height: 100%;*/
    position: absolute;
    overflow: hidden;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.7em;
    display: block;
}

footer {
    border-top: 2px solid grey;
    padding: 5px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 50px;
    width: 98%;
}

date {
    display: block;
    margin: 10px;
    margin-left: 20px;
    margin-bottom: 50px;
    font-size: 1em;
}

/* Blog post lists */
.post-card, .post-card:visited {
    /* width: 60%; */
    border: 2px solid grey;
    display: block;
    /*background-color: dimgray;*/
	color: var(--white);
    text-decoration: none;
    border-radius: 2px;
    padding: 10px;
    padding-bottom: 20px;
    overflow: visible;
    /* height: 205px; */
}

.post-card + .post-card {
    margin-top: 20px;
}

.post-card > h2 {
    margin-left: 10px;
    margin-top: 10px;
}

.post-card > img {
    margin: 5px;
    margin-left: 15px;
    margin-right: 10px;
    float: right;
    max-width: 200px;
}

.post-card > p {
    /* max-height: 150px; */
    /* overflow-y: hidden; */
    margin-left: 25px;
}

/* TODO this is a hack to get rid of pandoc's ghost cards*/
.post-card:not(:has(h2, p, img)) {
	display: none;
}

/* Food Stuff */
.recipe-metadata {
    padding-top: 10px;
    padding-bottom: 10px;
}

.jump-to-recipe {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.4em;
}

.recipe-container {
    padding: 10px;
    margin: 20px;
    border: 2px solid grey;
}

.recipe-container > h3 {
    margin-bottom: 5px;
}