@charset "UTF-8";
/*
$smallest-width: 20em;
$very-small-width: em(530);
$small-width: em(700);
$medium-width: 62em;
$large-width: 75em;
$very-large-width: 100em;
*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul {
  list-style: none;
}

img, video, embed, object {
  max-width: 100%;
}

img {
  vertical-align: middle;
}

label, button {
  cursor: pointer;
}

.clearifx::before, .clearifx::after, .grid::before, .grid::after {
  content: "";
  display: table;
}

.clearifx::after, .grid::after {
  clear: both;
}

html, body {
  background: #a05b00;
  color: #000;
}

body, input, select, textarea, button {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.25;
}

#currGreet {
  opacity: 0;
}
.hide {
 opacity: 0;
}
#currGreet.fadein {
  -webkit-transition: all 3s ease-in;
  -moz-transition: all 3s ease-in;
  -ms-transition: all 3s ease-in;
  -o-transition: all 3s ease-in;
  transition: all 3s ease-in;
  opacity: 1;
}

@media (min-width: 75em) {
  body, input, select, textarea, button {
    font-size: 20px;
  }
}

@media (min-width: 100em) {
  body, input, select, textarea, button {
    font-size: 24px;
  }
}

/*
body, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}
*/
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

/*
#content {
  h1: 2em/1.2       --> 2.4/1.2 --> 2.82842em/1.25
   h2: 1.666em/1.15              --> 2em/1.25
   h3: 1.41421em/1.1             --> 1.666em/1.25
   h4: 1.2em/1.05                --> 1.2em/1.25
}
*/

#content h1 {
  font-size: 2.82842em;
}

#content h2 {
  font-size: 2em;
}

#content h3 {
  font-size: 1.666em;
}

#content h4 {
  font-size: 1.2em;
  line-height: 1.25;
}

p.quoteB4:before {
  font-size: 300%;
  margin-right: 4px;
  line-height: 0;
  vertical-align: bottom;
  content: "\201C";
  content: open-quote;
  color: #fc6;
}

p.quoteAft:after {
  font-size: 300%;
  margin-left: 4px;
  line-height: 0;
  vertical-align: bottom;
  content: "\201D";
  content: close-quote;
  color: #fc6;
}

.hiLite {
  font-weight: bold;
}

.hiLiteR {
 color: #f00;
}

@media (min-width: 43.75em) {
  /*
  #content {
    font-size: 1.18rem;
    line-height: 1.2;
  }
  p {
    line-height: 1.3;
  }
  h1 {
    font-size: 2.5em;
    line-height: 1.125;
  }
  h2 {
    font-size: 2em;
    line-height: 1.25;
  }
  h3 {
    font-size: 1.5em;
    line-height: 1.25;
  }
  h4 {
    line-height: 1.22222222;
  }
*/
}

@media (min-width: 62.5em) {
  /*
  #content {
    font-size: 1.125rem;
    line-height: 1.3;
  }
*/
}

@media (min-width: 75em) {
  /*
  #content {
    font-size: 1.25rem;
    line-height: 1.3;
  }
  h1 {
    font-size: 3em;
    line-height: 1.05;
  }
  h2 {
    font-size: 2.25em;
    line-height: 1.25;
  }
  h3 {
    font-size: 1.75em;
    line-height: 1.25;
  }
*/
}

.wrapper {
  max-width: 1400px;
  margin: 0 auto;
}

main {
  width: 100%;
}

@supports (display: grid) {
  .side {
    grid-area: sidebar;
  }
  #content {
    grid-area: content;
  }
  .pgHdr {
    grid-area: header;
  }
  .breadcrumb {
    grid-area: bcrumb;
    padding-left: 1em;
  }
  .pgFooter {
    grid-area: footer;
  }
  .wrapper {
    display: grid;
    grid-gap: 1em;
    grid-template-areas: "header"
 "bcrumb"
 "content"
 "sidebar"
 "footer";
    grid-template-rows: min-content min-content min-content min-content 1fr;
  }
  /*
   @media only screen and (min-width: $small-width)  {
      .wrapper {
         grid-template-columns: 20em 1fr;
         grid-template-rows: $hdr-height min-content min-content 1fr;

         grid-template-areas:
         "header   header"
         "bcrumb bcrumb"
         "sidebar  content"
         "footer   footer";
      }
   }
*/
  @media only screen and (min-width: 62.5em) {
    .wrapper {
      grid-template-columns: 20rem 1fr;
      grid-template-rows: min-content min-content min-content 1fr;
      grid-template-areas: "header  header"
 "bcrumb  bcrumb"
 "sidebar content"
 "footer  footer";
    }
  }
  @media only screen and (min-width: 75em) {
    .wrapper {
      grid-template-columns: 24rem 1fr;
    }
  }
}

.thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.thumbs div {
  width: 100px;
  height: 100px;
  margin: 1em 0.5em;
}

.pgHdr {
  background-color: #4f2300;
  color: #e2a85c;
  padding: 0;
  padding-left: 1em;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hdr1 {
  margin: 0;
  padding: 0;
  margin-left: 1em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.hdr1 h1 {
  font-size: 1.5rem;
  font-weight: bold;
}

.branding {
  font-weight: bold;
  font-size: .9rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.branding h2 {
  font-weight: bold;
  font-size: 1rem;
}

.pgHdr nav {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-size: .9rem;
  padding-bottom: 1em;
}

.pgHdr nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1rem;
  vertical-align: bottom;
}

.pgHdr nav ul li {
  list-style: none;
  margin-left: .5rem;
  color: #a05b00;
}

.pgHdr nav ul li:first-child {
  margin-left: 0;
}

.pgHdr nav ul li a {
  color: #fff;
  font-size: .83em;
}

.pgHdr nav ul li a:hover {
  color: #a05b00;
}

@media only screen and (min-width: 33.125em) {
  .hdr1 h1 {
    font-size: 2rem;
  }
  .branding h2 {
    font-size: 1.5rem;
  }
  .pgHdr nav ul {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 43.75em) {
  .hdr1 h1 {
    font-size: 2.5rem;
  }
  .branding h2 {
    font-size: 1.75rem;
  }
  .pgHdr nav ul {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 62.5em) {
  .hdr1 h1 {
    font-size: 3.5rem;
  }
  .branding h2 {
    font-size: 2.25rem;
  }
  .pgHdr nav ul {
    font-size: 1.8rem;
  }
}

.breadcrumb {
  font-size: .833em;
  line-height: 1.6;
  background: #e2a85c;
  color: #4f2300;
  padding-left: 1em;
}

.breadcrumb a {
  color: #fff;
}

.breadcrumb a:hover {
  color: #4f2300;
}

#content {
  color: #fff;
}

#content a {
  color: #4f2300;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}

#content li a {
  font-weight: normal;
}

#content a:hover, #content a:focus {
  color: #fff;
  text-decoration: underline;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  padding-left: 2vw;
}

#content img {
  max-width: 98%;
  margin-left: auto;
  margin-right: auto;
}

#content p {
  margin: 1em 2vw;
}

@media only screen and (min-width: 43.75em) {
  #content {
    /* equivalent to 16px */
    /* equivalent to 22px */
    max-width: 42em;
  }
}

@media only screen and (min-width: 62.5em) {
  #content {
    padding-left: 0;
    max-width: 43em;
  }
}

@media only screen and (min-width: 1012px) {
  #content img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 75em) {
  #content {
    max-width: 41em;
  }
}

@media only screen and (min-width: 100em) {
  #content {
    max-width: 40em;
  }
}

@media only screen and (min-width: 1420px) {
  #content {
    border: 5px ridge #4f2300;
  }
}

.side {
  background: #e2a85c;
  color: #fff;
  border-radius: 10px;
  margin: 0 1em;
  padding: 0 1em;
}

.side .urhere {
  color: #4f2300;
  cursor: text;
  text-decoration: none;
}

.side nav {
  margin: 0;
  padding: 0;
  /*
  }

  .mbody {
    margin: 0;
    padding: 0;
    color: $color-base-dark;
*/
}

.side nav a {
  color: #fff;
  text-decoration: none;
}

.side nav a:hover {
  color: #4f2300;
  text-decoration: underline;
}

.side nav a:visited .side nav a:active {
  color: #e2a85c;
}

.side nav a.urhere {
  color: #4f2300;
  cursor: text;
  text-decoration: none;
}

.side nav a.urhere:after {
  content: " \27F8";
  font-size: 1.5em;
  line-height: .6em;
  vertical-align: baseline;
}

.side nav p {
  margin-top: 1em;
}

.side nav:first-child {
  margin-top: 0.5em;
}

.side nav ul {
  margin-left: 1em;
  list-style-type: disc;
  font-weight: bold;
}

.side nav ul li {
  margin-bottom: 0.25em;
}

.side nav p + ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

.side nav li ul {
  list-style-type: disc;
  margin-left: 1em;
  margin-top: 0;
}

.side nav ul ul {
  margin-left: 2em;
}

.side nav ul ul li {
  margin-bottom: 0;
}

.side nav ul.tight li {
  margin-bottom: 0;
}

.side .leftbox {
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #a05b00;
}

@media only screen and (min-width: 62.5em) {
  .side {
    margin: 0 0.5em;
    padding: 0 0.5em;
  }
}

#copy {
  padding: 1em 0;
  background-color: #4f2300;
  color: #a05b00;
  text-align: center;
}

