/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "-apple-system", "BlinkMacSystemFont", "avenir next", "avenir", "helvetica neue", "helvetica", "ubuntu", "roboto", "noto", "segoe ui", "arial", sans-serif;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  background-color: #eee;
  color: #212121;
  font-size: 1.5em;
  line-height: 1.75;
}

/**
 * Links
 */
a {
  color: inherit;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #212121;
  text-decoration: underline;
}

/**
* Lists
*/
ul {
  list-style: outside none;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

.hanging-indent {
  padding-left: 1em;
  text-indent: -1em;
}

dd {
  margin-left: 0;
  padding: 2%;
}

/**
* Spacing
*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/**
* Images
*/
img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

img[alt=""], img:not([alt]) {
  border: 5px dashed #c00;
}

/**
 * Typography
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 2rem;
}

h1, .h1 {
  font-size: 3rem;
  letter-spacing: 0.1rem;
}

h2, .h2 {
  font-size: 2.25rem;
  letter-spacing: 0.1rem;
}

h3, .h3 {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}

h4, .h4 {
  font-size: 1.25rem;
  letter-spacing: 0.08rem;
}

h5, .h5 {
  font-size: 1rem;
  letter-spacing: 0.05rem;
}

h6, .h6 {
  font-size: 0.875rem;
  letter-spacing: 0;
}

ul.awards {
  font-size: 80%;
  text-align: left;
}

p.event-announcement {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2vh;
  text-align: center;
}

p.blurbette {
  margin: 0;
  padding: 0 3%;
  line-height: 1.75;
  font-size: 1.5rem;
  text-align: center;
}

.heading-a {
  text-align: center;
  padding-top: 1.6rem;
  font-size: 2.4rem;
}

@media screen and (min-width: 30em) {
  .heading-a {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 30em) {
  .heading-a p.heading-a1 {
    display: none;
  }
}

.heading-b {
  text-align: center;
  font-size: 1.6rem;
  color: #555555;
  font-weight: 400;
}

@media screen and (min-width: 30em) {
  .heading-b {
    font-size: 2rem;
  }
}

.heading-b .heading-b-bt {
  border-top: 1px solid;
  margin-bottom: 1rem;
}

.heading-b .heading-c {
  text-align: center;
}

.heading-b .heading-c-bb {
  border-bottom: 1px solid;
  margin-top: 1rem;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.container {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ctr {
  text-align: center;
}

/*
    Display
 */
header, .sn-news-cards,
.sn-noms-cards, .sn-news-cards .card,
.sn-noms-cards .card, .book, .menu-nav,
.years-nav, .sn-dists dl, .side-by-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
    Flex direction
 */
.side-by-side {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

header, .sn-news-cards,
.sn-noms-cards, .sn-news-cards .card,
.sn-noms-cards .card, .book, .sn-dists dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*
    Flex wrap
 */
.sn-news-cards,
.sn-noms-cards, .sn-news-cards .card,
.sn-noms-cards .card, .book, .menu-nav,
.years-nav, .side-by-side {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*
    Justify content
 */
.sn-news-cards,
.sn-noms-cards, .book, .menu-nav,
.years-nav, .side-by-side {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*
    Align items
 */
.sn-news-cards .card,
.sn-noms-cards .card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sn-news-cards .card,
.sn-noms-cards .card {
  -ms-flex-line-pack: center;
      align-content: center;
}

/*
    display: grid
 */
.sn-noms-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 275px));
  grid-gap: 2vw;
  padding: 2vw 0;
}

.sn-noms-cards .card {
  width: auto;
  margin: 0;
}

@media screen and (min-width: 60em) {
  .sn-noms-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

header {
  margin: auto;
  padding: 0;
  color: #fff;
}

header .logo-home,
header .logo-main,
header .header-sub,
header .header-sub-a,
header address,
header .headertainer,
header .socialtainer,
header .nav-sitewide {
  text-align: center;
  word-spacing: .3px;
  margin-bottom: 2vh;
}

header address {
  font-style: normal;
  letter-spacing: .1rem;
  font-size: 1.6rem;
}

.header-caption {
  background-color: black;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-size: 1.4rem;
  text-align: center;
  padding: .5rem;
}

.header-caption .credit {
  font-size: 90%;
}

/* CARRYOVER */
/* @media screen and (min-width: 60em) {
  header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-size: cover;
  }
  header .logo-home,
  header .logo-main,
  header address,
  header .header-sub,
  header .header-sub-a,
  header .nav-sitewide,
  header .socialtainer {
    text-align: left;
  }
  header .headertainer {
    padding-left: 2vw;
  }
  .nav-sitewide {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-right: 2vw;
  }
  .header-caption {
    text-align: right;
  }
}
*/

.header-home {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/tour-2019-201.jpg") #666 no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/tour-2019-201.jpg") #666 no-repeat;
  background-size: cover;
  min-height: 250px;
  background-position: 0% 60%;
}

.header-awards {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/header-swap.jpg") #666 no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/header-swap.jpg") #666 no-repeat;
  background-size: cover;
  min-height: 250px;
  background-position: 25% 40%;
  background-color: #6d6d6d;
}

