/* Main stylesheet for OTO theme. */

.post-title {
  font-family: verdana, sans-serif;
  font-size: 36px;
  font-weight: bold;
}

.entry-content h2 {
  font-weight: bold;
}

/* Turn off image borders. */

.entry-content img, .child-page img {
  border: 0;
}

/* More space above floated elements. */

.wp-caption {
  margin-top: 20px !important;
}

/* No quote mark on blockquote */

blockquote {
  background-image: none;
  background-color: #eee;
  font-size: inherit;
  padding: 1px 5px 10px 20px;
  margin: 20px 10px 10px 20px;
}

blockquote p {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
  line-height: inherit;
}

blockquote p:first-child {
  margin-top: inherit;
}

.entry-content blockquote ul, .entry-content blockquote ol {
  padding-left: 60px;
}

/* Emulate nobr tag. */

.nobr {
  white-space: nowrap;
}

/* Small-caps style, mostly for "ev". */

.small-caps {
  font-variant: small-caps;
}

/* Special header/footer text. */

div.left-head {
  float: left;
  text-align: left;
  font-weight: bold;
  font-style: italic;
}

div.right-head {
  float: right;
  text-align: right;
  font-weight: bold;
  font-style: italic;
}

div.center-head {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

/* Mark quoted material. */

.quoted {
  background-color: #eee;
}

/* Adjust element separations. */

.entry-content p {
  margin-top: 15px;
}

.entry-content li {
  margin-bottom: 5px;
  margin-top: 5px;
}

/* Styling for multicolumn div body list. */

div.local_body_list {
  column-width: 300px;
  margin-top: 40px;
  clear: both;
}

div.local_body {
  font-size: 10pt;
  margin-bottom: 20px;
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
}

/* Format the table of OTO degrees. */

table.degrees {
  margin: 15px 10px;
  width: 90%;
  border: 1px solid black;
}

table.degrees th {
  font-weight: bold;
  border: 1px solid black;
}

table.degrees td {
  border: 1px solid black;
}

/* Styles for all widgets. */

.sidebar h2.widget-title {
  font-size: 14px;
}

/* Pre-size widget box containing google search, and other
 * search box adjustments. */

div.widget_wgs_widget {
  min-height: 85px;
}

/* events.js styling. We set the minimum height to 9em to
 * allow for roughly 3 events without render-jumping when
 * the entries are added.
 */

div.event-list {
  min-height: 9em;
  box-sizing: content-box;
  font-size: 12px;
  line-height: 1.5em;
}

div.loading, div.no-events {
  font-style: italic;
}

div.event-item {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 0.5em;
  border-left: thick solid darkgray;
}

div.event-summary {
  font-weight: bold;
}

/* Adjust latest-new widget style to match events style. */

.widget-area .usgl-news.wp-block-latest-posts.wp-block-latest-posts__list li {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 0 0 0.5em;
  border-left: thick solid darkgray;
}

.widget-area .usgl-news.wp-block-latest-posts a:not(:last-child) {
  font-size: 12px;
  line-height: 1.5em;
}

/* Adjust news archive widget style to match events style. */

.widget-area .usgl-news.wp-block-archives-dropdown label,
.widget-area .usgl-news.wp-block-archives-dropdown select {
  font-size: 12px;
}

/* Style Thelemic date display. */

div.era-legis {
  text-align: center; 
  font-family: 'Segoe UI Symbol', verdana, sans-serif;
  font-size: 120%; 
  font-weight: bold;
}

/* New local body map. */

div#body-map {
  height: 450px;
  width: 100%;
}

div#body-failure {
  background-color: #f99;
  display: none;
}

div#body-legend {
  margin-top: 5px;
}

div#body-legend img {
  vertical-align: middle;
}
