h1,h2 { line-height: 100%; }
h1 {
    font-family: tahoma,arial;
    font-size: 48pt;
    margin: 0em 0em 0 0;
}
code {
    font-family: "American Typewriter",monospace;    
    border: 1px solid #d0c095;
    border-radius: 0.25em;
    padding: 0.2em; 
    margin: 0;
    background: #fff5cc;
}
pre code {
    font-family: "American Typewriter",monospace;    
    display: block;
    white-space: pre;
    font-family: inherit;
    background: inherit;    
    border: none;
    padding: none;
    margin: none;
}
pre {
    font-family: "American Typewriter",monospace;
    white-space: pre;
    border: 2px solid #d0c095; 
    border-radius: 0.5em;
    background: #fff5cc;
    padding: 1em;
    margin: 1em 0em;
}    
#editor {    
    width: 100%;
    height: 100%;
    border: 1px solid #e8e0c9;
    border-radius: 0.5em;
    padding: 0em;    
}
hr {
    border: 1px solid #a28744;
}
button {
    background: #fff5cc;
    color: #594b26;        
    font-size: 14pt;
    padding: 1em 3em;
    border-radius: 0.25em;
    border: 2px solid #a28744;
    cursor: pointer;
}
button:hover {    
    background: #594b26;
    color: #fff5cc;
}
a:link {
    text-decoration: underline dotted;
    color: #a28744;
}
a:visited {
    color: #6c5a2d;
}
.ticklist ul {
    list-style-type: '✓';
}
.project-title {
    border: 0px dashed black;
}

.project-description {
    display: inline;
    margin: 0em;
    padding: 0em;
    border: 0px dashed black;
}

.publication-links {
    text-align: right;
}

.talk {
    display: grid;
}

.talk-title {
    grid-column: 1;
    grid-row: 1;    
}

.talk-description {
    grid-column: 1;
    grid-row: 2;    
}

.talk-embedding iframe {
    width: 100%;
}
.post-byline {
    color: #a28744;
    font-size: 0.75em;
}
.post-date {
    color: #a28744;
    font-size: 0.75em;
}

.post-readmore {
    text-align: right;
    color: #a28744;    
}
.download {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0em 0em;
}

.download-title {
    flex-grow: 1;
}

.list div {
    margin: 0em;
}

.list-more {
    cursor: pointer;    
    text-align: center;
    font-size: 2em;
}

.hidden {
    display: none;
}

.showcase {
    background: #f7f5ed;   
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    border: 1px solid #e8e0c9;
    border-radius: 0.5em;
    padding: 0.5em;
}
.showcase figure {

}

.list-even {
    background: #f7f5ed;
    border: 2px solid #f7f5ed;
}

.list-odd {
    background: #e8e0c9;
    border: 2px solid #e8e0c9;
}

.list-odd:hover,.list-even:hover {
    border: 2px solid #594b26;
    filter: brightness(0.8);
}

.list a {
    text-decoration: none;
    color: #594b26;
}

.inline-block{display: inline-block;}
.float-left {float: left;}
.text-center {text-align: center;}

@media only screen and (max-width: 768px) {
    p { margin: 0em 0em 1em 0em; padding: 0em 0.5em 0em 0.5em; }
    h1 { font-size: 48pt; margin: 0;}
    code { font-size: 12pt; }
    .banner .highlight { display: none; }
    .list-odd  { padding: 0em 0.5em; }
    .list-even { padding: 0em 0.5em; }
    .publication { padding: 0em; }    
    .project { padding: 0.5em; }
    .post { padding: 0.5em; }
    .post-title { font-size: 18pt; margin: 0em 0em 0.1em 0em; } 
    .post-byline { padding: 0em 0em 0.5em 0em; }
    .post-date { margin: 0; padding: 0em 0.5em 0em 0.5em; }    
    .talk { padding: 0.5em; }    
    .talk-description { padding: 0.5em 0em 0.5em 0em; }    
    .talk-embedding { max-width: 100%; grid-column: 1; grid-row: 3; }
    .download div { padding: 0.25em 0.25em; }
    .image { width: 100%; text-align: center; margin: 1em 0 1em 0; }
    .image > img { width: 100%; height: auto; }
    .ticklist ul { padding: 0; margin: 0.25em; }    
    .ticklist li { padding: 0; margin: 1em 0.25em; }    
}

@media only screen and (min-width: 768px) {
    .image > img { max-width: 100%; height: auto; }
    .list-even { padding: 0em 1em; }
    .list-odd  { padding: 0em 1em; }
    .publication { padding: 0em; }
    .project { padding: 1em; }
    .post { padding: 1em; }
    .post-title { margin: 1em 1em 0.25em 0em; } 
    .post-byline { padding: 0em 0em 1em 0em; }    
    .talk { padding: 1em; grid-template-rows: auto 1fr; }
    .talk-embedding { grid-column: 2; grid-row: 1 / span 2; }
    .download div { padding: 1em 1em; }
    .ticklist li { padding: 0.5em; }    
}