@import "bootstrap/mixins";
@import "bootstrap/variables";
.content-section{
    padding: 20px 15px 10px;
}
.unit-rating {
    list-style:none;
    height:15px;
    width:100px;
    position:relative;
    background:url(../images/star.png) repeat-x top left;
    margin:0;
    padding:0;
    li{
        text-indent:-90000px;
        border-bottom:0!important;
        float:left;
        margin:0!important;
        padding:0!important;
        width:20px;
        &.current-rating{
            background:url(../images/star.png) left -15px;
            position:absolute;
            height:15px;
            display:block;
            text-indent:-9000px;
            border:0;
            padding:0
        }
        a{
            outline: none;
            display: block;
            width: 20px;
            height: 15px;
            text-decoration: none;
            text-indent: -9000px;
            z-index: 20;
            position: absolute;
            padding: 0;
            top: 0;
            &.r1-unit{
                    left: 0;
                }
            &.r2-unit{
                left:20px;
                &:hover{
                    width:40px;
                }
            }
            &.r3-unit{
                left:40px;
                &:hover{
                    width:60px;
                }
            }
            &.r4-unit{
                left:60px;
                &:hover{
                    width:80px;
                }
            }
            &.r5-unit{
                left:80px;
                &:hover{
                    width:100px;
                }
            }

            &:hover{
                background: url(../images/star.png) 0 -15px;
                z-index: 2;
                left: 0;
            }
        }
    } 
}

.post-cmt-listing{
    
    h3{
        padding:0 15px 20px;
        border-bottom:1px solid lighten($gray-base, 90%);
        font-size: 16px;
        font-weight: $font-weight-bold;
        margin:0;
    }
    .form1{
        max-width: 630px;
        width:100%;
        padding:10px 10px;
        li{
            padding-bottom:20px;
            .mndty{
                color:#ff0000;
            }
        }
    }
}

.share-buttons{
    position: relative;
    .share-icon {
      color: #bbbbbb;
      font-size: 17px;
      position: absolute;
      right: 5px;
      cursor: pointer;
    }
}