body {
    font-family: "Jost", "Sen", sans-serif;
    font-size: 12pt;
    color: #353535;
}

.content_wrap {
    margin: 0 auto;
    max-width: 1024px;
}

hr {
    border: none;
    background: #ccc;
    height: 1px;
}

body section {
    margin:15px 0px;
}

#date_form input {
    font-weight: 300;
    border: none;
    border-bottom: 3px solid #888;
}

#date_form input::placeholder {
    font-size: 12px;
}


span.error {
    color: red;
    text-align: center;
    display: block;
    margin: 20px;
}

#calendar .date_section {
    page-break-after: always;
}

#calendar .date_section h1 {
    position: relative;
    margin: 1em 0 0.2em 0;
    font-weight: 800;
    color: #3b7c87;
    text-align: center;
}
#calendar .date_section h1 svg {
    width: 150px;
    margin: 0 auto 8px;
    display: block;
}
#calendar .date_section h1 span {
    font-size: 50%;
    font-weight: 300;
    color: #863b9b;
    display: block;
    margin: 5px 0 10px;
}

#calendar .event_row:nth-child(even) {
    background: #ab542811;
    -webkit-print-color-adjust: exact;
}

#calendar .event_row:first-of-type {
    /*border-top: 1px solid #ccc;*/
}

#calendar .event_row {
    display: flex;
    padding: 15px 0px;
    /*border-bottom: 1px solid #ccc;*/
    border-radius: 10px;
}

#calendar .event_row div.time,
#calendar .event_row div.title,
#calendar .event_row div.locations {
    flex: 1;
    font-weight: bold;
}

#calendar .event_row div.time {
    padding-left:15px;
}

#calendar .event_row div.locations span.location {
    display: block;
    font-weight: lighter;
}


#calendar .event_row div.time .access_time {
    font-weight: lighter;
    font-size: 11pt;
    font-style: italic;
}


/* * * * * * * * */
/* PRINT STYLES  */
/* * * * * * * * */
@media print {
    #dates {
        display: none;
    }

    #calendar .date_section h1 {
        margin-top: 0;
    }
}