@charset "UTF-8";
/* line 20, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main {
  border-bottom: 30px solid #404040;
  color: #575757;
}
/* line 24, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main nav.smartphone-nav {
  display: none;
}
/* line 28, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content {
  max-width: none;
}
/* line 31, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content,
.page-homepage #main #content .creature-description p,
.page-homepage #main #content .views-row .views-field,
.page-homepage #main #content .button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}
/* line 40, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content h3,
.page-homepage #main #content .views-row .views-field-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  margin: 0;
}
/* line 47, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content h3 a,
.page-homepage #main #content .views-row .views-field-title a {
  background-image: none;
  padding: 0;
}
/* line 53, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content h2 {
  font-size: 32px;
  line-height: 35px;
  font-weight: 300;
  margin: 0;
}
/* line 60, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .button,
.page-homepage #main #content .views-row .views-field-name,
.page-homepage #main #content strong,
.page-homepage #main #content b {
  font-weight: 500;
}
/* line 67, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content p {
  margin: 0;
}
/* line 73, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #stay-connected input[type="submit"], .page-homepage #main #content #stay-connected input[type="submit"]:hover,
.page-homepage #main #content .button,
.page-homepage #main #content .button:hover {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #e05920 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  text-align: center;
  display: inline-block;
  border: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  background-color: #f27134;
  text-align: center;
  padding: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* line 73, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #stay-connected input[type="submit"], .page-homepage #main #content #stay-connected input[type="submit"]:hover,
  .page-homepage #main #content .button,
  .page-homepage #main #content .button:hover {
    padding-top: 8px;
  }
}
/* line 577, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #stay-connected input[type="submit"], .page-homepage #main #content #stay-connected input[type="submit"] a, .page-homepage #main #content #stay-connected input[type="submit"]:hover, .page-homepage #main #content #stay-connected input[type="submit"]:hover a,
.page-homepage #main #content .button,
.page-homepage #main #content .button a,
.page-homepage #main #content .button:hover,
.page-homepage #main #content .button:hover a {
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
/* line 588, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #stay-connected input[type="submit"] a, .page-homepage #main #content #stay-connected input[type="submit"]:hover a,
.page-homepage #main #content .button a,
.page-homepage #main #content .button:hover a {
  display: block;
}
/* line 83, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #stay-connected input[type="submit"], .page-homepage #main #content #stay-connected input[type="submit"] a, .page-homepage #main #content #stay-connected input[type="submit"]:hover, .page-homepage #main #content #stay-connected input[type="submit"]:hover a,
.page-homepage #main #content .button,
.page-homepage #main #content .button a,
.page-homepage #main #content .button:hover,
.page-homepage #main #content .button:hover a {
  color: #ffffff !important;
  background-image: none !important;
}
/* line 90, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #stay-connected input[type="submit"]:hover,
.page-homepage #main #content .button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 95, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content input {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* line 28, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 28, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 113, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .panel-pane {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
/* line 122, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .node-homepage,
.page-homepage #main #content #people-description,
.page-homepage #main #content .pane-testimonials-related {
  display: none;
}
/* line 128, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .creature {
  width: 100%;
  clear: both;
  overflow: hidden;
}
/* line 133, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .creature .creature-description,
.page-homepage #main #content .creature img {
  position: relative;
  width: 50%;
  margin: 0;
  padding: 0;
}
/* line 141, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .creature .creature-description {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: normal;
  z-index: 2;
}
/* line 146, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .creature .creature-description h2, .page-homepage #main #content .creature .creature-description p {
  width: 100%;
}
/* line 150, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .creature .creature-description a {
  color: #f27134;
  font-weight: 500;
}
/* line 156, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .creature img {
  z-index: 1;
}
/* line 161, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content .proto-slideshow {
  max-width: none;
  width: 100%;
  background-color: #1a1a1a;
}
/* line 167, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero {
  max-width: inherit;
  line-height: 0;
}
/* line 171, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero .flex-control-paging {
  display: block;
  bottom: 20px;
}
/* line 175, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero .flex-control-paging li a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.5);
}
/* line 179, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero .flex-control-paging li a:hover {
  background: rgba(255, 255, 255, 0.7);
}
/* line 183, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero .flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
}
/* line 189, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero img {
  width: 100%;
}
/* line 192, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero img.tablet-desktop {
  display: block;
}
/* line 196, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #hero img.smartphone {
  display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* line 203, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #hero img.tablet-desktop {
    display: none;
  }
  /* line 207, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #hero img.smartphone {
    display: block;
  }
}
/* line 214, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors {
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: auto;
  width: 100%;
}
/* line 220, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors h3 a {
  color: #186aa8;
}
/* line 224, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors #first-entity-silhouette {
  display: none;
}
/* line 228, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts, .page-homepage #main #content #animal-ambassadors > img,
.page-homepage #main #content #animal-ambassadors .webcams {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
/* line 235, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts {
  border: 2px solid #f1f1f1;
  padding: 20px;
  width: 460px;
}
/* line 240, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts h2 {
  margin-bottom: 20px;
}
/* line 244, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul {
  list-style: none;
  padding: 0;
}
/* line 248, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li {
  display: inline-block;
  clear: none;
  float: none;
  vertical-align: top;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
/* line 258, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li h3 {
  font-weight: 400;
  color: #2793ce;
  margin: 0;
}
/* line 264, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li p {
  margin: 0;
}
/* line 268, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li .button {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 273, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li:nth-child(odd) {
  padding-right: 10px;
}
/* line 277, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li:nth-child(even) {
  padding-left: 10px;
}
/* line 283, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .nuts-and-bolts .flexslider {
  margin-bottom: 20px;
}
/* line 288, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors > img {
  width: 42%;
  max-width: 800px;
  pointer-events: none;
  z-index: 99;
  margin-left: -40px;
}
/* line 296, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #animal-ambassadors .webcams {
  z-index: 100;
  position: absolute;
  top: 70px;
  right: 20px;
  width: 220px;
}
/* line 305, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #entities {
  width: 100%;
  max-width: inherit;
  overflow: visible;
}
/* line 310, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #entities .view-container {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
/* line 316, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #entities .view-container .views-row {
  position: relative;
  margin-bottom: 40px !important;
}
/* line 320, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #entities .view-container .views-row .views-field-field-hero-region a {
  display: block;
}
/* line 324, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #entities .view-container .views-row .views-field:last-child {
  margin-bottom: 0;
}
/* line 332, ../../sass/calacademy/page-homepage.scss */
.hide-first-entity .page-homepage #main #content #entities .views-row-1 .views-field-field-hero-region {
  visibility: hidden;
}
/* line 337, ../../sass/calacademy/page-homepage.scss */
.hide-first-entity .page-homepage #main #content #entities .views-row-1 #silhouette {
  position: absolute;
  z-index: -1;
  right: 0;
  width: 50vw;
  min-width: 800px;
  max-width: 800px;
  top: -2%;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 337, ../../sass/calacademy/page-homepage.scss */
  .hide-first-entity .page-homepage #main #content #entities .views-row-1 #silhouette {
    top: 14%;
    min-width: 450px;
    max-width: 450px;
  }
}
/* line 357, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science {
  max-width: inherit;
  background-color: #1a1a1a;
  color: #ffffff;
  margin-top: 20px;
  height: 75vh;
  max-height: 600px;
  min-height: 450px;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url("/sites/all/themes/calacademy_zen/images/bg-midfeature-diver.jpg");
  background-position: 66% 28%;
  background-repeat: no-repeat;
}
/* line 372, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
  -webkit-transform: translateY(-65%);
  transform: translateY(-65%);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 960px;
  overflow: auto;
}
/* line 383, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container h2, .page-homepage #main #content #explore-science .container h3 {
  margin: 0;
}
/* line 387, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container .plank {
  float: left;
  width: 30%;
  width: -moz-calc(33.33333% - 40px + 6.66667px);
  width: -ms-calc(33.33333% - 40px + 6.66667px);
  width: -o-calc(33.33333% - 40px + 6.66667px);
  width: -webkit-calc(33.33333% - 40px + 6.66667px);
  width: calc(33.33333% - 40px + 6.66667px);
  margin-top: 40px;
  margin-right: 40px;
}
/* line 394, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container .plank:last-child {
  margin-right: 0;
}
/* line 398, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container .plank p {
  margin-bottom: 20px;
}
/* line 402, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container .plank a {
  color: #f27134;
}
/* line 406, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-science .container .plank h3, .page-homepage #main #content #explore-science .container .plank a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
/* line 415, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library {
  max-width: 960px;
  margin-top: 80px;
}
/* line 419, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description,
.page-homepage #main #content #explore-library .animation {
  width: 50%;
  float: right;
}
/* line 426, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description p {
  margin-top: 4px;
}
/* line 429, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description p.secondary {
  clear: both;
  margin-top: 0;
  padding-top: 20px;
  color: #f27134;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 60px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* line 429, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description p.secondary {
    padding-right: 0;
  }
}
/* line 442, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description p.secondary a {
  font-weight: 700;
}
/* line 448, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description form {
  margin-top: 20px;
}
/* line 71, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input,
.page-homepage #main #content #explore-library .creature-description form textarea,
.page-homepage #main #content #explore-library .creature-description form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
  padding: 8px;
  border: 1px solid #e6e6e6;
  background-color: transparent;
  color: #575757;
}
/* line 76, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="checkbox"],
.page-homepage #main #content #explore-library .creature-description form textarea[type="checkbox"],
.page-homepage #main #content #explore-library .creature-description form select[type="checkbox"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border: 1px solid #999999;
  background-color: #ffffff;
}
/* line 85, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="checkbox"]:checked,
.page-homepage #main #content #explore-library .creature-description form textarea[type="checkbox"]:checked,
.page-homepage #main #content #explore-library .creature-description form select[type="checkbox"]:checked {
  background-color: #186aa8;
  position: relative;
}
/* line 89, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="checkbox"]:checked:after,
.page-homepage #main #content #explore-library .creature-description form textarea[type="checkbox"]:checked:after,
.page-homepage #main #content #explore-library .creature-description form select[type="checkbox"]:checked:after {
  content: '✓';
  position: absolute;
  color: #ffffff;
  font-size: 90%;
  top: 0;
  left: 3px;
}
/* line 98, ../../sass/calacademy/_mixins.scss */
.touch .page-homepage #main #content #explore-library .creature-description form input[type="checkbox"]:checked:after, .touch
.page-homepage #main #content #explore-library .creature-description form textarea[type="checkbox"]:checked:after, .touch
.page-homepage #main #content #explore-library .creature-description form select[type="checkbox"]:checked:after {
  font-size: 100%;
  top: -4px;
  left: 0;
}
/* line 107, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="radio"],
.page-homepage #main #content #explore-library .creature-description form textarea[type="radio"],
.page-homepage #main #content #explore-library .creature-description form select[type="radio"] {
  -moz-appearance: radio;
  -webkit-appearance: radio;
}
/* line 120, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="text"],
.page-homepage #main #content #explore-library .creature-description form input[type="search"],
.page-homepage #main #content #explore-library .creature-description form input[type="email"],
.page-homepage #main #content #explore-library .creature-description form input[type="password"],
.page-homepage #main #content #explore-library .creature-description form textarea {
  line-height: 1.2em;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 130, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form select {
  font-family: 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: hand;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-width: 175px;
  padding-right: 40px;
  background-image: url("/sites/all/themes/calacademy_zen/images/select-arrow-blue.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
}
/* line 432, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form select::-ms-expand {
  display: none;
}
/* line 705, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form select::-moz-focus-inner {
  border: 0;
}
/* line 709, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  /* line 861, ../../sass/calacademy/_mixins.scss */
  .page-homepage #main #content #explore-library .creature-description form select {
    background-image: url("/sites/all/themes/calacademy_zen/images/select-arrow-blue@2x.png");
  }
}
@media only screen and (min-width: 0) {
  /* line 881, ../../sass/calacademy/_mixins.scss */
  .page-homepage #main #content #explore-library .creature-description form select {
    -moz-background-size: 32px 9px;
    -o-background-size: 32px 9px;
    -webkit-background-size: 32px 9px;
    background-size: 32px 9px;
  }
}
/* line 464, ../../sass/calacademy/_mixins.scss */
.lt-ie10 .page-homepage #main #content #explore-library .creature-description form select {
  background-image: none !important;
  padding-right: 8px;
}
/* line 471, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form select:focus {
  border: 1px solid #186aa8;
  -moz-box-shadow: rgba(24, 106, 168, 0.6) 0 0 5px;
  -webkit-box-shadow: rgba(24, 106, 168, 0.6) 0 0 5px;
  box-shadow: rgba(24, 106, 168, 0.6) 0 0 5px;
}
/* line 140, ../../sass/calacademy/_mixins.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="text"]:focus,
.page-homepage #main #content #explore-library .creature-description form input[type="search"]:focus,
.page-homepage #main #content #explore-library .creature-description form input[type="email"]:focus,
.page-homepage #main #content #explore-library .creature-description form input[type="password"]:focus,
.page-homepage #main #content #explore-library .creature-description form textarea:focus,
.page-homepage #main #content #explore-library .creature-description form select:focus {
  border: 1px solid #186aa8;
  -moz-box-shadow: rgba(24, 106, 168, 0.6) 0 0 5px;
  -webkit-box-shadow: rgba(24, 106, 168, 0.6) 0 0 5px;
  box-shadow: rgba(24, 106, 168, 0.6) 0 0 5px;
}
/* line 452, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 461, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library .creature-description form input[type="text"],
.page-homepage #main #content #explore-library .creature-description form input[type="email"] {
  width: 70%;
  width: -moz-calc(75% - 10px);
  width: -ms-calc(75% - 10px);
  width: -o-calc(75% - 10px);
  width: -webkit-calc(75% - 10px);
  width: calc(75% - 10px);
  margin-right: 10px;
}
/* line 469, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #explore-library #frog {
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
/* line 475, ../../sass/calacademy/page-homepage.scss */
.page-homepage #main #content #footer {
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* line 482, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 486, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts {
    width: 100%;
  }
  /* line 490, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li {
    margin: 0;
    padding: 0 !important;
    float: none;
    margin-bottom: 20px;
  }
  /* line 496, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li:last-child {
    margin-bottom: 0;
  }
  /* line 500, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li, .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
  /* line 506, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul li br.style {
    display: none;
  }
  /* line 512, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul.slides li {
    margin-bottom: 0;
  }
  /* line 513, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts ul.slides li a {
    display: inline;
  }
  /* line 523, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors img,
  .page-homepage #main #content #animal-ambassadors .creature-description {
    margin: 0;
  }
  /* line 528, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors img,
  .page-homepage #main #content #animal-ambassadors .webcams {
    width: 50%;
    position: relative;
    top: 0;
    margin: 0;
    margin-top: 40px;
  }
  /* line 537, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .webcams {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
  }
  /* line 544, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #entities .view-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 549, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #entities .view-container .views-row {
    width: 100% !important;
    padding: 0;
  }
  /* line 8, ../../sass/calacademy/page-homepage.scss */
  .hide-first-entity .page-homepage #main #content #entities .view-container .views-row-1 .views-field-field-hero-region, .hide-first-entity .page-homepage #main #content #entities .view-container .views-row-1 .views-field-field-hero-region a {
    visibility: visible;
  }
  /* line 14, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #entities .view-container .views-row-1 #silhouette {
    display: none;
  }
  /* line 558, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-science {
    margin-top: -20px;
    height: inherit;
    max-height: inherit;
  }
  /* line 563, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-science .container {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 570, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-science .container h2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  /* line 575, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-science .container .plank {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 584, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors {
    margin-top: 40px;
  }
  /* line 588, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library {
    margin-top: -40px;
    padding-top: 0;
  }
  /* line 592, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description,
  .page-homepage #main #content #explore-library .animation {
    width: 80%;
    left: 0;
    top: 0;
    margin: 0;
    margin-top: 60px;
  }
  /* line 601, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description {
    float: left;
    width: 100%;
    margin-top: -60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 605, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description h2, .page-homepage #main #content #explore-library .creature-description p {
    width: 70%;
  }
  /* line 614, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description form input[type="text"],
  .page-homepage #main #content #explore-library .creature-description form input[type="email"] {
    width: 65%;
  }
  /* line 618, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description form input[type="submit"] {
    width: 31%;
    width: -moz-calc(35% - 10px);
    width: -ms-calc(35% - 10px);
    width: -o-calc(35% - 10px);
    width: -webkit-calc(35% - 10px);
    width: calc(35% - 10px);
  }
  /* line 624, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .animation {
    width: 45%;
    margin-left: 60px;
  }
  /* line 630, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors,
  .page-homepage #main #content #events,
  .page-homepage #main #content #explore-library {
    margin-bottom: 40px;
  }
  /* line 635, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors h2,
  .page-homepage #main #content #animal-ambassadors .pane-title,
  .page-homepage #main #content #events h2,
  .page-homepage #main #content #events .pane-title,
  .page-homepage #main #content #explore-library h2,
  .page-homepage #main #content #explore-library .pane-title {
    margin-bottom: 10px;
  }
  /* line 641, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content nav {
    display: none;
  }
  /* line 644, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content nav.smartphone-nav {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 651, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors,
  .page-homepage #main #content #entities,
  .page-homepage #main #content #explore-science .container,
  .page-homepage #main #content #explore-library {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 661, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts {
    width: 354px;
  }
  /* line 664, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts li {
    width: 167px;
  }
  /* line 667, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .nuts-and-bolts li .button {
    padding-left: 8px;
    padding-right: 8px;
  }
  /* line 674, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors .webcams {
    width: 167px;
  }
  /* line 678, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #animal-ambassadors > img {
    margin-left: -20px;
  }
  /* line 684, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #entities .views-row-4 {
    margin-right: 0;
  }
  /* line 692, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #main #content #explore-library .creature-description form input[type="text"],
  .page-homepage #main #content #explore-library .creature-description form input[type="email"] {
    width: 65%;
  }
}
@media only screen and (min-width: 2100px) {
  /* line 8, ../../sass/calacademy/page-homepage.scss */
  .hide-first-entity .page-homepage #entities .view-container .views-row-1 .views-field-field-hero-region, .hide-first-entity .page-homepage #entities .view-container .views-row-1 .views-field-field-hero-region a {
    visibility: visible;
  }
  /* line 14, ../../sass/calacademy/page-homepage.scss */
  .page-homepage #entities .view-container .views-row-1 #silhouette {
    display: none;
  }
}
/* line 715, ../../sass/calacademy/page-homepage.scss */
.page-homepage.jelly #main #content #animal-ambassadors img {
  width: 60%;
  left: -12%;
}
/* line 720, ../../sass/calacademy/page-homepage.scss */
.page-homepage.jelly #main #content #animal-ambassadors .creature-description {
  left: 50%;
  top: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 720, ../../sass/calacademy/page-homepage.scss */
  .page-homepage.jelly #main #content #animal-ambassadors .creature-description {
    left: 50%;
    left: -moz-calc(50% + 10px);
    left: -ms-calc(50% + 10px);
    left: -o-calc(50% + 10px);
    left: -webkit-calc(50% + 10px);
    left: calc(50% + 10px);
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* line 720, ../../sass/calacademy/page-homepage.scss */
  .page-homepage.jelly #main #content #animal-ambassadors .creature-description {
    top: 0;
    left: 50%;
    left: -moz-calc(50% + 6px);
    left: -ms-calc(50% + 6px);
    left: -o-calc(50% + 6px);
    left: -webkit-calc(50% + 6px);
    left: calc(50% + 6px);
  }
}