/* line 3, sass/styles.scss */
body {
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  background: url("../img/bg.jpg") center repeat;
}

/* line 5, sass/styles.scss */
h1, h2, h3, h4, h5, h6 {
  color: black;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
}

/* line 9, sass/styles.scss */
p {
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}
/* line 10, sass/styles.scss */
p * {
  color: black;
}
/* line 11, sass/styles.scss */
p a {
  color: #73b0d8;
}
/* line 12, sass/styles.scss */
p a:hover {
  color: #fba33b;
}
/* line 13, sass/styles.scss */
p a:hover em {
  color: #fba33b;
}
/* line 16, sass/styles.scss */
p a em {
  color: #73b0d8;
}

/* line 20, sass/styles.scss */
.clear {
  clear: both;
}

/* line 21, sass/styles.scss */
.row {
  max-width: 940px;
}

/* -- Effects -- */
/* line 24, sass/styles.scss */
.fadeIn {
  opacity: 0;
}

/* line 25, sass/styles.scss */
.come-in {
  opacity: 1;
  transform: translateY(50px);
  animation: come-in 0.8s ease forwards;
  transition: opacity 1s ease;
}
_:-ms-fullscreen, :root .come-in {
  transform: translateY(1px);
}

/* line 31, sass/styles.scss */
.already-visible {
  opacity: 1;
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  /* line 37, sass/styles.scss */
  to {
    transform: translateY(0);
  }
}

/* -- Header & Menu -- */
/* line 42, sass/styles.scss */
#menuContainer {
  position: fixed;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 76px;
  /* -- Header -- */
  /* -- Header: Sticky-- */
  /* -- Header: Drop Down Menu -- */
}
@media only screen and (max-width: 768px) {
  /* line 42, sass/styles.scss */
  #menuContainer {
    height: auto;
  }
}
/* line 51, sass/styles.scss */
#menuContainer header.header .menu {
  text-align: right;
}
/* line 53, sass/styles.scss */
#menuContainer header.header .menu a#menuTrigger {
  display: block;
  margin-top: .2em;
  padding: .5em 1.25em .5em 0;
  color: white;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  text-transform: uppercase;
  background: url("../img/iconMenuWhite.png") center right no-repeat;
}
@media only screen and (max-width: 480px) {
  /* line 53, sass/styles.scss */
  #menuContainer header.header .menu a#menuTrigger {
    padding: 0;
    padding-right: 1.25em;
  }
}
/* line 61, sass/styles.scss */
#menuContainer header.header .menu a#menuTrigger.active {
  background: url("../img/iconMenuCloseWhite.png") center right no-repeat;
}
/* line 65, sass/styles.scss */
#menuContainer header.header.nonsticky {
  padding: 1em 0;
  background: none;
  transition: all 1s ease;
}
/* line 66, sass/styles.scss */
#menuContainer header.header.sticky {
  padding: 1em 0;
  background: white;
  transition: all 1s ease;
}
/* line 67, sass/styles.scss */
#menuContainer header.header.sticky .menu {
  text-align: right;
}
/* line 68, sass/styles.scss */
#menuContainer header.header.sticky .menu a#menuTrigger {
  color: #7e98aa;
  background: url("../img/iconMenuSlate.png") center right no-repeat;
}
/* line 72, sass/styles.scss */
#menuContainer header.header.sticky .menu a#menuTrigger.active {
  background: url("../img/iconMenuCloseSlate.png") center right no-repeat;
}
/* line 79, sass/styles.scss */
#menuContainer header#headerSticky {
  display: none;
  opacity: 0;
  padding: 1em 0;
  background: white;
  transition: opacity 1s ease;
}
/* line 82, sass/styles.scss */
#menuContainer header#headerSticky .menu {
  text-align: right;
}
/* line 83, sass/styles.scss */
#menuContainer header#headerSticky .menu a#menuTrigger {
  display: block;
  margin-top: .2em;
  padding: .5em 1.25em .5em 0;
  color: #7e98aa;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  text-transform: uppercase;
  background: url("../img/iconMenuSlate.png") center right no-repeat;
}
/* line 89, sass/styles.scss */
#menuContainer header#headerSticky .menu a#menuTrigger.active {
  background: url("../img/iconMenuCloseSlate.png") center right no-repeat;
}
/* line 95, sass/styles.scss */
#menuContainer #menu {
  display: none;
  overflow-y: scroll;
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  padding-bottom: 2em;
  color: white;
  text-align: center;
  font-size: 150%;
  background: #7e98aa;
}
@media only screen and (max-width: 768px) {
  /* line 95, sass/styles.scss */
  #menuContainer #menu {
    font-size: 90%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 95, sass/styles.scss */
  #menuContainer #menu {
    font-size: 82%;
  }
}
/* line 105, sass/styles.scss */
#menuContainer #menu.active {
  display: block;
}
/* line 107, sass/styles.scss */
#menuContainer #menu .menuItem {
  margin: 1em auto;
}
/* line 109, sass/styles.scss */
#menuContainer #menu .menuItem p {
  margin: 0;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: italic;
  font-variant: normal;
  font-weight: bold;
  font-size: 80%;
  color: #c5ced6;
}
/* line 110, sass/styles.scss */
#menuContainer #menu .menuItem a {
  display: block;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: white;
  line-height: 120%;
}
/* line 113, sass/styles.scss */
#menuContainer #menu hr {
  border-color: #6c7f8c;
}
/* line 116, sass/styles.scss */
#menuContainer #menu #socialShares p {
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-size: 1em;
}
/* line 117, sass/styles.scss */
#menuContainer #menu #socialShares p a {
  display: inline-block;
  margin: 0 .35em;
}

