//
// Misc: Miscellaneous
//

  
  // User block
  .user-block {
    float: right;
  
    img {
      float: right;
    }
  
    .username,
    .description,
    .comment {
      margin-left: unset;
      margin-right: 50px;
    }
  
    &.user-block-sm {
      .username,
      .description,
      .comment {
        margin-left: unset;
        margin-right: 40px;
      }
    }
  }
  
  // Image sizes
  .img-sm,
  .img-md,
  .img-lg {
    float: right;
  }
  
  .img-sm {
    + .img-push {
      margin-left: unset;
      margin-right: 40px;
    }
  }
  
  .img-md {
    + .img-push {
      margin-left: unset;
      margin-right: 70px;
    }
  }
  
  .img-lg {
    + .img-push {
      margin-left: unset;
      margin-right: 110px;
    }
  }
  
  // General attachemnt block
  .attachment-block {
    .attachment-img {
      float: right;
    }
  
    .attachment-pushed {
      margin-left: unset;
      margin-right: 110px;
    }
  }
  
  // Overlays for Card, InfoBox & SmallBox
  .card,
  .overlay-wrapper,
  .info-box,
  .small-box {
    // Box overlay for LOADING STATE effect
    > .overlay,
    > .loading-img {
      left: unset;
      right: 0;
    }
  }
  
  // Ribbon
  .ribbon-wrapper {
    right: unset;
    left: -2px;
  
    &.ribbon-lg {
      .ribbon {
        right: unset;
        left: $ribbon-lg-right;
      }
    }
  
    &.ribbon-xl {
      .ribbon {
        right: unset;
        left: $ribbon-xl-right;
        top:41px;
      }
    }
  
    .ribbon {
      right: unset;
      left: $ribbon-right;
      transform: rotate(-40deg);
  
      &::before {
        left: unset;
        right: 0;
      }
  
      &::after {
        right: unset;
        left: 0;
      }
    }
  }
  
  // Scroll To Top
  .back-to-top {
    right: unset;
    left: 1.25rem;
  }
  

  
  // Blockquotes styles
  blockquote {
    border-left: unset;
    border-right: .7rem solid $primary;
  }