.header-join {
  min-height: 275px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tour-2019.jpg") #666 no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tour-2019.jpg") #666 no-repeat;
  background-size: cover;
  background-position: 80% 0%;
  border-bottom: 1px solid #212121;
}
/* CARRYOVER */
.header-news {
  /* background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/rowhouses-blue-sky-960x200.jpg") #666 no-repeat; */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tour-2019-row.jpg") #666 no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tour-2019-row.jpg") #666 no-repeat;
  background-size: cover;
  background-position: 15% 15%;
  min-height: 250px;
}
/* CARRYOVER MAYBE */
.main-news .sn-heroX {
  /* background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/rowhouses-blue-sky-960x200.jpg") #666 no-repeat; */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/tour-2019-row.jpg") #666 no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/tour-2019-row.jpg") #666 no-repeat;
  background-size: cover;
  background-position: 70% 80%;
  min-height: 275px;

  color: #fff;
}

.header-nominations {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/spruce-walking-tour-2015-1024.jpg") #666 no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/spruce-walking-tour-2015-1024.jpg") #666 no-repeat;
  background-size: cover;
  min-height: 275px;
}

.header-sites-districts {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.1))), url("../images/slideshow/spruce-st-e-of-40th-bw.jpg") #666 0 50% no-repeat;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../images/slideshow/spruce-st-e-of-40th-bw.jpg") #666 0 50% no-repeat;
  background-size: cover;
  min-height: 250px;
}

.header-announcement, .header-markerorder, .header-natreg-nom {
  background: #fbb637;
  min-height: 225px;
  border-bottom: 1.5em solid #212121;
}

section:nth-of-type(2n+1) {
  background-color: #fff;
}

.divider-section {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.9);
}

