/*--------------------------------------------------------------
Single page-*.php and post-*.php
--------------------------------------------------------------*/

// Featured image
.wp-post-image {
  width: 100%;
}

// Featured full-width- image
.featured-full-width-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

// Pagination
[rel="prev"]:before {
  content: "« ";
}

[rel="next"]:after {
  content: " »";
}


//Blog Post Page
//wpstream_featured_image_banner
.wpstream_featured_image_banner {
  margin: 0 auto 45px auto !important;
  width: 100%;  position: relative;

  .wpstream_featured_image {
    border-radius: 8px;
  
  }
}

.page-for-header-type-2  {
  .wpstream_section.wp-stream-blog-content{
      margin: 105px 0 60px 0px;
      .wpstream_featured_image_banner{
        margin: 0px auto 45px auto !important;
      }
  }
 
}



.wpstream_title_wrapper_simple{
   float: left;
    position: absolute;
    bottom: 45px;
    margin: 0px;
    padding: 0px;
    left: 45px;
    z-index: 10;
}



.wpstream_title_wrapper_simple{
  .wpstream-main-title{
    margin-bottom: 0px;
    color: $anti-flash-white;
  }
  .wpstream_author_wrapper_simple{
    margin-bottom: 10px;
    span{
         color:#f1f1f1
    }
  }
}


.wpstream_author_wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  gap: 15px;

  img {
    object-fit: cover;
    object-position: center;
  }

  span {
    color: $battleship-grey;

    a {
      font-weight: 500;
      color: $argentinian-blue-light;

      &:hover {
        text-decoration-line: underline;
      }
    }
  }
}

