body {
/*    background: #e6e1ef;*/
    background: #dfd0fa;
    color: black;
    font-family: New Times Roman, Serif;
    /*font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        Sans-Serif;*/
/*    font-weight: 400;*/
    font-size: 0.8em;
    margin: 0;
}

/* what's up */
#content {
    min-height: 75vh;
}

@media (max-width: 900px) {
    body {
        font-size: 0.9em;
    }
    li.cup-item {
        padding-top: 4em !important;
    }
    li.cup-item div.cup-content strong.cup-subject {
        font-size: 1.4em !important;
/*        font-weight: 600 !important;*/
    }
    li.cup-item div.cup-content div.cup-body {
/*        font-size: 1em;*/
/*        line-height: 1.4em !important;*/
    }
}

/* More good colors

#401818
#2b0000

*/

h1#title {
    color: rgb(131 135 122 / 13%);
    text-align: center;
    letter-spacing: -0.1em;
}

div.warning {
/*    text-align: center;*/
    font-size: 0.9em;
}

div.warning.top {
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: right;
    padding-right: 4em;
}

div.warning.bottom {
    margin-top: 1em;
    text-align: center;
    padding: 0;
}

/* .cup-subject::before {
    content: "⚘ ";
    } */
ul.cup-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
}

@media (min-width: 900px) {
    ul.cup-list {
        max-width: 800px;
/*        margin: 0 auto;*/
    }
}
@media (max-width: 899px) {
    ul.cup-list {
        max-width: 80vw;
/*        margin: 0 auto;*/
    }
}

ul.cup-list li.cup-item {
    padding-top: 2em;
    padding-right: 10%;
    padding-left: 1em;
    padding-bottom: 1em;
}

ul.cup-list li.date-change {
/*    text-align: center;*/
/*    margin-left: 50%;*/
/*    margin: 0 auto;*/
    margin-top: 4em;
    padding-bottom: 0.3em;
    width: 30%;
    padding-top: 2em;
    color: black;
    font-size: 1.35em;
    border-bottom: 3px black solid;
}

li.cup-item div.cup-content {
    text-align: left;
}

li.cup-item div.cup-content div.cup-body {
    font-size: 1.2em;
    line-height: 1.3em;
    vertical-align: top;
/*    text-indent: 3em;*/
    display: block;
    letter-spacing: -0.2px;
    text-align: justify;
}
li.cup-item div.cup-content div.cup-body p {
    margin-bottom: 0;
    margin-top: 0;
}

li.cup-item div.cup-content strong.cup-subject {
    font-weight: normal;
    color: #00E;
    font-size: 1.2em;
/*    color: #5b5b5b;*/
    line-height: 1em;
    vertical-align: top;
/*    padding-right: 2em;*/
/*    padding-left: 25%;*/
/*    position: relative;*/
    margin: 0 auto;
    text-align: left;
    display: block;
/*    text-align: justify;*/
/*    font-weight: 200;*/
/*    text-decoration: underline;*/
/*    text-decoration-style: wavy;*/
    margin-bottom: 1em;
/*    font-style: italic;*/
}
/*.subject-shadow {
    position: relative;
    width: 100px;
    height: 100px;
    top: -30px;
    left: 100px;
    border-radius: 50%;
    filter: blur(25px);
    background: radial-gradient(circle at center, white, transparent 40%), conic-gradient(from 45deg, #f9ff00 52deg, #f9ff00 65deg, #cccccc 120deg 307deg, #982b2b 353deg);
}*/

.cup-subject::before {
    content: "\\ ";
}
/*.cup-subject::after {
    content: " ﹒";
}*/

li.cup-item div.cup-content div.cup-body strong {
    color: #17c000;
}

li.cup-item .cup-meta {
/*    padding-left: 25%;*/
    padding-top: 1em;
}

li.cup-item .cup-meta .cup-create-date {
/*    letter-spacing: -1px;*/
}

li.cup-item .cup-meta .cup-du-initials {
    font-size: .8em;
    line-height: 1em;
/*    color: #17c000;*/
    font-weight: 1000;
}

span.flower {
 /*   color: #c7c7c7;
    font-size: 1.3em;
    display: inline-block;
    vertical-align: top;
 */   
    width: 3em;
/*    text-decoration: none;*/
}
span.afterflower {
    width: 3em;
}

.pagination {
    font-size: 1.1em;
    text-align: center;
    margin-top: 4em;
}

/* Kiss form */

div.cup-kisses {
    text-align: left;
    font-size: 1em;
    margin-top: 0;
    line-height: 1em;
    vertical-align: bottom;
/*    letter-spacing: 0.3em;*/
    color: #17c000;
}

div.cup-kisses span.kiss-divider {
    padding-left: .7em;
    padding-right: 0em;
}

form.kiss-form {
    display: inline;
}

form.kiss-form input[type="submit"] {
    background: transparent;
    font-size: 1.2em;
    cursor: pointer;
    border: 0;
}

form.kiss-form input[type="submit"]:hover {
    color: #17c000;
}

/* Announce visit form */
form.announce-visit-form input[type="submit"] {
    display: div;
    background: transparent;
    color: blue;
    font-size: 0.7em;
    cursor: pointer;
    border: 0;
}

@media (max-width: 1500px) {
    form.announce-visit-form input[type="submit"] {
        font-size: 1em;
    }
}

form.announce-visit-form input[type="submit"]:hover {
    color: #9f00ff;
}

.half-hour,
.last-day {
    margin-top: 2.5em;
    font-size: 0.85em;
    color: blue;
/*    color: #ba463f;*/
}

footer {
    margin-top: 3em;
    width: 100%;
    text-align: right;
}
footer a {
/*    color: white;*/
    color: #8fcd8f;
    text-decoration: none;
    padding: 4px;
    padding-left: 6px;
    font-size: .7em;
    display: inline-block;
    background: black;
}
footer a:hover {
    color: blue;
    border-bottom: 1px rgba(0,255,0,0.3) solid;
}

ul, ol, dl {
    padding-left: 4em;
    text-indent: 0;
    line-height: 1;
    padding-bottom: .5em;
    padding-top: .5em;
}

.cup-body h1, .cup-body h2, .cup-body h3, .cup-body h4 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    text-indent: 0;
    text-align: center;
}