.underline {
  text-decoration: underline;
}

img.left {
  float: left;
}

img.right {
  float: right;
}

:not(img).left {
  text-align: left;
}

.box {
  border: 1px solid #713C3D;
  padding: 5px;
}

.indent {
  text-indent: 50px;
}

.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.no-margin {
  margin: 0;
}

.no-margin-vert {
  margin-top: 0;
  margin-bottom: 0;
}

.no-margin-horiz {
  margin-left: 0;
  margin-right: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-margin-right {
  margin-right: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.red {
  color: #F00;
}

/**
 * IE Compatibility Layer
 */
main {
  display: block;
}

footer {
  height: 136px;
  width: 100%;
  background-image: url("/assets/images/structure/wave.png");
  position: absolute;
  bottom: 0;
}

header {
  max-width: 1130px;
  margin: auto;
  border-bottom: 1px solid #828282;
}
header .logo-container {
  display: flex;
  justify-content: center;
}
header .logo-container #home, header .logo-container #email {
  margin-top: 8px;
}
header .logo-container #logo {
  margin: 0 36px;
}
header nav img {
  border: none;
}
header nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0.66em 0;
}
header nav ul li {
  display: inline-block;
}
header nav ul a.tour-link {
  width: 168px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/tour-dual.png");
  background-position-y: 0;
}
header nav ul a.tour-link:hover {
  background-position-y: -40px;
}
header nav ul a.history-link {
  width: 104px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/history-dual.png");
  background-position-y: 0;
}
header nav ul a.history-link:hover {
  background-position-y: -40px;
}
header nav ul a.visitor-information-link {
  width: 190px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/visitor-information-dual.png");
  background-position-y: 0;
}
header nav ul a.visitor-information-link:hover {
  background-position-y: -40px;
}
header nav ul a.volunteer-opportunities-link {
  width: 153px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/volunteer-opportunities-dual.png");
  background-position-y: 0;
}
header nav ul a.volunteer-opportunities-link:hover {
  background-position-y: -40px;
}
header nav ul a.park-district-link {
  width: 138px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/park-district-dual.png");
  background-position-y: 0;
}
header nav ul a.park-district-link:hover {
  background-position-y: -40px;
}
header nav ul a.announcements-link {
  width: 170px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/announcements-dual.png");
  background-position-y: 0;
}
header nav ul a.announcements-link:hover {
  background-position-y: -40px;
}
header nav ul a.preservation-fund-link {
  width: 198px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/preservation-fund-dual.png");
  background-position-y: 0;
}
header nav ul a.preservation-fund-link:hover {
  background-position-y: -40px;
}
header nav ul a.gallery-link {
  width: 168px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/gallery-dual.png");
  background-position-y: 0;
}
header nav ul a.gallery-link:hover {
  background-position-y: -40px;
}
header nav ul a.contact-link {
  width: 113px;
  height: 40px;
  display: block;
  background-image: url("/assets/images/navigation/contact-dual.png");
  background-position-y: 0;
}
header nav ul a.contact-link:hover {
  background-position-y: -40px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #713C3D;
  text-align: center;
}

a.donate {
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #E13C4F;
  font-weight: bold;
  padding: 1em;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #72121d;
}

ul a.donate {
  margin: 0 auto 0.5em;
  align-self: center;
}

body[data-layout=light] header {
  border: none;
  display: flex;
  justify-content: center;
}

body[data-page-name=home] main {
  width: auto;
  max-width: unset;
  display: flex;
  padding-top: 20px;
}
body[data-page-name=home] main .home-container {
  margin: auto;
  display: flex;
}
body[data-page-name=home] main .left, body[data-page-name=home] main .right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body[data-page-name=home] main .left {
  padding-right: 10em;
}
body[data-page-name=home] .caption {
  align-self: flex-start;
}
body[data-page-name=home] img.home-logo {
  width: 251px;
  height: auto;
  padding: 0;
}
body[data-page-name=home] img.home-cover {
  height: 750px;
  width: auto;
  padding: 0;
}
body[data-page-name=home] img.home-map {
  width: 200px;
  height: auto;
  padding: 1em 0;
}
body[data-page-name=home] header {
  margin: 0;
  border: none;
}
body[data-page-name=home] nav.main ul {
  display: flex;
  flex-direction: column;
}
body[data-page-name=home] nav.main ul:first-of-type {
  margin-bottom: 0;
}
body[data-page-name=home] nav.main ul:not(:first-of-type) {
  margin-top: 0;
}
body[data-page-name=home] nav.main ul.upper li {
  margin-bottom: 1em;
}
body[data-page-name=home] nav.main ul.lower li:not(:last-of-type) {
  margin-bottom: 1em;
}
body[data-page-name=home] #covid {
  bottom: 17px;
  background-image: linear-gradient(0deg, black 10%, rgba(0, 212, 255, 0) 70%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 35px;
}

