.xdebug-error {
    font-size: 16px !important;
    width: 95% !important;
    margin: 0 auto 10px auto !important;
    border-color: #666 !important;
    background: #ddd !important;
}

.xdebug-error th, .xdebug-error td {
    padding: 2px !important;
}

.xdebug-error th {
    background: #ccc !important;
}

.xdebug-error_description th {
    font-size: 1.2em !important;
    padding: 20px 4px 20px 100px !important;
    background: #ccc no-repeat left top !important;
}

.xdebug-error_callStack th {
    background: #666 !important;
    color: #ddd !important;
}

.debug_box {
    background: #fee;
    border: 1px solid #eaa;
    margin: .2em 0;
    padding: .5em;
}

.content {
    padding: 1em;
    line-height: 1.2;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.boxed {
    margin: .25em;
    border:2px solid #d3b87a;
}

.boxed th {
    text-align: left;
    background-color: hsl(220, 100%, 70%);
    color: white;
    white-space: nowrap;
}

.boxed tr.even {
  background-color: #e0c482;
}

.boxed th, .boxed td {
    padding:4px 10px;
    border:2px solid #d3b87a;
    border-width:0 2px 2px 0;
}

.twocol {
    border: 1px solid gray;
    margin: .25em;
    padding: .25em;
}

.twocol th {
    text-align: left;
    padding: 0 .5em 0 0;
    vertical-align: top;
}

form .twocol {
    border-collapse:separate;
    border-spacing: 0 10px;
}


/* 
https://coolors.co/8a1623-e2bfb9-fada91-310a31-3d3522
 * #ba1623 red
 * #e2bfb9 beige
 * #fada91 yellow
 * #310a31 dark purple
 * #3d3522 dark, slightly green
 */

.nobreak {
    white-space: nowrap;
}

body {
    background: #e2bfb9;
    color: #310a31;
    max-width: 50em;
    margin: 0 auto;
}

.banner {
    text-align: center;
}

.banner_main {
    font-size: 250%;
    font-weight: bold;
    font-family: Arial, 'Lucida Sans Unicode';
}

.banner_sub {
    font-weight: bold;
    font-style: italic;
    font-family: Arial, 'Lucida Sans Unicode';
    margin-bottom: 1em;
}

.sect {
    background: #fada91;
    padding: 1em;
    margin: 1em;
    border-radius: 10px;
    border: 2px solid #8a1623;
}

.sect h1 {
    text-align: center;
}

.rehearsals table {
    margin: 0 auto;
}

h1 {
    font-weight: bold;
    font-size: 1.5em;
}

h2 {
    margin-top: 1em;
    font-weight: bold;
    font-size: 1.2em;
}

p {
    margin: 1em 0;
}

.booking, .rehearsal {
    margin-bottom: 1em;
}

.booking .date_time, .rehearsal .date_time {
    font-weight: bold;
}