/**
 * @file
 * Visual styles for Bootstrap Barrio's node component.
 */
.node__content {
  margin-top: 0;
}
.node {
  /*.links.nav {
      justify-content: flex-end;
      @extend .text-uppercase;
  }*/
}

.post-thumbnail {
  width: 100%;
}
.post-thumbnail img {
  margin: 0;
  width: 100%;
  height: auto;
}

/*.node-readmore a,
a.node-readmore {
  @extend .btn;
  @extend .btn-primary;
}*/
/*.post-content header {
  margin-bottom: 1rem;
}*/
/*.post-thumbnail {
  margin-bottom: $spacer;

  .field {
    display: block;
    position: relative;
    width: 100%;
    height:100%;
    max-height: 500px;
    overflow: hidden;
  }

  img {
    @extend .img-fluid;
    width: 100%;
    min-width: 100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0;
  }

  a {
    &:hover,
    &:focus {
      img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
  }
}

.post-thumbnails {
  ul {

    .list-inline-item:not(:last-child) {
      margin: 0 10px 15px 0;
      padding: 0;
    }
  }
}

.card {
  .post-thumbnail {
    margin-bottom: 0;
  }

  .node__content {
    line-height: normal;
    font-size:$font-size-sm;
  }
}

.node--view-mode-teaser  {
  h2 {
    padding-top: 0;
    margin-top: -5px;
  }

  .post-block {
    @include make-row();
  }

  .post-thumbnail {
    @include make-col-ready();

    @include media-breakpoint-up(md) {
      @include make-col(2);
    }
    @include media-breakpoint-up(lg) {
      @include make-col(3);
    }
  }

  .post-content {
    @include make-col-ready();

    @include media-breakpoint-up(md) {
      @include make-col(10);
    }
    @include media-breakpoint-up(lg) {
      @include make-col(9);
    }
  }
}

@media all and (min-width: 560px) {
  .node .post-thumbnail .field--type-image {
    float: none;
  }
}
*/
/*.view .node--view-mode-card {
  height:100%;
  padding-bottom: 20px;

  .card {
    height: 100%;
  }
}*/
/* View mode teaser styles. */
.node--view-mode-teaser {
  border-bottom: var(--cl-border-width) solid var(--cl-border-color);
  margin-bottom: var(--cl-spacer);
  padding-bottom: var(--cl-spacer);
}

.node--view-mode-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}

.node--view-mode-teaser.node--sticky {
  background: #f9f9f9;
  background: rgba(0, 0, 0, 0.024);
  border: var(--cl-border-width) solid var(--cl-border-color);
  padding: 0 var(--cl-spacer) var(--cl-spacer);
}

.node--view-mode-teaser .node__content {
  clear: none;
}

/* Unpublished node styles. */
.node--unpublished {
  padding: var(--cl-spacer) var(--cl-spacer) 0;
}

.node--unpublished .comment-text .comment-arrow {
  border-left: var(--cl-border-width) solid #fff4f4;
  border-right: var(--cl-border-width) solid #fff4f4;
}
/*# sourceMappingURL=node.css.map */