body[data-page-name=announcements] .heading-image-container {
  width: 350px;
  margin: auto;
}
body[data-page-name=announcements] .heading-image-container img {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
}

body[data-page-name=contact] .columns {
  display: flex;
}
body[data-page-name=contact] .columns .column {
  flex-basis: 33%;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}
body[data-page-name=contact] .columns .column:not(:last-of-type) {
  padding-right: 1em;
}
body[data-page-name=contact] img#lighthouse {
  width: 100%;
  height: auto;
  padding: 0;
}
body[data-page-name=contact] address {
  font-style: normal;
}
body[data-page-name=contact] address > span {
  display: block;
}
body[data-page-name=contact] h3 {
  margin-bottom: 0.25em;
}
body[data-page-name=contact] .commissioner {
  margin-bottom: 1.25em;
}
body[data-page-name=contact] .commissioner > * {
  display: block;
}
body[data-page-name=contact] .column:nth-of-type(3) > h3:first-child {
  margin-top: 0;
}

body[data-page-name=gallery] .photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 25fr);
  row-gap: 1.5em;
  column-gap: 0.25em;
  margin-top: 1em;
}
body[data-page-name=gallery] .photo-preview {
  height: 220px;
  background-size: cover;
  background-position: center;
}
body[data-page-name=gallery] .photo-preview[data-photo-id="1"] {
  background-image: url("/assets/images/gallery/1.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="2"] {
  background-image: url("/assets/images/gallery/2.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="3"] {
  background-image: url("/assets/images/gallery/3.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="4"] {
  background-image: url("/assets/images/gallery/4.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="5"] {
  background-image: url("/assets/images/gallery/5.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="6"] {
  background-image: url("/assets/images/gallery/6.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="7"] {
  background-image: url("/assets/images/gallery/7.jpg");
}
body[data-page-name=gallery] .photo-preview[data-photo-id="8"] {
  background-image: url("/assets/images/gallery/8.jpg");
}

body[data-page-name=gallery] iframe {
  border: none;
}

body[data-page-name=history] img {
  padding-top: 0;
}
body[data-page-name=history] img#lighthouse {
  width: 549px;
  height: auto;
  padding-right: 0;
  padding-bottom: 72px;
}
body[data-page-name=history] img#lady-elgin {
  width: 541px;
  height: auto;
  padding-left: 0;
}
body[data-page-name=history] main > h3:first-of-type {
  margin-top: -0.5em;
}

body[data-page-name=tour] .video-container {
  text-align: center;
  margin-top: 1em;
}
body[data-page-name=tour] .video-container iframe {
  border: none;
}

body[data-page-name=park-district] img#lighthouse {
  width: auto;
  height: 400px;
}

body[data-page-name=preservation-fund] main img {
  padding-top: 0;
  padding-bottom: 0;
}
body[data-page-name=preservation-fund] main {
  overflow: hidden;
}
body[data-page-name=preservation-fund] h1.title {
  margin-bottom: 0.125em;
}
body[data-page-name=preservation-fund] .caption-container {
  display: flex;
  flex-direction: column;
  float: left;
}
body[data-page-name=preservation-fund] img#lighthouse {
  width: 267px;
  height: auto;
  padding-left: 0;
}
body[data-page-name=preservation-fund] img#restoration {
  width: 255px;
  height: auto;
}
body[data-page-name=preservation-fund] ul#organizations {
  list-style: none;
  padding: 0;
}
body[data-page-name=preservation-fund] .donation-container {
  margin-bottom: 0.5em;
}
body[data-page-name=preservation-fund] .donation-container h4 {
  margin-top: 0;
  margin-bottom: 0.25em;
}

img#headshot {
  height: 192px;
  width: auto;
}

body[data-page-name=visitor-information] img#visit {
  width: 315px;
  height: auto;
  padding-top: 0;
  padding-right: 0;
}

img#volunteer-image {
  max-height: 400px;
  width: auto;
}

#covid {
  font-size: 16pt;
  font-family: "Georgia", "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: bold;
  color: red;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.covid-container {
  position: relative;
}

html {
  height: 100%;
}

body {
  background-image: url("/assets/images/structure/background.jpg");
  background-repeat: repeat;
  margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #713C3D;
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

a {
  color: #F00;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

main {
  margin: auto;
  max-width: 992px;
  width: 100%;
  padding: 0 0.75em 136px;
  box-sizing: border-box;
}
main img {
  padding: 1em;
}

/*# sourceMappingURL=main.css.map */