/* -- Chapter Title -- */
/* line 125, sass/styles.scss */
.title {
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 16em 0 6em;
  color: white;
  background-color: black;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  /* -- Fade & Movement effect: slow it down for Chapter headings -- */
}
@media only screen and (max-width: 768px) {
  /* line 125, sass/styles.scss */
  .title {
    font-size: 90%;
  }
}
/* line 133, sass/styles.scss */
.title .come-in {
  animation: come-in 4s ease forwards;
  transition: opacity 4s ease;
}
/* line 138, sass/styles.scss */
.title ::selection {
  background: #8a1034;
}
/* line 139, sass/styles.scss */
.title ::-moz-selection {
  background: #8a1034;
}
/* line 141, sass/styles.scss */
.title h4 {
  margin: 0;
  text-transform: uppercase;
  color: white;
}
/* line 142, sass/styles.scss */
.title h4.come-in {
  animation: come-in 2s ease forwards;
  transition: opacity 2s ease;
}
/* line 147, sass/styles.scss */
.title h2 {
  margin: 0 0 .25em;
  font-size: 400%;
  color: white;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  /* line 147, sass/styles.scss */
  .title h2 {
    margin-bottom: 1em;
    font-size: 200%;
  }
}
/* line 150, sass/styles.scss */
.title h2.come-in {
  animation: come-in 2s ease forwards;
  transition: opacity 2s ease;
}
/* line 155, sass/styles.scss */
.title p {
  display: block;
  padding: .23em;
  font-size: 120%;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: italic;
  font-variant: normal;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
  /* line 155, sass/styles.scss */
  .title p {
    font-size: 90%;
  }
}
/* line 159, sass/styles.scss */
.title.one {
  margin-top: 0;
  background-image: url("../img/bgTitle1.jpg");
}
/* line 160, sass/styles.scss */
.title.two {
  background-image: url("../img/bgTitle2.jpg");
}
/* line 161, sass/styles.scss */
.title.three {
  background-image: url("../img/bgTitle3.jpg");
}
/* line 162, sass/styles.scss */
.title.four {
  background-image: url("../img/bgTitle4.jpg");
}
/* line 163, sass/styles.scss */
.title.five {
  background-image: url("../img/bgTitle5.jpg");
}
/* line 164, sass/styles.scss */
.title.six {
  background-image: url("../img/bgTitle6.jpg");
}
/* line 165, sass/styles.scss */
.title.seven {
  background-image: url("../img/bgTitle7.jpg");
}
/* line 166, sass/styles.scss */
.title.eight {
  background-image: url("../img/bgTitle8.jpg");
}
/* line 167, sass/styles.scss */
.title.nine {
  background-image: url("../img/bgTitle9.jpg");
}
/* line 168, sass/styles.scss */
.title.ten {
  background-image: url("../img/bgTitle10.jpg");
}
/*.title span.caption {
    font-size: 70%;
    color: #aaa;
}*/