.sn-board,
.sn-mission,
.sn-hero {
  font-size: 1.75rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

@media screen and (min-width: 30em) {
  .sn-board,
  .sn-mission,
  .sn-hero {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }
}

@media screen and (min-width: 60em) {
  .sn-board,
  .sn-mission,
  .sn-hero {
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12.8rem;
    padding-right: 12.8rem;
  }
}

.sn-hero {
  text-align: center;
}

.sn-board > article,
.sn-hero > article,
.sn-mission > article {
  width: 100%;
  padding-top: 2rem;
}

@media screen and (min-width: 60em) {
  .sn-board > article,
  .sn-hero > article,
  .sn-mission > article {
    padding: 1.6rem;
    margin: auto;
  }
}

/* add a thin border-top to define sections */
.benefits,
.board,
.goals,
.phl-register,
.sn-board,
.sn-mission {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #212121;
}

/* TOGGLE BORDER-TOP */
/* In wide view, removes thin border-top from col2 */
@media screen and (min-width: 60em) {
  .benefits,
  .board,
  .goals,
  .phl-register {
    border-style: none;
    border-width: 0;
  }
  /* In wide view, switch order so this content appears in col2. */
  .membership,
  .newsletter-thumb {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.noms-phl-reg-about p,
.phl-register p {
  font-size: 80%;
  text-align: left;
}

.phl-register p:last-of-type,
.west-side-about p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 4vw;
}

.btm2top {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
  padding: .5rem;
  line-height: 2.5;
  text-align: center;
  background-color: #fbb637;
  border: 1px solid #212121;
  border-radius: 50%;
  color: #212121;
  font-weight: 600;
}

.btm2top:hover, .btm2top:active, .btm2top:focus {
  border-bottom: none;
}

/* Contact Info
 */
.contact {
  padding: .5rem .5rem 2rem;
  text-align: center;
  background-color: #212121;
  color: rgba(255, 255, 255, 0.9);
}

.contact > p {
  padding-top: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .3rem;
}

.contact > address {
  font-weight: 600;
  font-style: normal;
  letter-spacing: .3rem;
}

a.btn-nav, .card-title a, a.social-icon {
  color: #212121;
}

a.btn-nav:hover, a.btn-nav:active, a.btn-nav:focus, .card-title a:hover, .card-title a:active, .card-title a:focus, a.social-icon:hover, a.social-icon:active, a.social-icon:focus {
  text-decoration: underline;
}

/* CARRYOVER */
.btn-nav.active {
/* background-color: #fff; */
background-color: #fbb637;
}

a.logo-main {
  color: inherit;
}

a.logo-main:hover, a.logo-main:active, a.logo-main:focus {
  text-decoration: underline;
}

a.social-icon {
  color: #fff;
  padding: 1rem;
}

a.social-icon:hover, a.social-icon:active, a.social-icon:focus {
  color: #fbb637;
}

/* SVG Icons */
.feather {
  width: 50px;
  height: 50px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.feather-facebook,
.feather-youtube {
  fill: currentColor;
  stroke-width: 0;
}

.feather-youtube polygon {
  stroke-width: 1;
  stroke: #212121;
  fill: #212121;
}

.header-announcement .feather-facebook:hover, .header-announcement .feather-facebook:active, .header-announcement .feather-facebook:focus, .header-announcement .feather-instagram:hover, .header-announcement .feather-instagram:active, .header-announcement .feather-instagram:focus,
.header-markerorder .feather-facebook:hover,
.header-markerorder .feather-facebook:active,
.header-markerorder .feather-facebook:focus,
.header-markerorder .feather-instagram:hover,
.header-markerorder .feather-instagram:active,
.header-markerorder .feather-instagram:focus,
.header-natreg-nom .feather-facebook:hover,
.header-natreg-nom .feather-facebook:active,
.header-natreg-nom .feather-facebook:focus,
.header-natreg-nom .feather-instagram:hover,
.header-natreg-nom .feather-instagram:active,
.header-natreg-nom .feather-instagram:focus {
  fill: transparent;
  color: #212121;
  stroke-width: 2;
  stroke: #212121;
}

.header-announcement .feather-youtube:hover, .header-announcement .feather-youtube:active, .header-announcement .feather-youtube:focus,
.header-markerorder .feather-youtube:hover,
.header-markerorder .feather-youtube:active,
.header-markerorder .feather-youtube:focus,
.header-natreg-nom .feather-youtube:hover,
.header-natreg-nom .feather-youtube:active,
.header-natreg-nom .feather-youtube:focus {
  fill: transparent;
  stroke-width: 2;
  stroke: #212121;
}

.icon-mine {
  width: 100px;
  height: 100px;
}
/* CARRYOVER */
/* Sitewide Nav */
.nav-sitewide a {
  /* background-color: #fbb637; */
  background-color: #fff;
  border: 1px solid;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  /* text-transform: uppercase; */
  margin-right: 0.5rem;
  line-height: 4;
}

.header-announcement .nav-sitewide a,
.header-markerorder .nav-sitewide a,
.header-natreg-nom .nav-sitewide a {
  background-color: #fff;
}

/* Nav within page */
.nav-in-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* CARRYOVER */
/* @media screen and (min-width: 60em) {
  .nav-in-page {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 2vw;
  }
} */
/* CARRYOVER */
.nav-in-page-link {
  display: inline-block;
  padding: 0.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.nav-in-page-link:hover, .nav-in-page-link:active, .nav-in-page-link:focus {
  color: #fbb637;
  border-bottom: none;
}

.membership-btn,
.link-btn {
  background-color: #fbb637;
  border: 1px solid;
  font-weight: 700;
  display: inline-block;
  border-radius: 0.8rem;
  padding: 0.8rem 1.6rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.noms-natreg .link-btn {
  margin: 0 auto;
}

.sn-news-cards,
.sn-noms-cards {
  max-width: 25em;
  margin: auto;
  padding: 3vw;
}

.sn-news-cards .card,
.sn-noms-cards .card {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: 320px;
  line-height: 1.5;
}

@media screen and (min-width: 30em) {
  .sn-news-cards,
  .sn-noms-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 64em;
  }
  .sn-news-cards .card,
  .sn-noms-cards .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30.6666666667%;
            flex: 1 0 30.6666666667%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 64em) {
  .sn-news-cards,
  .sn-noms-cards,
  .awards-cards {
    padding: 2vw 0;
    max-width: 80em;
  }
}

.card p {
  margin: 0;
  padding: 0 2rem 0.5rem;
}

.sn-hero p a,
.card dd a,
.card p a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px dotted #fbb637;
  font-weight: 600;
}

.sn-hero p a:hover, .sn-hero p a:active, .sn-hero p a:focus,
.card dd a:hover,
.card dd a:active,
.card dd a:focus,
.card p a:hover,
.card p a:active,
.card p a:focus {
  color: inherit;
  border-bottom: 1px solid;
}

#welcome p {
  font-size: 90%;
}

#how-old a {
  margin: 2vh;
}

#how-old a:first-of-type {
  margin-top: auto;
}

.book {
  color: #212121;
  border: 1px solid;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 4vh;
  max-width: 345px;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0.12rem;
  font-size: 1.36rem;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid #212121;
}

.book img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 1rem 1rem 0 0;
}

.book a.book-img {
  background-color: #6d6d6d;
}

.book .text {
  padding: 2rem;
}

.card-btn {
  display: block;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-top: auto;
  padding: 1vh 0;
  font-family: "-apple-system", "BlinkMacSystemFont", "avenir next", "avenir", "helvetica neue", "helvetica", "ubuntu", "roboto", "noto", "segoe ui", "arial", sans-serif;
  font-size: 1.5rem;
  color: #212121;
  border-radius: 5px;
  background-color: #fbb637;
}

.card-btn:hover, .card-btn:active, .card-btn:focus {
  background: #6d6d6d;
  color: rgba(255, 255, 255, 0.9);
}

.heading-with-bg-img {
  display: none;
}

@media screen and (min-width: 30em) {
  .heading-with-bg-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border: 1px solid #000;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1rem;
    font-size: 275%;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/HistoricDistricts/images/shedwic2.gif");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/HistoricDistricts/images/shedwic2.gif");
    background-position: center;
    background-size: cover;
    margin-bottom: 0;
  }
}

