/* info tables */
table { font-size: 1em; line-height: 1.4em; width: 100%; font-weight: 300; border-collapse: collapse; margin-top: 1.5em; border: 0; }
th.title { font-size: 1.3em; line-height: 1em; padding: 0.25em 0.4em 0.25em 0.5em; text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; background-color: 444; }
@media (prefers-color-scheme: dark) {
  th.title { color: #eee; }
}
body.dark th.title { color: #eee; }
.name { font-weight: bold; }
/*.mainpage td { padding: 0.25em 0.1em 0.35em 0.4em; }*/

table { font-weight: 300; }
table { border-collapse: collapse; position: relative; font-size: 1rem; }
table th, td { padding: 0.25em 0.6em 0.25em 0.3em; text-align: left; vertical-align: top; } /* padding below every row*/
/*table tr.break td { padding-top: 20px; }*/ /* padding atop every "break" row */
table tr.alt { background-color: #303030; }

table th.perf_date { width: 3em; }
table th.description { width: 15em; }
table th.gross_availbility { width: 3em; }

table .food { font-weight: bold; }
table .food .detail { font-weight: 300; }

table .name,
table .fname,
table .lname { font-weight: bold; }

table tr.alt { background-color: #fff; }
@media (prefers-color-scheme: dark) {
  table tr.alt { background-color: #2f2f2f; }
}
body.dark table tr.alt { background-color: #2f2f2f; }

table.staff .staffViewPic { float: none; position: inline-block; vertical-align: middle; width: 40px; height: 40px; }
table.staff td { vertical-align: middle; }
table.staff td.pic { padding-top: 0.1em; padding-bottom: 0.1em; }
table.staff tr.depart,
table.staff tr.depart a { color: #888; }

.volunteerhighlights th.title { background-color: rgba(223,29,44,0.85); }
.welcomemessages th.title { background-color: rgba(60,98,192,1); /*rgba(16,69,159,1);*/ }
.moments img, .volunteerhighlights img, .welcomemessages img { max-width: 7em; max-height: 7em; padding: 0.3em; }

.week th.title { background-color: #444; }
.week td.title.weather { background-color: rgba(60,98,192,1); }
.week tr.alt.weather { background-color: rgba(60,98,192,0.4); } /* rgba(16,69,159,0.5);*/
.week td.title.hours { background-color: rgba(223,29,44,0.85); }
.week tr.alt.hours { background-color: rgba(223,29,44,0.4); } /*rgba(110,60,130,0.4);*/
.week td.title.specials { background-color: rgba(64,175,182,0.8); }
.week tr.alt.specials { background-color: rgba(64,175,182,0.3); } /*rgba(70,130,30,0.4);*/
.week td.title.mod { background-color: rgba(64,175,182,0.8); } /*Daily Team Lead, formerly Manager on Duty*/
.week tr.alt.mod { background-color: rgba(64,175,182,0.3); } /*rgba(70,130,30,0.4);*/
table.weatherlayoutonly td { padding: 0 0 0.3em !important; width: auto; }
.week .weather img.weathericon { margin-top: 0.2em; width: 1.9em; height: 1.9em; float: left; }
.week .weather .weatherdeets { margin-left: 100px; }

table.events td.date,
table.events td.timestr { width: 15%; }
.events tr.trdivider { border-top: 0.15em solid rgba(60,98,192,1); }
.events div.detail { margin-left: 0.5em; }
.events a.detaillink { padding-left: 0.5em; }

.hours th.title { background-color: rgba(223,29,44,0.85); /*rgba(110,60,130,1);*/ }
.hours td.date { text-align: right; }

.birthdays th.title { background-color: rgba(64,175,182,0.8); }
.birthdays .date { width: 20%; }
.birthdays .name { width: 40%; }

.anniversaries th.title { background-color: rgba(223,29,44,0.85); }
.anniversaries td.anniv { width: 14%; }
.anniversaries td.date { width: 14%; }

.staffchanges th.title { background-color: rgba(64,175,182,0.8); }
.staffchanges tr.depart { color: #999; }
.staffchanges td.date { width: 14%; }

.shoutouts th.title { background-color: rgba(223,29,44,0.85); }
/*.shoutouts td.date { width: 14%; }*/
.shoutouts img { max-width: 120px; max-height: 120px; }

.attendance th.title { background-color: rgba(223,29,44,0.85); }

.groups th.title { background-color: rgba(64,175,182,0.8); }

.mod th.title { background-color: rgba(64,175,182,0.8); }

.radios th.title { background-color: rgba(223,29,44,0.85); }

.exhibits th.title { background-color: rgba(223,29,44,0.85); }

.theater th.title { background-color: #ea0; color: black; }

.specials th.title { background-color: rgba(64,175,182,0.8); /*rgba(70,130,30,1);*/ }
.specials td.date { width: 20%; }
.specials span.food { font-weight: bold; }

.events th.title { background-color: rgba(60,98,192,1); /*rgba(16,69,159,1);*/ }
.events td.date,
.events td.timestr { white-space: nowrap; }

.weather th.title { background-color: rgba(60,98,192,1); /*rgba(16,69,159,1);*/ }
/*.weather td.date { width: 25%; }*/
/*.weather td.icon { width: 5%; }*/
.weather img.weathericon { margin-top: 0.2em; width: 3.5em; height: 3.5em; }

.volunteerhighlights span.title, .welcomemessages span.title { font-weight: bold; }

.yrs { font-weight: normal; }

th.title.pmnstealbg { background-color: rgba(64,175,182,0.8); }
th.title.pmnsredbg { background-color: rgba(223,29,44,0.85); }
th.title.pmnsblurplebg { background-color: rgba(60,98,192,1); }

td.desc { text-align: center; font-size: 0.8em; }
td.desc span.link { font-weight: bold; }

/*.mainpage .infotable.weather img.weathericon { margin-top: 0.2em; width: 2.1em; height: 2.1em; }*/
.mainpage span.detail { font-size: 1em; } /*.infotable*/
table.infotable span.total { font-weight: bold; }

span.fauxmoji { display: inline-block; width: 0.9em; height: 0.9em; }
span.birthdaycake { background: url("../resources/shortcake.png"); background-size: contain; }
span.anniversarypopper { background: url("../resources/popper.png"); background-size: contain; }
span.specialplate { background: url("../resources/bowl.png"); background-size: contain; }
/*img.weathericon { border-radius: 50%; }*/

.timerange { white-space: nowrap; }

.tag { border-radius: 50px; font-size: 0.9em; color: #fff; font-weight: bold; padding: 0.1em 0.5em;
	background-color: rgba(60,98,192,0.7); } /* blurple */
@media (prefers-color-scheme: dark) {
  .tag { color: #eee; }
}
body.dark .tag { color: #eee; }
.tag.red { background-color: rgba(223,29,44,0.7); }
.tag.teal { background-color: rgba(64,175,182,0.7); }
/* see also .button */

.filmtime { margin-right: 1em; }
.filmfull { color: #888; text-decoration: line-through; }
.filmpast { color: #888; }

.number, .num { padding-right: 10px; padding-left: 10px; text-align: right; /*font-family: 'Overpass Mono';*/ }
.right { text-align: right; }

tr.indent td { padding-left: 1.5em; }