/******************************************************************************/
/******************************************************************************/
/***************************** SINGLE PAGE STYLES *****************************/
/******************************************************************************/

/* 768px and all */
.single-post-container .featured-banner-container {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Post Headers */
.single-post-container .post-category-link a {
  color: #009894;
  font-size: 12px;
}

.single-post-container .post-category-link a:hover {
  color: #008985;
}

.single-post-container .post-heading {
  font-size: 21px;
  line-height: 1.3;
}

/* Post Excerpts */
.single-post-container .post-excerpt {
  font-size: 18px;
  color: #676767;
}

/* Post Author Information */
.single-post-container .post-author-avatar a {
  display: block;
  width: 68px;
  height: 68px;
}

.single-post-container .post-author-avatar .author-image {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 68px;
  height: 68px;
  position: absolute;
  border-radius: 50%;
}

.single-post-container .post-author-profile a {
  color: #009894;
  font-weight: 700;
  font-size: 14px;
}

.single-post-container .post-date {
  font-size: 14px;
}

.single-post-container .post-author-profile a:hover {
  color: #008985;
}

/* Post Share Widgets */
.single-post-container .share-widgets .share-cta {
  font-size: 14px;
  font-style: italic;
}

.single-post-container .share-widgets a {
  font-size: 14px;
  margin-left: 0.6rem;
  padding: 0.4rem 0.2rem 0.2rem 0.2rem;
  color: #2F2F2F !important;
}

.single-post-container .share-widgets a:hover {
  color: #009894 !important;
}

.single-post-container .share-widgets a>span {
  display: none;
}

/* Posts Text Treatments */
.single-post-container .post-content p,
.single-post-container .post-content li {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 1.4em;
}

.single-post-container .post-content li {
  list-style-type: square;
}

.single-post-container .post-content a {
  color: #009894;
}

.single-post-container .post-content a:hover {
  color: #008985;
}

.single-post-container .post-content h2 {
  font-size: 18px;
  margin: 2.0rem auto;
}

/* Post Images */
.single-post-container .post-content figure {
  width: inherit !important;
  margin: 2.0rem auto;
}

.single-post-container .post-content figure img {
  border: 1px solid #E7E7E7;
}

.single-post-container .post-content figure figcaption {
  font-size: 12px;
  margin: 0.8rem auto;
  font-style: italic;
}

.single-post-container .post-content .fb-video.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
  width: 100% !important;
  margin-bottom: 1.4em;
}

.single-post-container .post-content figure figcaption a {
  color: #009894;
}

.single-post-container .post-content figure figcaption a:hover {
  color: #008985;
}

.single-post-container .post-content blockquote {
  margin: 2.0rem auto;
  padding: 0 1.6rem;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}

/* Post Blockquotes */
/* .single-post-container .post-content blockquote::before {
  content: '\201C';
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
} */

.single-post-container .post-content blockquote p {
  font-size: 18px;
  line-height: 1.5;
  font-style: italic;
  /* padding-left: 1rem; */
  /* margin-top: -1rem; */
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

.single-post-container .post-content blockquote p>em::before {
  content: "- ";
}

.single-post-container .post-content blockquote p>em {
  font-size: 14px;
  font-style: italic;
}

.single-post-container .post-content .ttcta {
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
}

/* Featured Image Credits */
.single-post-container .post-content .feature-banner-credit a {
  color: #009894;
}

.single-post-container .post-content .feature-banner-credit a:hover {
  color: #008985;
}
/* Videos You Might Like */
.videos-might-like > .row > .col-md-auto {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}


.videos-might-like .other-posts-thumb a {
  display: block;

}
.videos-might-like .other-posts-thumb figure {
  width: auto !important;
  height: 75px;
  margin: 0;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  
}
.videos-might-like .other-posts-thumb a i {
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  height: 30px;
  line-height: 0;
  padding: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  margin-right: 10px;
  margin-top: 10px;
}
.videos-might-like .other-posts-thumb a:hover i 
{
  background-color: rgba(0, 152, 147, 0.5);
}
.videos-might-like .other-posts-meta h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}


.videos-might-like .other-posts-header a {
  color: #2F2F2F !important;
}

.videos-might-like .other-posts-info p.small-text {
  font-size: 12px;
  margin-bottom: 10px;

  color: #009894;
}

.videos-might-like .other-posts-meta p.small-text a:hover {
  color: #008985;
}
/* Posts You Might Like */
.posts-might-like h4 {
  font-size: 16px;
  color: #009894;
}

.posts-might-like .other-posts-meta p.small-text a {
  color: #009894;
}

.posts-might-like .other-posts-meta p.small-text a:hover {
  color: #008985;
}

.posts-might-like .other-posts-thumb img {
  width: 126px;
  height: 71px;
  overflow: hidden;
}

.posts-might-like .other-posts-meta h3 {
  font-size: 14px;
  line-height: 20px;
}

.posts-might-like .other-posts {
  border-right: 1px solid #E7E7E7;
}

.posts-might-like .other-posts:last-child {
  border-right: 0;
}

.posts-might-like .other-posts-header a {
  color: #2F2F2F !important;
}