.menu,
.nav-in-page,
.years-menu {
  background-color: #212121;
}

.menu details summary {
  color: #fff;
  text-align: center;
}

.menu-nav,
.years-nav {
  width: 100%;
  max-width: 64em;
  margin: auto;
  padding: 1%;
}

.menu-btn,
.year-btn {
  margin: 0.5em;
  font-weight: 600;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  color: #212121;
}

.menu-btn:hover, .menu-btn:active, .menu-btn:focus,
.year-btn:hover,
.year-btn:active,
.year-btn:focus {
  background: #fbb637;
  color: #212121;
  border-bottom: none;
}

.menu-btn {
  display: inline-block;
  padding: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 1rem;
}

.year-btn {
  padding: 1rem 0;
  width: 5rem;
  height: 5rem;
  font-size: 1.5rem;
  line-height: 1.5;
  border-radius: 50%;
  border: 2px solid #fbb637;
}

@media screen and (min-width: 30em) {
  .menu-btn {
    font-size: 1.25rem;
    padding: 0.75rem;
    line-height: 1.5;
  }
  .year-btn {
    width: 6rem;
    height: 6rem;
    font-size: 1.75rem;
    line-height: 2;
  }
}

.card-overlay {
  border-radius: 1rem;
  position: relative;
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid;
}

.card-overlay img {
  border-radius: 1rem;
  width: 100%;
  display: block;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
}

.card-overlay:hover .overlay,
.card-overlay:active .overlay,
.card-overlay:focus .overlay {
  opacity: 1;
}

.icon {
  color: #fff;
  font-size: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.icon:hover, .icon:active, .icon:focus {
  color: #fbb637;
}

.small {
  font-size: 1.5rem;
  letter-spacing: .1rem;
}

/* ============================================
BEGIN PICTURE TRANSFORM | filter upon hover over link to pdf
============================================== */
.img-to-filter {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  max-width: 200px;
  height: 250px;
  border-radius: 5px;
  background: url(../images/westside-thumb-current-400x500-2x.jpg) no-repeat;
  border: 1px solid;
  background-position: center;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
}

.pic-transform {
  overflow: hidden;
  height: 0;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
}

.img-to-filter:hover .pic-transform {
  height: 100%;
}

.text-display {
  padding-top: 50px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 2rem;
  font-family: Arial;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.img-to-filter:hover .text-display {
  height: 100%;
  border-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.9);
}

.text-display a:hover {
  color: #fbb637;
}

/* ===========================================
END PICTURE TRANSFORM | filter upon hover over link to pdf
============================================== */
#myImg {
  border-radius: 1rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#myImg:hover {
  opacity: 0.7;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}

.header-home .hero-logo, .header-home a.more, .header-home .credit {
  display: none;
}

.header-home p.hero-home {
  font-size: 3.25rem;
  font-weight: 600;
  padding: .5rem;
}

.header-home a.hero-link:first-of-type {
  margin-right: 1em;
}

.header-home a.hero-link {
  display: inline-block;
  background-color: #fff;
  color: black;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1rem 2.5rem;
  text-align: center;
  outline: 0;
  border: 1px solid;
  border-radius: 1rem;
  cursor: pointer;
}

.header-home a.hero-link:hover {
  background-color: #fbb337;
}

.header-home .headertainer {
  min-height: 300px;
  padding-left: 0;
}

.header-home div.socialtainer {
  display: block;
  text-align: center;
  padding-top: 4rem;
}

@media screen and (min-width: 30em) {
  .header-home {
    min-height: 60vh;
  }

  .header-home p.hero-home {
    margin-bottom: 5rem;
  }
}

