body {
    font-family: "Noto Sans", "Open Sans", Oxygen, sans-serif;
    max-width: 100%;
 }

body:not(.Present) {
    margin: 2em auto;
    font-size: 90%;

section.Post {
    background-color: white;
    border-bottom: 1px solid var(--grey2);
    padding: 0 1em;
    min-height: 3em;
}

section.Post h2, section.Post h3 {
    padding-top: 0.2em;
    margin-top: 0.55em;
    margin-bottom: 1.5em;
}

section.Post h2 {font-size: 110%}

section.Post h3 {
    font-size: 100%;
    font-weight: normal;
}

section.Post h3:not(.Collapse) {font-weight: bold}

section.Post > img.Icon {
    height: 2em;
    max-width: 2em;
    padding: 0.25em 0.5em 0.25em 0;
    float: left;
}

section.Post ol, section.Post ul {padding-left: 1.5em}
section.Post li {padding: 0.15em 0.5em}
    
}

div.Collapse.Indent {
    padding-left: 0.5em;
    border-left: 1px solid var(--grey2);
}

.Scroll {
    max-height: 12em;
    overflow: auto;
}

.EqScroll {
    max-width: 100%;
    overflow: auto;
}

#Top {
    font-size: 120%;
    font-weight: bold;
    padding: 12px 0.625em;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    border-bottom: 1px solid var(--grey2);
}

#Buttons {
    float: right;
    color: var(--blue);
}

#Buttons a {
    cursor: pointer;
    margin-left: 0.4em;
}

#Buttons img, #Buttons svg {
    height: 1.237em;
    vertical-align: middle;
}

button > img.Icon {height: 2.222em}

.BtnGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    align-items: flex-start;
    text-align: center;
    margin: auto;
    margin-bottom: 1em;
}

button[data-icon] {
    background: none;
    border: none;
    border-radius: 0.5em;
    padding: 0.5em;
    margin: 0.25em 1em;
    width: 8em;
    font-size: 90%;
    cursor: pointer;
    color: var(--blue);
}

button[data-icon] > p {
    margin-bottom: 0;
}

.Link, .FeedLink {
    cursor: pointer;
    color: var(--blue);
}

.Link.Red {color: red}
#TopTitle.FeedLink:before {content: "‹ "}
#Title {display: none}

.Chevron {
    height: 0.9em;
    vertical-align: middle;
}

.Link.Collapse {text-decoration: none}
.Link, .FeedLink:not("#TopTitle") {text-decoration: underline}

div.Message {
    font-weight: bold;
    font-size: 105%;
    padding: 0.6em;
    border-radius: 0.4em;
    background-color: #808080;
    color: white;
    text-align: center;
    position: fixed;
    top: 25vh;
    min-width: 60vw;
    display: none;
}

span[data-print], span.Action {
    text-align:center;
    cursor: pointer;   
    float: right;
    vertical-align: middle;
    font-size: 90%;
    margin-left: 0.75em;
}

span.Action > img, span[data-print] > img {height: 1.5em}

p.EchoControl {
    margin-bottom: 0em;
    padding: 0.25em 0;
    background-color: var(--grey1);
    border-bottom: 1px solid black;
    color: var(--blue);
}

p.EchoControl > span.Buttons {float: right}

p.EchoControl > span.Buttons > img.Icon {
    height: 1.25em;
    padding: 0.25em 0.25em 0.25em 0.75em; /* trbl */
    vertical-align: middle;
    cursor: pointer;
}

p.EchoControl > span.CodeTitle {
    color: black;
    font-style: italic;
    padding: 0.25em;
    vertical-align: middle;
}

table.Calendar {

min-width: 75%;

th:first-child {width: 7em}
td:first-child {text-align: center}

}

@media (min-width: 780px) {

body:not(.Present) {
    max-width: 840px;
    font-size: 105%;

section.Post > img.Icon {
    margin-left: -3.5em;
    padding: 0.25em 0.25em 0.25em 0.5em;
}

section.Post {padding-left: 3.5em}
section.Post h2, section.Post h3 {margin-bottom: 1em}
section.Post ol, section.Post ul {padding-left: 2.4em}
div.Message {min-width: 468px}
#Top {padding: 12px 0}

}


body.Present {
    margin: 0;
    font-size: 250%;

h1 {font-size: 200%}
.NoPresent {display: none}
#Title {color: var(--blue)}

.TopLevel {
    max-width: 100%;
    padding: 0.5em 1em;
    background-color: white;
}

.TopLevel section.Slide p {
    margin: 1em 0;
    /* margin: 0.5em 0; */
}

.TopLevel section.Slide > .Assign {
    color: blue;
    margin: 2em;
    padding: 0.5em;
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
}

.TopLevel section.Slide h3:first-child {margin-top: 0}
.TopLevel .Print {display: none}

}

}