.posts-might-like .other-posts-header a:hover {
  color: #008985;
}

.posts-might-like .other-posts-info p.small-text {
  font-size: 12px;
  line-height: 16px;
}
/* Mailing List Section */
.mailing-list-sub .offset-md-1 {
  /* background: rgb(111, 189, 203);
  background: linear-gradient(to bottom right, rgba(111, 189, 203, 1) 0%, rgba(108, 123, 217, 1) 25%, rgba(179, 105, 242, 1) 75%, rgba(111, 192, 166, 1) 100%); */
  min-height: 340px;
  background: rgb(0, 151, 214);
  background: linear-gradient(135deg, rgba(0, 151, 214, 1) 0%, rgba(98, 116, 255, 1) 33%, rgba(124, 98, 255, 1) 66%, rgba(140, 91, 221, 1) 100%);
}

.mailing-list-sub h5 {
  color: #ffffff;
  font-size: 21px;
}

.mailing-list-sub #success_message p {
  font-size: 18px;
  font-weight: 600;
}

.mailing-list-sub #step2 {
  display: flex;
  justify-content: center;
}

.mailing-list-sub .field-container {
  flex-direction: column;
}

.mailing-list-sub label {
  display: none;
}

.mailing-list-sub input {
  font-size: 12px;
  color: #676767;
}

.mailing-list-sub .ctct-form-footer {
  color: #FFFFFF;
  font-size: 10px;
  font-style: italic;
  width: 90%;
  margin: auto;
}

.mailing-list-sub .ctct-form-footer a {
  text-decoration: underline;
  color: #FFFFFF;
}

.mailing-list-sub .ctct-button {
  font-size: 14px;
  padding: 0.375rem 1.5rem;
  width: 60%;
}
/* 767px to 1199px */
@media (min-width: 767px) and (max-width: 1199px) {

}
/* 768px and up */
@media (min-width: 768px) {
  .single-post-container .featured-banner-container {
    width: 100%;
    position: inherit;
    left: inherit;
    right: inherit;
    margin-left: 0;
    margin-right: 0;
  }

  .single-post-container .post-heading {
    font-size: 24px;
    line-height: 1.3;
  }

  .single-post-container .post-excerpt {
    font-size: 16px;
  }

  .single-post-container .post-author-profile a {
    font-size: 14px;
  }

  .single-post-container .post-date {
    font-size: 14px;
  }

  .single-post-container .share-widgets .share-cta {
    font-size: 14px;
    font-style: italic;
  }

  .single-post-container .share-widgets a {
    font-size: 14px;
  }

  .single-post-container .post-content p, .single-post-container .post-content li {
    font-size: 16px;
  }

  .single-post-container .post-content blockquote p {
    font-size: 21px;
  }

  .single-post-container .post-content blockquote p br em {
    font-size: 14px;
  }

  .single-post-container .post-content blockquote::before {
    font-size: 72px;
  }

  .single-post-container .post-content h2 {
    font-size: 21px;
  }

  .single-post-container .post-content figure figcaption {
    font-size: 12px;
  }

  .single-post-container .post-content .ttcta {
    font-size: 16px;
  }

  /* Editor's Picks */
  /* .single-post-container .post-aside .sticky-sidebar {
    padding-top: 10vh;
    z-index: auto;
  } */
  .single-post-container .post-aside .other-posts {
    border-bottom: 1px solid #E7E7E7;
  }

  .single-post-container .post-aside .other-posts:last-child {
    border-bottom: 0;
  }

  .single-post-container .post-aside .other-posts-header h3 {
    font-size: 14px;
  }

  .single-post-container .post-aside .other-posts-meta p.small-text {
    font-size: 12px;
  }

  .single-post-container .post-aside .other-posts-meta p.small-text a {
    color: #009894;
  }

  .single-post-container .post-aside .other-posts-meta p.small-text a:hover {
    color: #008985;
  }

  .single-post-container .post-aside .other-posts-header a:hover {
    color: #008985;
  }

  .videos-might-like .other-posts-meta a h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
  }

  .videos-might-like .other-posts-thumb figure {
    width: 161px !important;
    height: 91px;
  }

  .videos-might-like .other-posts-info p.small-text {
    margin-bottom: 12px;
  }
  
  .posts-might-like h4 {
    font-size: 16px;
  }

  .posts-might-like .other-posts-meta h3 {
    font-size: 14px;
  }

  .posts-might-like .other-posts-info p.small-text {
    font-size: 12px;
  }

  


  .mailing-list-sub .row.fields {
    width: 90%;
    margin: auto;
  }
  .mailing-list-sub h5 {
    font-size: 21px;
    color: #ffffff;
    width: 45%;
    margin: auto;
  }
  .mailing-list-sub .field-container {
    flex-direction: row;
  }

  .mailing-list-sub .field-container p {
    width: 30%;
  }

  .mailing-list-sub input {
    font-size: 12px;
  }

  .mailing-list-sub .ctct-form-footer {
    font-size: 10px;
    width: 65%;
    margin: auto;
  }

  .mailing-list-sub .ctct-button {
    font-size: 14px;
    width: 100%
  }
}