@media screen and (min-width: 60em) {
  .header-home {
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
  }
  .header-home .hero-logo {
    display: block;
    font-size: 15rem;
  }
  .header-home p.hero-home {
    padding-bottom: 0;
    margin-bottom: 1rem;
    font-size: 2.25rem;
    letter-spacing: 1.5px;
  }
  .header-home .credit {
    display: block;
    -ms-flex-item-align: end;
        align-self: flex-end;
    position: relative;
    width: 25%;
    padding: 2rem;
  }
  .header-home svg.feather-camera {
    opacity: 1;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  .header-home .explain {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    opacity: 0;
    position: absolute;
    top: -10% !important;
    right: -20% !important;
    -webkit-transform: translate(-30%, -90%);
            transform: translate(-30%, -90%);
  }
  .header-home p.legend {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1.8rem;
    padding: 1.5rem;
    border-radius: 10px;
  }
  .header-home .credit:hover svg.feather-camera {
    opacity: 0.3;
  }
  .header-home .credit:hover .explain {
    opacity: 1;
  }
  .header-home a.more {
    display: block;
    min-height: 300px;
    text-align: center;
  }
  .header-home a.more:hover, .header-home a.more:active, .header-home a.more:focus {
    color: #fbb637;
  }
  .link-span {
    color: #fbb637;
    font-family: "-apple-system", "BlinkMacSystemFont", "avenir next", "avenir", "helvetica neue", "helvetica", "ubuntu", "roboto", "noto", "segoe ui", "arial", sans-serif;
    font-size: 1.2rem;
  }
  .link-span:hover, .link-span:active, .link-span:focus {
    color: inherit;
  }
}

.main-home section:nth-of-type(2n) {
  background-color: #eee;
}

.main-home {
  background-color: #fff;
}

.main-home .nav-in-page {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  border-top: 1px solid #fff;
  padding: 1vw;
}

.main-home .nav-in-page a {
  font-size: 1.5rem;
  text-decoration: underline;
}

@media screen and (min-width: 60em) {
  .main-home .nav-in-page {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-home .nav-in-page a,
  .main-home .nav-in-page:hover a {
    border-bottom: none;
  }
}

.sn-hero {
  border-top: 2px solid;
}

.blurb .heading-a {
  font-size: 90%;
}

.blurb .heading-c-bb {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.blurb .heading-b-bt {
  font-weight: 500;
}

.blurb .event-announcement,
.blurb .heading-a,
.blurb .heading-b-bt,
.blurb .heading-bb {
  margin-bottom: 0;
}

.blurb .blurb p:last-of-type,
.blurb .blurb span,
.blurb .event-announcement {
  font-size: 80%;
}

.blurb .blurb .heading-a {
  font-size: 125%;
}

.blurb p.blurbette {
  text-align: left;
}

.blurb .blurbette span {
  font-weight: 600;
  font-size: 110%;
}

.blurb ul {
  margin-bottom: 0;
}

.blurb ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.blurb ul p:last-of-type {
  border-top: 1px solid;
  padding-top: 2.5rem;
  font-size: 75%;
}

.blurb ul .event-announcement:nth-last-of-type(2) {
  border-bottom: 1px solid;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.sn-hero > article .opener,
.sn-board > article .opener,
.sn-mission > article .opener {
  font-weight: 700;
}

.sn-hero > article ul,
.sn-board > article ul,
.sn-mission > article ul {
  margin-bottom: 0;
}

.sn-hero > article ul li,
.sn-board > article ul li,
.sn-mission > article ul li {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.sn-hero > article ul li:last-of-type,
.sn-board > article ul li:last-of-type,
.sn-mission > article ul li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 2rem;
}

.activities ul,
.benefits ul,
.goals ul {
  list-style-type: disc;
  list-style-position: inside;
  text-align: left;
  margin-bottom: 0;
}

.activities ul li,
.benefits ul li,
.goals ul li {
  padding-left: 1em;
  text-indent: -1em;
}

/*
In small view, BOG list runs inline, comma-separated.
In wide view, one name per line without commas.
*/
.board ul {
  text-align: center;
}

.board li {
  display: inline-block;
  font-size: 1.75rem;
}

.board li:first-of-type {
  font-weight: 700;
  display: block;
}

.board li:after {
  content: ', ';
}

.board li:first-of-type:after, .board li:last-of-type:after {
  content: '';
}

@media screen and (min-width: 60em) {
  .board li {
    display: block;
    font-size: 2rem;
  }
  .board li:after {
    content: '';
  }
}

ul.membership-rates {
  color: #121212;
  font-weight: 500;
  font-size: 2rem;
}

ul.membership-rates span.membership-rate {
  padding-left: 0.25rem;
}
/* CARRYOVER */
ul.membership-rates .gift {
  font-size: 70%;
}

@media screen and (max-width: 60em) {
  .gift:before {
    content: ' ';
    display: block;
  }
}

.membership, .newsletter-thumb {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: center;
}

.membership .heading-a, .newsletter-thumb .heading-a {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
}
/* CARRYOVER */
.membership-tax-dedux {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  text-decoration: underline;
}

@media screen and (min-width: 60em) {
  .membership-tax-dedux {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }
}

/*
NEWSLETTER | card per issue
*/
@media screen and (min-width: 30em) {
  .sn-news-cards .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30.6666666667%;
            flex: 1 0 30.6666666667%;
    margin: 0;
  }
  .sn-news-cards .card ul {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-height: 300px;
  }
}

.sn-news-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1vw;
}

.sn-news-cards .card {
  max-width: 100%;
  margin: 0;
}

.sn-news-cards .card:last-of-type {
  max-width: 100%;
}

@media screen and (max-width: 30em) {
  .card {
    max-width: 250px;
    margin: 0;
  }
}

.sn-news-cards .card {
  color: #212121;
  border: 1px solid;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 4vh;
}

.sn-news-cards .card .card-title {
  border-radius: 10px 10px 0 0;
  padding: 2%;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1rem;
  width: 100%;
}

.sn-news-cards .card .even {
  background-color: #fbb637;
  color: #212121;
}

.sn-news-cards .card a.even:hover {
  background-color: #6d6d6d;
  color: rgba(255, 255, 255, 0.9);
  border-bottom: none;
}

.sn-news-cards .card .odd {
  background-color: #6d6d6d;
  color: rgba(255, 255, 255, 0.9);
}

.sn-news-cards .card a.odd:hover {
  background-color: #fbb637;
  color: #212121;
  border-bottom: none;
}

.sn-news-cards .card ul {
  font-size: 1.45rem;
  padding: 0 20px 20px;
  max-height: 250px;
  overflow: auto;
  width: 100%;
}

.sn-news-cards .card li:first-line {
  font-weight: 600;
}

.sn-news-cards .list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.card li {
  padding: 0 1rem 0.5rem;
}

.list li {
  padding: 0 2rem 0.5rem;
}

.list li a, .card li a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px dotted #fbb637;
  font-weight: 600;
}

.list li a:hover, .card li a:hover {
  color: inherit;
  border-bottom: 1px solid;
}

/*
NOMINATIONS PHL | card per property
*/
.sn-noms-cards .card {
  color: #212121;
  border: 1px solid;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 4vh;
}

.sn-noms-cards .card img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 1em;
  border-radius: 10px 10px 0 0;
}

