Your IP : 216.73.216.84

Current Path : /home/helpink/www/media/astroid/assets/vendor/astroid/scss/joomla/
Upload File :
Current File : /home/helpink/www/media/astroid/assets/vendor/astroid/scss/joomla/_com_content.scss

.blog {
  .cat-children + .blog-items, .blog-items + .blog-items {
    margin-top: 3rem;
  }
  .item-content.border-top {
    > div {
      margin-top: -1px;
    }
  }
  .items-leading {
    .blog-item + .blog-item {
      margin-top: var(--bs-gutter-x);
    }
  }
  .items-more {
    margin-top: 2rem;
  }
  .item-image {
    margin-bottom: 1.5rem;
  }
  .readmore {
    margin-bottom: 0;
  }
  .com-content-category-blog__child {
    .item-title {
      .badge {
        font-size: 0.55em;
      }
    }
  }
  .as-blog-overlay {
    .item-image {
      position: relative;
      &:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }
    }
    &.as-overlay-hover {
      .item-image {
        &:after {
          transition: all 500ms ease-in-out;
          opacity: 0;
        }
      }
      .card-img-overlay {
        transition: all 500ms ease-in-out;
        opacity: 0;
      }
      &:hover {
        .item-image {
          &:after {
            opacity: 1;
          }
        }
        .card-img-overlay {
          opacity: 1;
        }
      }
    }
  }
}
.astroid-article-full-image {
  figure {
    margin-bottom: 0;
  }
}
.as-hide-extrafields {
  .fields-container {
    display: none;
  }
}
.as-blog-overlay {
  .item-image {
    margin-bottom: 0;
  }
}
.astroid-img-cover {
  > * {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  @each $breakpoint, $width in $grid-breakpoints {
    @include media-breakpoint-between($breakpoint, breakpoint-next($breakpoint), $grid-breakpoints) {
      @if ($breakpoint == 'xs') {
        &:not(.col-12) {
          > * {
            position: absolute;
            margin-bottom: 0;
          }
        }
      } @else {
        &:not(.col-#{$breakpoint}-12) {
          > * {
            position: absolute;
            margin-bottom: 0;
          }
        }
      }
    }
  }
  img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.astroid-content-media-left {
  .article-icon {
    left: 20px;
    right: auto;
  }
  @each $breakpoint, $width in $grid-breakpoints {
    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
      @if ($breakpoint == 'xs') {
        &:not(.margin-0) {
          padding: 15px 0 15px 20px;
        }
      } @else if ($breakpoint == 'sm') {
        &:not(.margin-#{$breakpoint}-0) {
          padding: 15px 0 15px 20px;
        }
      } @else if ($breakpoint == 'md' or $breakpoint == 'lg') {
        &:not(.margin-#{$breakpoint}-0) {
          padding: 25px 0 25px 30px;
        }
      } @else {
        &:not(.margin-#{$breakpoint}-0) {
          padding: 30px 0 30px 40px;
        }
      }
    }
  }
}
.astroid-content-media-right {
  @each $breakpoint, $width in $grid-breakpoints {
    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
      @if ($breakpoint == 'xs') {
        &:not(.margin-0) {
          padding: 15px 20px 15px 0;
        }
      } @else if ($breakpoint == 'sm') {
        &:not(.margin-#{$breakpoint}-0) {
          padding: 15px 20px 15px 0;
        }
      } @else if ($breakpoint == 'md' or $breakpoint == 'lg') {
        &:not(.margin-#{$breakpoint}-0) {
          padding: 25px 30px 25px 0;
        }
      } @else {
        &:not(.margin-#{$breakpoint}-0) {
          padding: 30px 40px 30px 0;
        }
      }
    }
  }
}
.as-readmore {
  position: relative;
  text-decoration: none;
  font-size: 0.895rem;
  font-weight: bold;
  &:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--bs-border-color);
    transition: transform 0.2s ease;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  &:hover {
    text-decoration: none;
    &:after {
      -ms-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
}

body.rtl {
  .astroid-content-media-left {
    .article-icon {
      left: auto;
      right: 20px;
    }
    @each $breakpoint, $width in $grid-breakpoints {
      @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
        @if ($breakpoint == 'xs') {
          &:not(.margin-0) {
            padding: 15px 20px 15px 0;
          }
        } @else if ($breakpoint == 'sm') {
          &:not(.margin-#{$breakpoint}-0) {
            padding: 15px 20px 15px 0;
          }
        } @else if ($breakpoint == 'md' or $breakpoint == 'lg') {
          &:not(.margin-#{$breakpoint}-0) {
            padding: 25px 30px 25px 0;
          }
        } @else {
          &:not(.margin-#{$breakpoint}-0) {
            padding: 30px 40px 30px 0;
          }
        }
      }
    }
  }
  .astroid-content-media-right {
    .article-icon {
      left: 20px;
      right: auto;
    }
    @each $breakpoint, $width in $grid-breakpoints {
      @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
        @if ($breakpoint == 'xs') {
          &:not(.margin-0) {
            padding: 15px 0 15px 20px;
          }
        } @else if ($breakpoint == 'sm') {
          &:not(.margin-#{$breakpoint}-0) {
            padding: 15px 0 15px 20px;
          }
        } @else if ($breakpoint == 'md' or $breakpoint == 'lg') {
          &:not(.margin-#{$breakpoint}-0) {
            padding: 25px 0 25px 30px;
          }
        } @else {
          &:not(.margin-#{$breakpoint}-0) {
            padding: 30px 0 30px 40px;
          }
        }
      }
    }
  }
}