/* -- Chapter Body -- */
/* line 173, sass/styles.scss */
.row.body {
  z-index: 1;
  margin-bottom: 2em;
}
/* line 175, sass/styles.scss */
.row.body ::selection {
  background: #73b0d8;
}
/* line 176, sass/styles.scss */
.row.body ::-moz-selection {
  background: #73b0d8;
}
/* line 178, sass/styles.scss */
.row.body p {
  z-index: 1;
  margin-bottom: 1.5em;
  font-size: 1.1em;
}
/* line 179, sass/styles.scss */
.row.body p.dropcap:first-letter {
  float: left;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  color: #7e98aa;
  font-size: 600%;
  line-height: 60px;
}
/* line 185, sass/styles.scss */
.row.body h4 {
  color: #7e98aa;
  text-transform: uppercase;
}

/* -- Chapter Body: Image Treatments -- */
/* line 190, sass/styles.scss */
.imgOne {
  margin-bottom: 2em;
  border-bottom: 4px solid #c5ced6;
}
/* line 191, sass/styles.scss */
.imgOne img {
  display: block;
}
/* line 192, sass/styles.scss */
/*.imgOne p.caption {
  margin: 1em 0;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: #333333;
  font-size: 75%;
}*/
/* line 194, sass/styles.scss */
.fullCaption {
  margin-bottom: 2em;
  border-bottom: 4px solid #c5ced6;
}
/* line 195, sass/styles.scss */
p.caption, .row.body p.caption {
  margin: 1em 0;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: #333333;
  font-size: 75%;
}
.imgNone {
  border-bottom: 4px solid #c5ced6;
  margin-bottom: 2em;
  margin-top: -2em;
  text-align: right;
}
/* line 197, sass/styles.scss */
.row.body .imgSide {
  z-index: 5;
  position: relative;
  float: right;
  width: 300px;
  margin: 3px -130px 2em 2em;
  border-bottom: 4px solid #c5ced6;
}
@media only screen and (max-width: 1100px) {
  /* line 197, sass/styles.scss */
  .row.body .imgSide {
    display: block;
    margin: 1em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 197, sass/styles.scss */
  .row.body .imgSide {
    float: none;
    max-width: 100%;
    margin: 0 auto 2em;
    text-align: center;
  }
}
/* line 202, sass/styles.scss */
.row.body .imgSide h4 {
  color: black;
}
/* line 203, sass/styles.scss */
.row.body .imgSide audio {
  z-index: 10;
  margin: 0 0 1em;
}
/* line 204, sass/styles.scss */
/*.row.body .imgSide p.caption {
  margin: 1em 0;
  font-family: 'Cabin', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: #333333;
  font-size: 75%;
  /*font-size: 90%;*/
}

/* -- Chapter Body: Quotation Treatment -- */
/* line 209, sass/styles.scss */
.quotation {
  margin-bottom: 2em;
  font-size: 180%;
  color: #7e98aa;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: italic;
  font-variant: normal;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  /* line 209, sass/styles.scss */
  .quotation {
    font-size: 110%;
  }
}