.sn-noms-cards .card .text h3 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.12rem;
  padding: 0 2vw;
}

.sn-noms-cards .card .text h4 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.12rem;
  font-size: 1.36rem;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 15px;
  text-align: center;
  color: #6d6d6d;
  border-bottom: 1px solid #212121;
}

.sn-noms-cards .card .text p {
  padding: 0 2vw;
  margin-bottom: 4vh;
}

.hist-dists-about img {
  border: 1px solid;
}

.sn-dists {
  padding-top: 4vh;
  padding-bottom: 4vh;
  margin: auto;
}

.sn-dists dl {
  margin: 1rem auto;
}

@media screen and (min-width: 30em) {
  .sn-dists {
    max-width: 64em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sn-dists dl,
  .sn-dists h3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30.6666666667%;
            flex: 1 0 30.6666666667%;
    margin: 0 auto;
  }
}

@supports (display: grid) {
  .sn-dists {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 345px));
    grid-gap: 2vw;
    padding: 3vw;
    max-width: 64em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  @media screen and (min-width: 30em) {
    .sn-dists {
      max-width: 64em;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
  }
  @media screen and (min-width: 64em) {
    .sn-dists {
      padding: 2vw 0;
    }
  }
}

.sn-dists {
  /* contrast typography for descriptive blurb | 3rd item of card*/
}

.sn-dists dl,
.sn-dists h3,
.sn-dists ul {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.sn-dists dl,
.sn-dists ul {
  color: #212121;
  border: 1px solid;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 4vh;
}

.sn-dists .list .card-title,
.sn-dists dl dt {
  border-radius: 10px 10px 0 0;
  padding: 2%;
  font-weight: 700;
  background-color: #fbb637;
  color: #212121;
}

.sn-dists dl dd a,
.sn-dists ul li a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px dotted #fbb637;
  font-weight: 600;
}

.sn-dists dl dd a:hover,
.sn-dists ul li a:hover {
  border-bottom: 1px solid;
}

.sn-dists dl dd:first-of-type {
  font-variant-caps: small-caps;
  font-weight: 700;
}

.sn-dists dl dd span {
  font-weight: normal;
}

.sn-dists dl dd:nth-of-type(3) {
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2rem;
  line-height: 1.5;
  color: #6d6d6d;
}

.sn-dists dl dd:last-of-type {
  margin-top: auto;
  font-variant: small-caps;
  font-size: 1.25rem;
  line-height: 1.25;
  border-top: 1px solid;
}

dl.hist-dist dt {
  background-color: #6d6d6d;
  color: rgba(255, 255, 255, 0.9);
}

.list .card-title {
  margin-bottom: 2rem;
}

.list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.list li {
  padding: 0 2rem 0.5rem;
}

.district span {
  display: block;
  font-weight: normal;
  font-size: 80%;
}

.sn-dists h3 {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.9);
}

@media screen and (min-width: 30em) {
  .sn-dists h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    border-radius: 1rem;
    padding-bottom: 4vh;
    font-size: 300%;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  }
  .sn-dists h3:nth-of-type(1) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/images/4200-block-pine-2016-07-01.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/images/4200-block-pine-2016-07-01.jpg");
    background-position: center;
  }
  .sn-dists h3:nth-of-type(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/DPC/images/HamiltonMansion.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/DPC/images/HamiltonMansion.jpg");
    background-position: center;
  }
  .sn-dists h3:nth-of-type(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/HistoricDistricts/images/poth.gif");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/HistoricDistricts/images/poth.gif");
    background-size: cover;
  }
  .sn-dists h3:nth-of-type(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/HistoricDistricts/images/pinehurst.gif");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/HistoricDistricts/images/pinehurst.gif");
    background-size: cover;
  }
  .sn-dists h3:nth-of-type(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/HistoricDistricts/images/furness_lib1.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/HistoricDistricts/images/furness_lib1.jpg");
    background-size: cover;
  }
  .sn-dists h3:nth-of-type(6) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25))), url("http://uchs.net/HistoricDistricts/images/blanche1.gif");
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("http://uchs.net/HistoricDistricts/images/blanche1.gif");
    background-size: cover;
    background-position: top;
  }
}