//wpstream-single-post-bar
.wpstream-single-post-bar {
  padding: 15px 28px;
  background-color: var( --wpstream-metadata-share-section-background-color ,var(--wpstream-eerie-black) );
  border-radius: 8px;
  margin-bottom: 45px;
  display: inline-block;
  width: 100%;
 
  .wp-stream-list {
    display: flex;
    gap: 5px;
    align-items: center;
    width: auto;
    @media only screen and (max-width: 767px) {
      justify-content: center;
    }

    li {
      padding: 10px 15px;
      display: flex;
      gap: 5px;
      align-items: center;

      &.views-count {
        color: var( --wpstream-metadata-share-text-color, #000000e0 );
      }

      svg {
        flex-shrink: 1;
      }

      .comments-link {
        a {
          transition: unset;
        }
      }
    }
  }

  .wpstream-show-like-dislike-wrapper {
    display: flex;
    gap: 5px;

    .wpstream-like-action,
    .wpstream-dislike-action {
      padding: 10px 15px;
      display: flex;
      align-items: center;
      gap: 5px;
      cursor: pointer;

      svg {
        flex-shrink: 1;
      }
    } 

    .wpstream_already_liked,
    .wpstream_already_disliked {

      #like-stroke,
      #dislike-stroke {
        display: none;
      }

      #like-fill,
      #dislike-fill {
        display: block !important;
      }
    }
  }

  &-top {

  }

  &-bottom {
    margin-bottom: 60px;

    p {
      color: var( --wpstream-metadata-share-text-color, #f1f1f1 );
    }

    .share_unit {
      display: flex;
      align-items: center;
      flex-direction: row;
      gap: 5px;

      a {
        border-radius: 100%;
        padding: 10px;
        color: var(--wpstream-metadata-share-text-color, #f1f1f1);
        svg{
          height: 20px;
          width: 20px;
        }

        &:hover {
          background-color: var(--bs-body-color);
          color: var(--bs-body-bg);
        }
      }
    }
  }


}


.wpstream_featured_action {
  .wp-stream-share-icon-section .wpstream-social-share-main{
        bottom: 100%;
        top:auto;
        margin-bottom: 6px;
        right: 0px;
        left: auto;
  }
}


.wpstream-watch-later-btn {
  .wpstream-watch-later-action {
    @extend .btn-hover-white;
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    gap: 5px;
    align-items: center;
  }
}

.wp-stream-share-icon-section {
  position: relative;

  .wp-stream-share-icon {
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    gap: 5px;
    align-items: center;
    svg{
      height: 21px;
    }
  }

  .wpstream-social-share-main {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 15px 0px;
    margin-top: 6px;
    z-index: 99;
    min-width: 134px;
    max-width: 100%;
    border-radius: 8px;
    background-color: var(--wpstream-bg-share);
    color: var(--bs-body-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}

.share_unit {
  display: flex;
  flex-direction: column;
  gap: 0px;

  a {
    gap: 5px;
    font-size: 15px;
    padding: 8px 15px;
    svg {
      flex-shrink: 0;
      height: 19px;
    }
    &:hover{
        background-color: var(--wpstream-header-menu-item-back-color-hover,var(--argintinian-blue));
        color: var(--wpstream-header-submenu-font-color-hover, var(--wpstream-header-submenu-font-color-hover-default));
      }
  }
}

//wpstream-post-content
.wpstream-post-content {
  & > *:first-child {
    margin-top: unset;
  }

  & > *:last-child {
    margin-bottom: unset;
  }
  p{

  }
  ul,p {
    font-size: 17px;
    color:var(--bs-body-content-color);
    margin-bottom: 2rem;
    line-height: 1.6em;

    &:last-child {
      margin-bottom: unset;
    }
    a{
      text-decoration: underline;
    }
  }

  .wp-block-video,
  .wp-block-embed,
  .wp-block-quote,
  .wp-block-image,
  .wp-block-gallery {
    margin: 2rem 0;
  }

  .wp-block-image {
    img {
      border-radius: 8px;
    }
  }
}

//section author
.page-for-header-type-2 .wpstream_author_section{
  border-radius: 8px;
}

.wpstream_author_section {
  background-color: var(--wpstream-eerie-black);
  padding: 60px 0;

  .wpstream-title-author_section {
    border-top: 1px solid var(--bs-border-separator-color);
    padding-top: 30px;
  }

  .post-categories {
    display: flex;
    flex-direction: column;
    gap: .5rem;

    a {
      font-weight: 400;
      color: $argentinian-blue-light;
      &:hover {
        text-decoration: underline;
      }
    }
  }

  .wpstream-title-author-details-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    p{
     color: var(--bs-body-content-color);
    }
  }
}


.wpstream-author-blog-card-actions{
  display: none;
}


:root.white-theme {
  .wpstream-author-posts {
    .wpstream-blog-card {
      &:hover {
        .wpstream-blog-post-card-title,
        .wpstream-blog-post-card-details {
          color: $anti-flash-white;
        }
      }
    }
  }
}
.wpstream-author-posts {
  .wpstream-blog-card {
    margin: unset;
    padding: 0px;
    transition: all .3s;

    @include media-breakpoint-up("md"){
      .wpstream-author-blog-card-actions {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        margin-left: auto;
        align-self: center;
        padding-right: 1rem;

        .link-to-post {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 32px;
          height: 32px;
          position: relative;
          border-radius: 4px;
          background: rgba(24, 24, 27, 0.75);
          color: $anti-flash-white;

          &:hover {
            background: #0f0f0f;
          }

          svg {
            width: 13px;
            height: 10px
          }
        }
      }
    }

    &:hover {
      background: $jet;
      background: var(--wpstream-hover-secondary-post-blog);
      border-radius: 8px;

      .wpstream-author-blog-card-actions {
        opacity: 1;
        visibility: visible;
      }
    }
  }

  .wpstream-gridcard {
    padding: .5rem;
    flex-direction: row;

    .card-img {
      height: 93px;
      max-width: 168px;
    }
  }
}

.wpstream_related_post,
.wpstream_latest_post,
.wpstream_trending_post {
  .wpstream-grid-main {
    & > .row {
      row-gap: 1rem;
    }
  }

  .wpstream-blog-card {
    margin-bottom: 0;
    margin-top: 0px;
  }
}

//terms
.wpstream-vod-terms-main {
  display: flex;
  flex-direction: column;
  gap: 16px;

  .wpstream-vod-terms-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    .wpstream-vod-terms-title {
      max-width: 212px;
      flex-shrink: 0;
    }

    .wpstream-vod-terms-list {
      flex-grow: 1;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;

      a {
        @extend .btn-tag;
      }
    }

  }
}

//gallery section

  .wpstream-gallery-section{
    float: left;
    width: 100%;
  }

  .wpstream_video_unit_overlay{
    position: absolute;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px; 
    width: 100%;
    height: 100%;
    background-color: #0f0f0f;
    opacity:0;
    z-index: 8;
    transition: all 0.3s;
  }


  
.wpstream_theme_image_generate_fancybox {
  & > .row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }


  .wpstream_video_unit_video_play{
    svg{
        width: 27px;
        height: 27px;
      }
  }

  .wpstream-gallery-items {
    position: relative;
    .wpstream_video_unit_video_play{
      pointer-events: none;
    }
    a {
      display: block;
      position: relative;
      overflow: hidden;

      img {
        object-fit: cover;
      }
    }
   

    &:hover { 
      .wpstream_video_unit_video_play {
        opacity: 1;
        visibility:visible;
        z-index: 9;
        cursor: pointer;
      } 
      .wpstream_video_unit_overlay{
        opacity: 0.3;
        
      }
    
    }

    
  

  }
}





//line section
.wpstream_section-line {
  border-top: 1px solid var(--bs-border-separator-color);
  padding-top: 30px;
}

//broadcaster section
.wpstream_broadcaster_section {
  background-color: var( --wpstream-broadcaster-section-background-color, var(--wpstream-eerie-black) );
  padding: 60px 0px;
  margin: 0px!important;

  .title-more {
    color: var( --wpstream-broadcaster-section-title-color, var(--bs-body-color) );

    & > a {
      color: var( --wpstream-broadcaster-section-link-color, #60AFFF );
      &:hover {
        color: var( --wpstream-broadcaster-section-link-hover-color, #60AFFF );
      }
    }
  }
}

.wpstream-grid-main {
  & > .row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 2rem;
  }
}

.wpstream-author-posts {
  .row {
    margin-top: 0;
  }
}

//Free video collection
.wpstream_player_wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.wpstream-player-details {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(15, 15, 15, 1) 0%, rgba(15, 15, 15, 0.4) 100%);
  opacity: 1;
  transition: 300ms ease;
  pointer-events: none;
}

.wpstream-player-details.play {
  opacity: 0;
}



.single-wpstream_bundles {
  .wpstream_bundble_title_details {
    @media only screen and (min-width: 768px) {
      padding: 20px 40px 125px 40px;
    }
  }



  .wpstream-player-details.playing {
    opacity: 0;
    pointer-events: none;
  }
}