/* the styles in this file will override the theme styles */

a {
  color: #c22d30;
}

a:hover {
  text-decoration: underline;
}

a.nav {
  color: #000;
}

/* external links */
a + a[target=_blank] {
  padding-left: 0.5em;
}
a[target=_blank] {
  font-family: "Candara", "Arial", sans-serif;
  color: #44f ! important;
}
a[target=_blank]::after {
  content: "🗗";
  padding-left: 2px;
  padding-right: 2em;
}


body {
  font-family: "Georgia", "Palatino", serif;
  font-size: 12pt;
  line-height: 1.3;
}

body.localhost {
  background: #8c8;
}

body.test-a {
  background: #f44;
}

body.test-b {
  background: #f84;
}

body.test-drafts {
  background: #8cf;
}

div.test-header {
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 0.5em;
}

div.container {
  margin: 0 auto;
  max-width:1280px;
}

figure {
  margin: 0.5em 2em 2em;
}

figure img {
  margin-bottom: 0.5em;
  max-height: 400px;
  box-shadow: 4px 4px 8px 4px #888;
}

figure img:hover {
  cursor: zoom-in;
  box-shadow: 4px 4px 8px 4px #000;
}

.fullscreen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  z-index: 9999999;
}

.fullscreen:hover {
  cursor: zoom-out;
}

figcaption {
  color: #000;
}
figcaption div.credit {
  font-size: 80%;
}

footer a[target=_blank] {
  color: #88f ! important;
  float: right;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.5em 0 0;
  font-family: "Candara", Arial, sans-serif;
}

.container--outer {
	margin: 0 auto 25px;
}

.header {
	width: 100%;
	background: linear-gradient(to bottom, #ffffff00, 40%, #ffffff00, 65%, #ffffffff), url('../img/header91.jpg');
}

.logo__title {
  font-size: 48px;
  color: #fff;
  text-shadow: 2px 4px 5px #000;
}

.logo__text {
  text-transform: none;
}

.menu__item--active .menu__link {
  color: #fff;
}

@media screen and (min-width: 767px) {

  .menu__list,
  .js .menu__list {
    background: none;
  }

  .menu__item {
    border-left: 0;
  }

  .menu__link {
  	color: #000;
  }

}

.menu__link:hover {
  text-decoration: none;
}

.widget__title {
  border: none;
  padding: 0;
}

.widget-map {
  background: #fff;
}

.widget-search__field {
  font-size: 11pt;
  margin: 0;
  border: 1px solid #ccc;
}

.widget-search__form {
  padding: 0;
  margin: 0;
  background: none;
}

nav.breadcrumbs {
  font-family: "Candara", Arial, sans-serif;
  font-weight: bold;
  font-size: 130%;
  margin-bottom: 0.5em;
  color: #282;
}

nav.breadcrumbs a {
  color: #282;
}

.sublocations {
  float: right;
  padding: 0.5em;
  margin: 0 0 1em 1em;
  background: #eee;
  border:3px solid #c22d30;
}

.sublocations ul {
  margin: 0 0 0 2em;
}

.sublocations a {
  font-weight: bold;
}

.sublocations .count {
  font-family: "Palatino", serif;
}

.place {
  border-bottom: 3px solid #c22d30;
  padding-bottom: 1em;
}

.place ul {
  margin: 0 0 1em 2em;
}

.content ul {
  list-style-type: disc;
}

.content p {
  margin-left: 1em;
}

.summary {
  margin: 1em 0;
  font-size: 110%;
  font-weight: bold;
}

article.list__item {
  padding: 0;
  margin: 0 0 1.5em 0;
  border: 0;
}

article.list__item em {
  font-weight: bold;
  background: #ffc;
}

.list__header {
  margin: 0;
}

#map {
  width: 100%;
  height: 400px;
  border: 1px solid #000;
}

#map .dot {
  background: #c22d30;
  border: 1px solid #000;
  border-radius: 50%;
  box-shadow: 1px 2px 3px #888888;
  height:12px ! important;
  width: 12px ! important;
}

#search-results-summary {
  font-size: 110%;
}

#search-results-summary em {
  font-weight: bold;
}

#search-results-list {
	margin: 1em 0;
	list-style: none;
}

#search-results-list li {
	margin: 1em 0;
}

.people-gardens {
  margin-left: 2em;
}

.smallcrumbs {
  font-family: "Candara", "Arial", sans-serif;
	color: #282;
  font-size: 100%;
  margin: 0;
  line-height: 1.0;
}

.widget a {
  color: #000;
}

.metadata {
  font-family: "Candara", "Arial", sans-serif;
  margin: 0 0.5em;
  padding: 0.3em 0.5em;
  font-size: 90%;
  background: #f8f8f8;
  border: 1px solid #ddd;
}

.metadata .left {
  float: left;
}

.metadata .right {
  text-align: right;
}

.draft {
  background: #fff2e7;
}

.draft div.draft {
  background: #f80;
  color: #fff;
  font-size: 250%;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
}

.debug {
  background: #f8f;
  padding: 1em;
  font-weight: bold;
}

.linkedid {
  display: block;
}

.clearfix::after {
  clear: none;
}

table.meta {
  font-family: "Arial Narrow", Arial, sans-serif;
  width: auto;
}
table#metakeywords {
  font-family: Arial;
}

table.meta th {
  text-align: left;
}

table.meta th:hover {
  background: #eee;
  cursor: pointer;
}

table.meta a {
  color: #c22d30;
}

table.meta tr.draft {
  background: #fda; /* #fff2e7; */
}

table.meta .path {
  max-width: 30em;
}

table.meta .nowrap {
  text-wrap: nowrap;
}

h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
  position: relative;
  margin-left: 0.5em;
  color: #f80;
}
xh1::after { content: 'h1' }
xh2::after { content: 'h2' }
xh3::after { content: 'h3' }
xh4::after { content: 'h4' }
xh5::after { content: 'h5' }
xh6::after { content: 'h6' }