article.natreg-nom {
  max-width: 80vw;
  min-height: 70vh;
  padding-top: 2vh;
  display: grid;
  margin: auto;
}

.natreg-nom h2, .natreg-nom h3, .natreg-nom h4, .natreg-nom h5, .natreg-nom h6, .natreg-nom p:first-of-type, .natreg-nom p:last-of-type, .natreg-nom .ctr {
  text-align: center;
}

.natreg-nom p {
  font-family: Georgia, Times, "Times New Roman", serif;
  margin-top: 0;
}

.natreg-nom p:first-of-type {
  max-width: 80%;
  margin: auto;
}

.natreg-nom h2 {
  letter-spacing: .2rem;
  margin-bottom: 0;
}

.natreg-nom h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.natreg-nom blockquote {
  border-left: 5px solid #fbb637;
  padding-left: 2%;
}

.natreg-nom blockquote > p, .natreg-nom blockquote p, .natreg-nom blockquote p:first-of-type, .natreg-nom blockquote p:last-of-type {
  text-align: left;
}

.natreg-nom .key {
  text-decoration: underline;
  padding-bottom: 1%;
  color: #212121;
  font-variant: small-caps;
}

.natreg-nom td:first-of-type {
  font-weight: 600;
}

.natreg-nom .bigger {
  font-size: large;
}

.natreg-nom hr {
  display: block;
  height: 1px;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 1px solid #ccc;
  border-top-color: #fbb637;
  margin: 1em 0;
  padding: 0;
}

.natreg-nom li {
  padding-left: 1em;
  text-indent: -1em;
}

.natreg-nom figure {
  width: 100%;
  text-align: center;
  margin: auto;
}

.natreg-nom figure img {
  border: thin #eee solid;
  border-radius: 5px;
}

.natreg-nom .open {
  font-weight: 600;
}

.natreg-nom .full {
  width: 100%;
}

@media screen and (min-width: 60em) {
  .natreg-nom .full {
    width: 100%;
  }
}

.natreg-nom figcaption {
  font-style: italic;
  font-size: smaller;
  color: #212121;
  padding: 1%;
}

/*
SIMPLE SIDE BY SIDE FLEX | container
*/
.natreg-nom .text-based {
  width: 80%;
  border: thin #eee solid;
  border-radius: 5px;
  background-color: #fef3e1;
  margin: auto;
}

.natreg-nom .text-based p {
  font-size: 1.25rem;
  font-weight: 600;
}

.side-by-side {
  margin: auto;
}

/*
SIMPLE SIDE BY SIDE FLEX | items
*/
.side-item {
  min-width: 45%;
}

.link2orig {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 5px;
  line-height: 2.5;
  text-align: center;
  background-color: darkorange;
  border: 1px solid #212121;
  border-radius: 50%;
  color: #212121;
  font-weight: 600;
}

.link2orig:hover {
  color: #212121;
  background-color: green;
}

.body-natreg {
  background-color: #fff;
}

.article-natreg {
  display: grid;
}

.article-natreg h2, .article-natreg h3, .article-natreg h4, .article-natreg h5, .article-natreg h6 {
  text-align: center;
}

.article-natreg p {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 1.75rem;
}

.article-natreg blockquote {
  border-left: 5px solid #fbb637;
  padding-left: 2%;
}

.article-natreg figure {
  margin: auto;
  border: 1px solid;
}

.article-natreg figcaption {
  text-align: center;
  font-weight: 500;
  font-size: 1.5rem;
  padding: 1em;
}

.article-natreg .ftn {
  color: blue;
  font-weight: 600;
  vertical-align: super;
  font-size: 50%;
}

.subheader-natreg {
  color: #000;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid;
  text-align: center;
  width: 100%;
}

.nav-natreg a {
  display: inline-block;
  margin-right: 2rem;
  font-weight: 600;
  border-bottom: 2px dotted #fbb637;
}

.nav-natreg a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}

.article-natreg .subfooter-natreg {
  border-top: 2px solid;
  padding-top: 1rem;
  margin-top: 2rem;
}

.article-natreg .subfooter-natreg p {
  text-align: center;
}

.article-natreg .subfooter-natreg ol li {
  padding-left: 2em;
  text-indent: -2em;
}
/* START AWARDS */
.main-awards {
  background-color: #fff;
  padding: 0 3vw 3vw 3vw;

}
.sn-awards {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fill, 150px);
  justify-content: center;

  background-color: #fff;
  padding: 3vh 0 0 0;
  margin: auto;
}
.sn-awards .card .card__title-1 {
  grid-area: awardType;
}
.sn-awards .card .card__title-2 {
  grid-area: address;
}
.sn-awards .card .card__photo {
  grid-area: photo;
}

.sn-awards .card {
  display: grid;
  grid-template-columns: repeat(auto-fill, 1fr);
  grid-template-areas:
  "awardType"
  "address"
  "owner"
  "photo";

  border: solid 1px;
  border-radius: 10px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  overflow: hidden;
}

