.wp-caption,.wp-caption-text,.sticky,.screen-reader-text,.gallery-caption,.bypostauthor,.alignright,.alignleft,.aligncenter{}

.no-js .top-bar, .no-js.title-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

.index-featured {
  height: 300px;
  width: 100%;
  background-size: cover!important;
}

section#blog article header {
  height: 500px;
  margin-bottom: 2rem;
  background-size: cover!important;
  width: 100%;
  position: relative;
}

section#blog article .blog-comments {
  background-color: #fafafa;
  padding: 4rem 0;
  margin: 4rem 0 0;
}

section#blog article header .blog-title {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  padding: 2rem 4rem;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

@media screen and (max-width: 40em) {
  section#blog article header .blog-title {
    padding: 1rem .5rem;
  }
}

section#blog article header .blog-title h1, section#blog article header .blog-title .entry-meta {
  color: #fff;
}

.widget-container {
  margin: 4rem 0 0;
}

.widget-container h3.widget-title {
  font-family: "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  /*color: white;*/
  font-size: .85rem;
  letter-spacing: .1em;
  margin-bottom: 1rem;
}

.widget-container ul {
  list-style-type: none;
  margin-left: 0;
  font-size: .85rem;
}

.widget-container ul li {
  margin: .6rem 0;
}

.entry-content blockquote {
  font-size: 22px;
  font-style: italic;
  border-left: 1px solid #e0e0e0;
  padding: 0 0 0 20px;
  margin-bottom: 40px;
}

h2.entry-title {
  margin: .5em 0 .2em;
}

.entry-summary p {
  margin-bottom: 100px;
}

.blog section.entry-meta {
  margin-bottom: 1rem;
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
}

.blog section.entry-summary .moretag {
  display: block;
  margin-top: 1rem;
}

.pagination {
  padding: 20px 0;
  font-size: 14px;
  line-height: 13px;
}

.pagination span, .pagination a {
  display: inline;
  margin: 2px 2px 2px 0;
  padding: 9px 12px 8px;
  color: #666;
  border: 2px solid #E0E0E0;
}

.pagination a:hover {
  color: #fff!important;
  background: #0D7EB9;
  border: 2px solid #0D7EB9;
}

.pagination .current {
  background: #0D7EB9;
  color: #fff;
  border: 2px solid #0D7EB9;
  cursor: not-allowed;
}

footer .footer-bottom .copyright {
    color: #495e76;
    line-height: 2.4rem;
}

.callout-card {
  padding: .5rem .75rem 0;
  border: 1px solid #89cff1;
  border-radius: 3px;
  background-color: #f0faff;
  color: #086e9e;
  margin-bottom: 1rem;
}

.callout-card h5 {
  color: #086e9e;
  padding-bottom: .25rem;
  margin-bottom: .75rem;
  border-bottom: 1px solid #89cff1;
  font-weight: 600;
}

.callout-card p {
  font-size: 1rem;
}

.callout-card a {
  color: #086e9e;
}

.callout-card .material-icons {
  font-size: 22px;
  margin-bottom: 4px;
}

.callout-card.help {
  background-color: #edf9f3;
  color: #72808a;
  border-color: #8fdfbb;
}

.callout-card.help h5 {
  color: #72808a;
  border-color: #8fdfbb;
}

.callout-card.help a {
  color: #72808a;
}

footer .footer-bottom .copyright {
  color: #495e76;
  line-height: 2.4rem;
}

.image-block {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  color: #58595b;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin: 4rem 0;
}
.image-block-home {
  margin: 4rem 0 0;
  border-bottom: 0;
}
.image-block .image-area {
  width: 48%;
  max-height: 600px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: transparent;
}
.image-block .text-area {
  width: 52%;
  padding: 3rem;
}

.tri-block {
  margin: 3rem 0;
  display: flex;
}
.tri-block-home {
  margin: 0 0 -3rem;
}
.tri-block .columns {
  padding: 4rem 2rem;
  font-size: 110%;
  color: #fff;
  background-color: #00adff;
}
.tri-block .columns:nth-of-type(2) {
  background-color: #019fea;
}
.tri-block .columns:last-child {
  background-color: #0090d4;
}
.tri-block .columns h3 {
  color: #fff;
}
.tri-block .columns .separator {
  background-color: #57c9ff;
}
.tri-block .columns ul {
  margin-bottom: 40px;
}
.tri-block .columns ul li {
  margin: 8px 0;
}
.tri-block .columns .button.hollow {
  border-color: #fff;
  color: #fff;
}

.callout.small {
  padding: 8rem 1rem 2rem!important;
}

.resources-item a {
  margin: 1rem;
  padding: 1rem;
  display: block;
}
.resources-item a:hover {
  background: rgba(11, 146, 210, 0.05);
  border-radius: 4px;
}
.resources-item a img {
  border: 1px solid #00adff;
  margin-bottom: 1rem;
}
.resources-item a:hover h5 {
  color: #00adff;
}

@media screen and (max-width: 40em) {
  .image-block {
    display: block;
  }
  .image-block .image-area {
    width: 100%;
    height: 400px;
  }
  .image-block .text-area {
    width: 100%;
    display: block;
    padding: 1rem;
  }
  .tri-block {
    display: block;
  }
}
.careers hr {
  margin: 2rem 0 3rem;
}
.careers p {
  margin-bottom: 3rem;
}
.careers h5 {
  margin: 1rem 0;
  font-weight: 600;
}
.careers ul {
  margin-left: 2rem;
}
.careers ul li {
  margin-bottom: 0.5rem;
}
.careers-list > div a {
	color: #222c37;
}
.careers-list > div a:hover {
	color: #00adff;
}


.what-is-fishtree form label {
  color: #fff;
}

.what-is-fishtree form p {
  margin: 0 0 0.25rem;
}

.what-is-fishtree form input.button {
  margin-top: 0.5rem;
  float: right;
}

.what-is-fishtree [type=email], .what-is-fishtree [type=number], .what-is-fishtree [type=text] {
    height: 2.25rem;
    margin: 0 0 0.25rem;
}

.what-is-fishtree.try-fishtree .body-content .body-section {
  margin: 0;
}

ul.checkbox-icon-list.try-fishtree ul li {
  font-size: 1.25rem;
}

.callout.small.try-fishtree {
  background: #00adff;
  background: linear-gradient(0deg,#005780,#0079b3);
  margin-bottom: -3rem;
  padding: 5rem 4rem!important;
}

.callout.small.try-fishtree ul li {
  margin-bottom: 0.75rem;
}

.callout.small.try-fishtree .button {
  margin-top: 2rem;
  margin-bottom: 0;
}

.callout.k-12-callout.medium.simplify-learning {
  padding: 7rem 1rem;
  margin: 4rem 0;
}