#copy a {
  color: #e2a85c;
  font-weight: bold;
  text-decoration: none;
}

#copy a:hover {
  color: #fff;
}

.hosta #content div {
  margin-top: 2em;
}

.hosta #content > div:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lighttext {
  color: #e2a85c;
}

#pgchg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#pgchg h2 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: -1em;
}

#pgchg hr {
  width: 66%;
  margin: 1em auto;
}

#pgchg hr {
  padding: 0;
  border: none;
  border-top: medium double #4f2300;
  color: #4f2300;
  text-align: center;
}

#pgchg hr:after {
  content: "§";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: #a05b00;
}

#pgchg p {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0.5em 2vw;
}

#pgchg img {
  margin-top: 0.66em;
}

@media (min-width: 200px) {
  .rekWd:after {
    content: " 200px";
  }
  .rekFSz:after {
    content: " 16px";
  }
}

@media (min-width: 240px) {
  .rekWd:after {
    content: " 240px";
  }
}

@media (min-width: 280px) {
  .rekWd:after {
    content: " 280px";
  }
}

@media (min-width: 320px) {
  .rekWd:after {
    content: " 320px";
  }
}

@media (min-width: 360px) {
  .rekWd:after {
    content: " 360px";
  }
}

@media (min-width: 400px) {
  .rekWd:after {
    content: " 400px";
  }
}

@media (min-width: 440px) {
  .rekWd:after {
    content: " 440px";
  }
}

@media (min-width: 480px) {
  .rekWd:after {
    content: " 480px";
  }
}

@media (min-width: 33.125em) {
  .rekWd:after {
    content: " 530px";
  }
}

@media (min-width: 560px) {
  .rekWd:after {
    content: " 560px";
  }
}

@media (min-width: 600px) {
  .rekWd:after {
    content: " 600px";
  }
}

@media (min-width: 640px) {
  .rekWd:after {
    content: " 640px";
  }
}

@media (min-width: 680px) {
  .rekWd:after {
    content: " 680px";
  }
}

@media only screen and (min-width: 43.75em) {
  .rekWd:after {
    content: " 700px";
  }
}

@media only screen and (min-width: 800px) {
  .rekWd:after {
    content: " 800px";
  }
}

/*
@media only screen and (min-width: $medium-width) {
 .rekWd:after {
    content: " 60em";
 }
}
*/
@media only screen and (min-width: 62em) {
  .rekWd:after {
    content: " 62em";
  }
}

@media only screen and (min-width: 63em) {
  .rekWd:after {
    content: " 63em";
  }
}

@media only screen and (min-width: 960px) {
  .rekWd:after {
    content: " 960px";
  }
}

@media only screen and (min-width: 968px) {
  .rekWd:after {
    content: " 968px";
  }
}

@media only screen and (min-width: 976px) {
  .rekWd:after {
    content: " 976px";
  }
}

@media only screen and (min-width: 984px) {
  .rekWd:after {
    content: " 984px";
  }
}

@media only screen and (min-width: 992px) {
  .rekWd:after {
    content: " 992px";
  }
}

@media only screen and (min-width: 1000px) {
  .rekWd:after {
    content: " 1000px";
  }
}

@media only screen and (min-width: 75em) {
  .rekWd:after {
    content: " 75em";
  }
  .rekFSz:after {
    content: " 20px";
  }
}

@media only screen and (min-width: 100em) {
  .rekWd:after {
    content: " 100em";
  }
  .rekFSz:after {
    content: " 24px";
  }
}

/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.25";
  }
}

/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx), (min-resolution: 124.8dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.3";
  }
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.5";
  }
}

/* 1.6 dpr */
@media (-webkit-min-device-pixel-ratio: 1.6), (min-resolution: 1.6dppx), (-webkit-min-device-pixel-ratio: 1.5999999999999999), (min-resolution: 153.6dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.6";
  }
}

/* 1.7 dpr */
@media (-webkit-min-device-pixel-ratio: 1.7), (min-resolution: 1.7dppx), (min-resolution: 163.2dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.7";
  }
}

/* 1.8 dpr */
@media (-webkit-min-device-pixel-ratio: 1.8), (min-resolution: 1.8dppx), (min-resolution: 172.8dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.8";
  }
}

/* 1.9 dpr */
@media (-webkit-min-device-pixel-ratio: 1.9), (min-resolution: 1.9dppx), (-webkit-min-device-pixel-ratio: 1.9000000000000001), (min-resolution: 182.4dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 1.9";
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 2";
  }
}

@media (-webkit-min-device-pixel-ratio: 2.1), (min-resolution: 2.1dppx), (min-resolution: 201.6dpi) {
  /* Retina-specific stuff here */
  .rekPxR:after {
    content: " 2.1";
  }
}

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