@import url("./fonts.css");
@import url("./home.css");
@import url("./fold.css");
@import url("./map.css");
@import url("./table.css");
@import url("./gallery.css");
@import url("./image.css");
@import url("./lightbox.css");
html {
  scroll-behavior: smooth; }

body {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100vw;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 12pt;
    /*
    @media only screen and (max-width: 10in) and (orientation: landscape) {

    }
    */ }
  body * {
    font-size: 100%;
    margin: 0;
    padding: 0; }
  body p:not(:first-of-type) {
    padding-top: .5em; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    color: black;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: .5em 0; }
  body h1 {
    font-size: 200%; }
  body h2 {
    font-size: 160%; }
  body h3 {
    font-size: 120%; }
  body h4 {
    font-size: 100%; }
  body h5 {
    font-size: 100%; }
  body h6 {
    font-size: 100%; }
  body a {
    text-decoration: none;
    color: #00f; }
    body a:hover {
      color: #55f; }
  body hr {
    display: inline-block;
    height: 1px;
    width: 100%;
    border: 0 none transparent;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
    margin: 2em 0;
    padding: 0; }
  body .block {
    margin-top: 1em; }
    body .block:last-of-type {
      margin-bottom: 3em; }
  body .pagination {
    display: block;
    text-align: center; }
    body .pagination > * {
      margin: 1em; }
    body .pagination .enabled {
      color: #00f; }
    body .pagination .disabled {
      color: #6ba4ff; }
  body nav {
    margin-top: 2em;
    margin-bottom: 2em; }
  body #accessibility-skip-to-content, body #accessibility-show-navigation {
    display: none; }
  body #mobile-menu, body #hide-navigation-background {
    display: none; }
  @media only print {
    body #navigation {
      display: none; } }
  @media only screen {
    body #accessibility-skip-to-content {
      z-index: 2000;
      display: inline-block;
      position: fixed;
      top: -100vh;
      left: -100vw; }
      body #accessibility-skip-to-content:focus, body #accessibility-skip-to-content:hover, body #accessibility-skip-to-content:active {
        top: .5em;
        left: .5em;
        background: white;
        border: 1px solid #00f;
        border-radius: .1em; } }
  @media only screen and (max-width: 10in) {
    body #accessibility-show-navigation {
      z-index: 2000;
      display: inline-block;
      position: fixed;
      top: -100vh;
      left: -100vw; }
      body #accessibility-show-navigation:focus, body #accessibility-show-navigation:hover, body #accessibility-show-navigation:active {
        top: .5em;
        left: .5em;
        background: white;
        border: 1px solid #00f;
        border-radius: .1em; } }
  @media only screen and (min-width: 10in) {
    body {
      background: #fbbd77;
      background-image: url(../images/background3.jpg);
      transition: background-image 0.2s ease-in-out;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center center;
      display: flex;
      flex-direction: row;
      justify-content: center;
      height: auto; }
    body > #centered-page {
      display: inline-block;
      position: relative;
      margin: 0;
      padding: 0;
      height: auto;
      width: 10in;
      margin-top: 2em; }
      body > #centered-page > #mobile-menu {
        display: none; }
      body > #centered-page > #hide-navigation-background {
        display: none; }
      body > #centered-page > #navigation {
        display: inline-block;
        position: fixed;
        padding: 0;
        margin: 0;
        width: 2in; }
        body > #centered-page > #navigation > #logo {
          display: grid;
          height: 2in;
          width: 2in;
          background: white;
          box-shadow: 3px 3px 10px #0009; }
          body > #centered-page > #navigation > #logo img {
            width: 100%;
            place-self: center; }
        body > #centered-page > #navigation #close-navigation {
          display: none; }
        body > #centered-page > #navigation .page-name {
          display: none; }
        body > #centered-page > #navigation > nav {
          display: block;
          margin-top: 0.1in;
          background: white;
          box-shadow: 3px 3px 10px #0009;
          padding: 0.1in;
          width: 1.8in; }
          body > #centered-page > #navigation > nav ul {
            padding: 0;
            margin: 0; }
          body > #centered-page > #navigation > nav li {
            list-style: none;
            padding: .2em 0;
            margin: 0; }
      body > #centered-page > #page-content {
        display: inline-block;
        padding: 0.3in;
        padding-top: 0;
        padding-bottom: 3em;
        margin: 0;
        margin-left: 2.1in;
        margin-bottom: 2em;
        height: auto;
        min-height: 80vh;
        width: 7.4in;
        background: white;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 3px 3px 10px #0009; } }
  @media only screen and (max-width: 10in) {
    body {
      height: 100%;
      width: 100%; }
    body > #centered-page {
      position: absolute;
      left: 0;
      right: 0;
      min-width: 100vw;
      min-height: 100vh;
      padding-bottom: 2em; }
    body #mobile-menu {
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 1498;
      width: 100%;
      height: 2em;
      background: white;
      box-shadow: 0px 3px 10px #0009; }
      body #mobile-menu #show-navigation {
        position: relative;
        left: .5em;
        top: .3em; }
      body #mobile-menu .page-name {
        display: block;
        position: absolute;
        left: 0;
        top: .3em;
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        font-size: 100%;
        pointer-events: none; }
    body #hide-navigation-background {
      display: none; }
    body #navigation-active:checked ~ #hide-navigation-background {
      z-index: 1499;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3); }
    body #navigation {
      display: block;
      visibility: hidden;
      pointer-events: none;
      z-index: 1500;
      height: 100vh;
      overflow-y: scroll;
      width: 3.5in;
      padding: .5em;
      position: fixed;
      top: 0;
      /* Animate the menu as "swooping in" from the left */
      left: -4.2in;
      transition: left .2s linear 0s;
      /*
          Delay visibility toggle when closing the menu
          (but make it instant when opening it).
      */
      animation: close 5s;
      background: white;
      box-shadow: 3px 3px 10px #0009; }
    @keyframes close {
      from {
        visibility: visible; }
      to {
        visibility: hidden; } }
      body #navigation > #logo {
        display: none; }
      body #navigation #close-navigation {
        font-size: 300%;
        color: #666;
        position: absolute;
        right: .25em;
        top: 0; }
      body #navigation .page-name {
        font-size: 150%;
        text-align: center; }
        body #navigation .page-name > a {
          color: black; }
      body #navigation ul {
        margin-bottom: 1in; }
      body #navigation li {
        list-style: none;
        padding: .5em;
        margin: .5em;
        border: 1px solid #00f;
        border-radius: .1em; }
        body #navigation li > a {
          display: block; }
    body #navigation-active:checked ~ #navigation {
      visibility: visible;
      left: 0in;
      pointer-events: all; }
    body #page-content {
      padding: 1em;
      padding-top: 3em; } }

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