/* -- Plants & Audio -- */
/* line 214, sass/styles.scss */
#plants1, #plants2, #plants3, #plants4, #audio1, #audio2, #audio3, #audio-library {
  margin: 2em 0 5em;
  padding: 0 0 2em;
  text-align: center;
  background: #c5ced6;
}
#plants1 h3, #plants2 h3, #plants3 h3, #plants4 h3, #audio1 h3, #audio2 h3, #audio3 h3  {
  padding: .5em 0;
  margin: 0;
}
/* line 216, sass/styles.scss */
#plants1 #plantContainer1, #plants2 #plantContainer2, #plants3 #plantContainer3, #plants4 #plantContainer4, #audio2 #audioContainer2, #audio3 #audioContainer3, #audio1 #audioContainer1 {
  overflow: auto;
  margin-bottom: 2em;
}
/* line 217, sass/styles.scss */
#plants1 #plantContainer1 ul, #plants2 #plantContainer2 ul, #plants3 #plantContainer3 ul, #plants4 #plantContainer4 ul, #audio2 #audioContainer2 ul, #audio3 #audioContainer3 ul, #audio1 #audioContainer1 ul {
  overflow-x: scroll;
  float: left;
  list-style-type: none;
  width: auto;
  margin: 0;
  margin-right: -999em;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  /* line 217, sass/styles.scss */
  #plants1 #plantContainer1 ul, #plants2 #plantContainer2 ul, #plants3 #plantContainer3 ul, #plants4 #plantContainer4 ul, #audio2 #audioContainer2 ul, #audio3 #audioContainer3 ul, #audio1 #audioContainer1 ul {
    margin-left: -400px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 217, sass/styles.scss */
  #plants1 #plantContainer1 ul, #plants2 #plantContainer2 ul, #plants3 #plantContainer3 ul, #plants4 #plantContainer4 ul, #audio2 #audioContainer2 ul, #audio3 #audioContainer3 ul, #audio1 #audioContainer1 ul {
    margin-left: -150px;
  }
}
@media only screen and (max-width: 400px) {
  /* line 217, sass/styles.scss */
  #plants1 #plantContainer1 ul, #plants2 #plantContainer2 ul, #plants3 #plantContainer3 ul, #plants4 #plantContainer4 ul, #audio2 #audioContainer2 ul, #audio3 #audioContainer3 ul, #audio1 #audioContainer1 ul {
    margin-left: -190px;
  }
}
@media only screen and (max-width: 360px) {
  /* line 217, sass/styles.scss */
  #plants1 #plantContainer1 ul, #plants2 #plantContainer2 ul, #plants3 #plantContainer3 ul, #plants4 #plantContainer4 ul, #audio2 #audioContainer2 ul, #audio3 #audioContainer3 ul, #audio1 #audioContainer1 ul {
    margin-left: -210px;
  }
}
@media only screen and (max-width: 320px) {
  /* line 217, sass/styles.scss */
  #plants1 #plantContainer1 ul, #plants2 #plantContainer2 ul, #plants3 #plantContainer3 ul, #plants4 #plantContainer4 ul, #audio2 #audioContainer2 ul, #audio3 #audioContainer3 ul, #audio1 #audioContainer1 ul {
    margin-left: -230px;
  }
}
/* line 224, sass/styles.scss */
  #plants1 #plantContainer1 ul li, #plants2 #plantContainer2 ul li, #plants3 #plantContainer3 ul li, #plants4 #plantContainer4 ul li, #audio2 #audioContainer2 ul li, #audio3 #audioContainer3 ul li, #audio1 #audioContainer1 ul li {
  float: left;
  margin: 0 20px;
}
/* line 225, sass/styles.scss */
  #plants1 #plantContainer1 ul li a, #plants2 #plantContainer2 ul li a, #plants3 #plantContainer3 ul li a, #plants4 #plantContainer4 ul li a, #audio2 #audioContainer2 ul li a, #audio3 #audioContainer3 ul li a, #audio1 #audioContainer1 ul li a {
  position: relative;
  overflow: hidden;
  display: block;
  white-space: normal;
}
/* line 226, sass/styles.scss */
  #plants1 #plantContainer1 ul li a .photoInfo, #plants2 #plantContainer2 ul li a .photoInfo, #plants3 #plantContainer3 ul li a .photoInfo, #plants4 #plantContainer4 ul li a .photoInfo {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: .8em;
  padding-top: 5em;
  color: white;
  background: rgba(0, 0, 0, 0.65);
}
@media only screen and (max-width: 768px) {
  /* line 226, sass/styles.scss */
  #plants1 #plantContainer1 ul li a .photoInfo, #plants2 #plantContainer2 ul li a .photoInfo, #plants3 #plantContainer3 ul li a .photoInfo, #plants4 #plantContainer4 ul li a .photoInfo {
    padding-top: 1em;
  }
}
/* line 229, sass/styles.scss */
#plants1 #plantContainer1 ul li a .photoInfo h5, #plants2 #plantContainer2 ul li a .photoInfo h5, #plants3 #plantContainer3 ul li a .photoInfo h5, #plants4 #plantContainer4 ul li a .photoInfo h5 {
  color: white;
  line-height: 120%;
}
@media only screen and (max-width: 768px) {
  /* line 229, sass/styles.scss */
  #plants1 #plantContainer1 ul li a .photoInfo h5, #plants2 #plantContainer2 ul li a .photoInfo h5, #plants3 #plantContainer3 ul li a .photoInfo h5, #plants4 #plantContainer4 ul li a .photoInfo h5 {
    font-size: 90%;
  }
}
/* line 232, sass/styles.scss */
#plants1 #plantContainer1 ul li a .photoInfo p, #plants2 #plantContainer2 ul li a .photoInfo p, #plants3 #plantContainer3 ul li a .photoInfo p, #plants4 #plantContainer4 ul li a .photoInfo p {
  display: none;
  /*height:20px; overflow:hidden; color:$white;*/
}
/* line 235, sass/styles.scss */
#plants1 #plantContainer1 ul li a:hover .photoInfo, #plants2 #plantContainer2 ul li a:hover .photoInfo, #plants3 #plantContainer3 ul li a:hover .photoInfo, #plants4 #plantContainer4 ul li a:hover .photoInfo {
  opacity: 1;
}
/* line 237, sass/styles.scss */
#plants1 #plantContainer1 ul li .desc, #plants2 #plantContainer2 ul li .desc, #plants3 #plantContainer3 ul li .desc, #plants4 #plantContainer4 ul li .desc {
  display: none;
}
/* line 239, sass/styles.scss */
#plants1 #plantContainer1 ul li.show, #plants2 #plantContainer2 ul li.show, #plants3 #plantContainer3 ul li.show, #plants4 #plantContainer4 ul li.show {
  display: inline-block;
  width: 15%;
  margin: 0 1.5%;
}
@media only screen and (max-width: 480px) {
  /* line 239, sass/styles.scss */
  #plants1 #plantContainer1 ul li.show, #plants2 #plantContainer2 ul li.show, #plants3 #plantContainer3 ul li.show, #plants4 #plantContainer4 ul li.show {
    display: block;
    width: 60%;
    max-width: 100%;
    margin: 1em auto;
  }
}
/* line 245, sass/styles.scss */
#plants1 #arrows, #plants2 #arrows, #plants3 #arrows, #plants4 #arrows, #audio2 #arrows, #audio3 #arrows, #audio1 #arrows {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  /* line 247, sass/styles.scss */
  #plants1 #arrows .columns:first-of-type, #plants2 #arrows .columns:first-of-type, #plants3 #arrows .columns:first-of-type, #plants4 #arrows .columns:first-of-type {
    text-align: right;
  }
  /* line 248, sass/styles.scss */
  #plants1 #arrows .columns:first-of-type img, #plants2 #arrows .columns:first-of-type img, #plants3 #arrows .columns:first-of-type img, #plants4 #arrows .columns:first-of-type img, #audio2 #arrows .columns:first-of-type img, #audio3 #arrows .columns:first-of-type img, #audio1 #arrows .columns:first-of-type img {
    padding-right: 2rem;
  }
  /* line 250, sass/styles.scss */
  #plants1 #arrows .columns:last-of-type, #plants2 #arrows .columns:last-of-type, #plants3 #arrows .columns:last-of-type, #plants4 #arrows .columns:last-of-type, #audio2 #arrows .columns:last-of-type, #audio3 #arrows .columns:last-of-type, #audio1 #arrows .columns:last-of-type {
    text-align: left;
  }
  /* line 251, sass/styles.scss */
  #plants1 #arrows .columns:last-of-type img, #plants2 #arrows .columns:last-of-type img, #plants3 #arrows .columns:last-of-type img, #plants4 #arrows .columns:last-of-type img, #audio2 #arrows .columns:last-of-type img, #audio3 #arrows .columns:last-of-type img, #audio1 #arrows .columns:last-of-type img {
    padding-left: 2rem;
  }
}
/* line 256, sass/styles.scss */
#plants1 .fancybox-title, #plants2 .fancybox-title, #plants3 .fancybox-title, #plants4 .fancybox-title {
  font-size: 50%;
}
/* line 257, sass/styles.scss */
#plants1 .fancybox-title-float-wrap h5, #plants2 .fancybox-title-float-wrap h5, #plants3 .fancybox-title-float-wrap h5, #plants4 .fancybox-title-float-wrap h5 {
  color: white;
}


/*--- Added Styles outside of SASS ---*/
audio {
    width: 100%;
}
.row.body .imgSide {
  clear: right;
}