.sn-awards .card .card__title-1,
.sn-awards .card .card__title-2 {
  font-size: 1.25rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
  text-align: center;
}
.sn-awards .card .card__title-1 {
  font-size: 1.4rem;
  font-variant: small-caps;
  padding: 0.5rem 0;
  font-weight: bold;
}
.sn-awards .card .card__title-2 {
  padding-bottom: 1rem;
}
.sn-awards .card .card__photo {
  border-top: 1px solid;
  margin: 0;
}
@media screen and (min-width: 36em) {
  .sn-awards {
    grid-template-columns: repeat(auto-fill, minmax(150px, 25%));
  }
}
@media screen and (min-width: 45em) {
  .sn-awards {
    grid-template-columns: repeat(auto-fill, minmax(150px, 20%));
  }
}
.sn-awards--intro {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;

  padding: 3vw;
  margin: auto;
}
@media screen and (min-width: 60em) {
  .sn-awards--intro {
    grid-template-columns: 2fr 250px;
    padding: 3vw 7vw;
  }
}
.card--intro {
  border: none;
  box-shadow: none;
}
.card--intro__title-1 {
  text-align: center;
  font-size: 2.6rem;
}
.card--intro__title-2 {
    font-size: 2rem;
    text-align: center;
    color: #555555;
    font-weight: 400;
}
.card--intro__blurb {
  text-align: left;
  padding: 0;
  padding-bottom: 0.5rem;
}
a.card--intro__link {
  text-decoration: underline;
}
a.card--intro__link:hover,
a.card--intro__link:active,
a.card--intro__link:focus {
  text-decoration: none;
  border-bottom: 1px solid #fbb637;
}
.prize {
  background-color: #fbb637;
}
.card--initiative {
  border: solid 1px;
  border-radius: 10px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  overflow: hidden;
}
.card--initiative__title-1 {
  font-size: 1.4rem;
  font-variant: small-caps;
  padding: 0.25rem 0;
  text-align: center;
  margin-bottom: 0;

}
.card--initiative__title-2 {
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 1rem;
  margin-bottom: 0;
}
.card--initiative__blurb {
  font-size: 1.25rem;
  padding: 1rem;
  text-align: left;
  font-weight: normal;
}
.card--initiative__blurb a {
  text-decoration: underline;
  font-weight: 600;
}
.card--initiative__blurb a:hover,
.card--initiative__blurb a:active,
.card--initiative__blurb a:focus {
  text-decoration: none;
  border-bottom: 1px solid #fbb637;
}
.card--initiative__photo {
  border-top: 1px solid;
  margin: 0;
}
.card--initiative__title-1 {
  grid-area: awardType;
}
.card--initiative__title-2 {
  grid-area: address;
}
.card--initiative__blurb {
  grid-area: owner;
}
.card--initiative__photo {
  grid-area: photo;
}

@media screen and (max-width: 479px) {
  .card--initiative {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
    "awardType"
    "address"
    "owner" ;
    margin: auto;
  }
  .card--initiative__photo {
    display: none;
  }
}
@media screen and (min-width: 30em) {
.card--initiative {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "awardType photo"
  "address photo"
  "owner photo";
  margin: auto;
  max-width: 500px;
}
 }
@media screen and (min-width: 60em) {
  .card--initiative {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
    "awardType"
    "address"
    "owner"
    "photo";
  }
}


/* END AWARDS */

.body-announcement,
.body-markerorder {
  background-color: #fff;
}

.main-markerorder {
  max-width: 70vw;
  margin: 2em auto;
  padding: 1rem;
}

.main-markerorder p {
  margin-bottom: 2rem;
}

.main-markerorder address {
  display: inline-block;
  padding-left: 2em;
  font-style: normal;
  font-weight: 600;
}

.main-markerorder ul {
  list-style: circle;
  padding-left: 2em;
  font-weight: 500;
}

.main-markerorder article {
  width: 100%;
}

.main-markerorder form {
  width: 90%;
  border-bottom: 5px solid;
}

.main-markerorder form .line {
  border-bottom: 2px dotted;
}

.main-markerorder p.line + p.line {
  margin-top: 4.5rem;
}

.main-markerorder .h4 {
  font-size: 95%;
  font-weight: 600;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  @page {
    margin: 0.5in 0.25in 0.25in 0.5in;
  }
  a:after {
    content: " (" attr(href) ")";
    font-family: monospace;
  }
  body {
    margin: 0 auto;
  }
  form {
    line-height: 1.2;
  }
  h1 {
    font-size: 16px;
  }
  h2 {
    font-size: 16px;
  }
  h3 {
    font-size: 14px;
  }
  p {
    font-size: 12px;
    margin-bottom: 1rem;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .body-markerorder {
    font-size: 95%;
  }
  .body-markerorder img {
    max-width: 20%;
  }
  .main-markerorder {
    max-width: 100%;
  }
  .main-markerorder {
    margin: 0;
    padding: 0;
  }
  .main-markerorder form {
    margin: 0;
    padding: 0;
  }
  .admin p {
    margin: 0.75rem;
  }
  a#btm2top,
  footer,
  header {
    display: none;
  }
}

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