/**
 * @file
 * CSS for articles.
 */

/* Article & external / republished content
 ******************************************************************************/
h1.article-title {
  font-size: 3.2em;
  line-height: 1.1;
  margin: 0 0 25px 0;
}
.node-type-video .author,
.node-type-video #main-content .social-media,
.node-type-article .author,
.node-type-article #main-content .social-media,
.node-type-audio .author,
.node-type-audio #main-content .social-media,
.node-type-external-content .author,
.node-type-external-content #main-content .social-media,
.node-type-testimonial .author,
.node-type-testimonial #main-content .social-media,
.node-type-lesson .author,
.node-type-lesson #main-content .social-media {
  float: left;
  width: 100px;
}
.node-type-video .node-content,
.node-type-article .node-content,
.node-type-audio .node-content,
.node-type-external-content .node-content,
.node-type-testimonial .node-content,
.node-type-lesson .node-content {
  margin-left: 120px;
}
.node-type-page .node-container,
.node-type-video .node-container,
.node-type-article .node-container,
.node-type-audio .node-container,
.node-type-external-content .node-container,
.node-type-testimonial .node-container,
.node-type-audio .node-container,
.node-type-lesson .node-container {
  padding-right: 25px;
  padding-left: 25px;
}
.node-type-page .node-container {
  padding-left: 15px;
}
.node-type-video .links-container,
.node-type-article .links-container,
.node-type-audio .links-container,
.node-type-external-content .links-container,
.node-type-testimonial .links-container,
.node-type-lesson .links-container {
  margin-left: 120px;
  margin-top: 40px;
  font-size: 1.15em;
}
.node-type-audio .links-container {
  margin-left: 0;
}
.node-type-external-content .external-content-source {
  font-size: 1.15em;
  margin-bottom: 1em;
}
.node-type-external-content .external-content-source span {
  display: inline-block;
  padding: .5em;
  border: 2px solid #ddd;
}
.node-type-video .links-container span,
.node-type-article .links-container span,
.node-type-audio .links-container span,
.node-type-external-content .links-container span,
.node-type-testimonial .links-container span,
.node-type-lesson .links-container span {
  font-size: 14px;
  color: #777;
  text-transform: uppercase;
}
.node-type-video .links-container i,
.node-type-article .links-container i,
.node-type-audio .links-container i,
.node-type-external-content .links-container i,
.node-type-testimonial .links-container i,
.node-type-lesson .links-container i {
  margin-right: 5px;
}
.node-summary {
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.35em;
  color: #555;
  margin-bottom: 23px;
}
.node-teaser .node-summary {
  font-size: 1em;
}
.field-name-body {
  font-family: 'Oxygenregular';
  font-size: 1.15em;
  color: #555;
}
.field-name-body p,
.field-name-body li,
.node-type-article .field-name-body p,
.node-type-article .field-name-body li,
.node-type-audio .field-name-body p,
.node-type-audio .field-name-body li,
.node-type-external-content .field-name-body p,
.node-type-external-content .field-name-body li,
.node-type-testimonial .field-name-body p,
.node-type-testimonial .field-name-body li,
.node-type-lesson .field-name-body p,
.node-type-lesson .field-name-body li {
  line-height: 1.7em;
  margin-bottom: 15px;
}
.gallery {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  background: rgba(0,0,0,0.85);
}
.gallery-next,
.gallery-prev {
  cursor: pointer;
  position: absolute;
  color: #fff;
  top: 43%;
  font-size: 3em;
  opacity: 0.5;
  -webkit-transition: opacity 0.375s;
  -moz-transition: opacity 0.375s;
  -ms-transition: opacity 0.375s;
  -o-transition: opacity 0.375s;
  transition: opacity 0.375s;
}
.gallery-next:hover,
.gallery-prev:hover {
  opacity: 1;
}
.gallery-prev {
  left: 0.75em;
}
.gallery-next {
  right: 0.75em;
}
.gallery i.loading {
  color: #ccc;
  position: absolute;
  top: 49%;
  left: 49%;
}
.gallery .first-image {
  margin: 0 auto;
}
.gallery img.first-image {
  width: 100%;
}
.gallery,
.gallery .first-image,
.gallery .caption-box,
.gallery .thumbnail-box {
  -webkit-transition: height 0.35s, bottom 0.35s;
  -moz-transition: height 0.35s, bottom 0.35s;
  -ms-transition: height 0.35s, bottom 0.35s;
  -o-transition: height 0.35s, bottom 0.35s;
  transition: height 0.35s, bottom 0.35s;
}
.caption-box {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  height: auto;
  min-height: 40px;
}
.caption-box .caption {
  color: rgba(255,255,255,0.9);
  float: left;
  font-weight: 300;
  text-align: left;
  margin: 11px 0 10px 10px;
  font-family: 'Oxygenregular';
  width: 75%;
}
.caption-box .controls {
  float: right;
  margin: 11px 10px 0 0;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  font-size: 0.85em;
  cursor: pointer;
}
.gallery .caption-box {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.gallery .thumbnail-box {
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: -100px;
}
.gallery .caption-box.open {
  bottom: 100px;
}
.gallery .thumbnail-box.open {
  bottom: 0;
}
.gallery .thumbnail-box .left {
  width: 55px;
  height: 100%;
  float: left;
  margin-top: 0;
  position: relative;
  z-index: 10;
  box-shadow: inset 10px 0 10px -8px rgba(0,0,0,0.5);
}
.gallery .thumbnail-box .right {
  width: 55px;
  height: 100%;
  float: right;
  margin-top: 0;
  position: relative;
  z-index: 10;
  box-shadow: inset -10px 0 10px -8px rgba(0,0,0,0.5);
}
.gallery .thumbnail-box .box-inner {
  overflow: hidden;
  position: relative;
  top: -100px;
  z-index: 8;
  width: 100%;
  min-width: 100%;
}
.gallery .crop {
  width: 75px;
  height: 75px;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.gallery .crop img {
  width: auto;
  height: 100%;
  max-width: 300%;
}
.not-front .right h3 {
  font-size: 0.85em;
  float: right;
}
.not-front .right h3 i {
  border: 2px solid #FFF;
  border-radius: 50%;
  padding: 2px 2px 2px 4px;
}
.thumbnail-box {
  position: relative;
  height: 100px;
  width: 100%;
  background: rgba(0,0,0,0.4);
}
.thumbnail-box img {

}

/* Related Posts
 ******************************************************************************/
.node-type-video .related-posts,
.node-type-article .related-posts,
.node-type-audio .related-posts,
.node-type-external-content .related-posts,
.node-type-testimonial .related-posts {
  margin-left: 120px;
  padding-right: 25px;
}
.node-type-video #block-views-related-posts-block-1 {
  clear: both;
}
.node-type-video .related-posts {
  position: relative;
}
.view-related-posts .node-teaser-content,
.view-related-posts .node-teaser-social {
  display: none;
}
.view-related-posts .comments {
  clear: left;
}
.view-related-posts .comment-count {
  margin-bottom: 20px;
}
.view-related-posts .node-teaser {
  margin-bottom: 15px;
  margin-left: 1%;
  margin-right: 1%;
}
.node-type-video .login-register-comments,
.node-type-article .login-register-comments,
.node-type-audio .login-register-comments,
.node-type-external-content .login-register-comments,
.node-type-testimonial .login-register-comments {
  margin-left: 120px;
  margin-top: 50px;
}

/* Call to Action
 ******************************************************************************/
.node-full .call-to-action {
  clear: both;
  padding: 0;
  margin: 20px 0 30px 120px;
  text-align: center;
}
.node-full .call-to-action > div {
  position: relative;
  display: inline-block;
}
.node-full .call-to-action a {
  display: inline-block;
  color: white;
  background: #126d97;
  padding: 10px 15px;
  border-radius: 4px;
  text-transform: uppercase;
}
.node-full .call-to-action a:hover {
  background: #178ec4;
}
.node-full .call-to-action + div.clearfix {
  margin-top: 80px;
  clear: both;
}
.related-posts .author {
  width: auto;
}
.node-content object {
  width: 98%;
  height: 81px;
  margin-bottom: 15px;
}
.node-type-audio #comments {
  margin-left: 0;
  margin-right: 25px;
}
.node-type-audio .field-name-background-image {
  width: 98%;
  margin-bottom: 20px;
}
.node-type-audio object {
  width: 100%;
}
#main-content .author .author-name,
#main-content .author .author-name a {
  line-height: 1.1;
  margin-top: 1em;
  color: #777;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
#main-content .author .time-ago {
  color: #aaa;
  font-weight: 100;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.node-type-audio #main-content .author .time-ago {
  border: none;
}