@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

.news-detail-content {
    .printableArea {
        * {
            font-family: $font-family-sans-serif !important;
        }

        p {
            font-size: 16px !important;
            line-height: 22px !important;
            color: $dark !important;
        }
    }
}
.blog-img{
    margin-top: -50px;
    z-index: 1;
    position: relative;
}
.share-box {
    position: sticky;
    top: 0;
    z-index: 1;
    .IN-widget{
        color: $secondary;
    }
}
.news-list .item img{
        height: 254px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.linkedin-outer{
    top:-7px;
}

//.news-detail-head {
//    position: sticky;
//    top: 0;
//    z-index: 0;
//    transition: all 0.3s ease-in-out;
//
//    &.active {
//        z-index: 9999;
//        // position: fixed;
//        // left: 0;
//        // top: 0;
//        // width: 100%;
//        padding-top: 0 !important;
//        padding-bottom: 0 !important;
//        transition: all 0.3s ease-in-out;
//
//        .container {
//            padding-top: 10px !important;
//            padding-bottom: 10px !important;
//            transition: all 0.3s ease-in-out;
//
//            .news-detail-head-content {
//                .date {
//                    margin-bottom: rem(8) !important;
//                    padding-bottom: 0 !important;
//                }
//
//                .news-title {
//                    margin-bottom: rem(8) !important;
//                }
//            }
//        }
//    }
//}

.share-news-blk {
    .share-list {
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        top: 90%;
        left: 0;
        z-index: 1;
        .IN-widget{
            color: $text-muted;
            padding: 0 .5rem;
            &:hover{
                color: $primary;
            }
        }
    }

    &:hover {
        .share-list {
            visibility: visible;
            opacity: 1;
            top: 100%;
        }
    }
}

.related-news-list {
    h6 {
        line-height: 20px;
    }
    .by-text {
        line-height: 15px;
    }
}

.IN-widget{
    position: relative;
    overflow: hidden;
    &:before{
        font-family: icomoon!important;
        content: "\e902";
    }
    & > span{
        position: absolute;
        opacity: 0;
        left: 0;
    }
    &:hover{
        &:before{
            color: $primary;
        }
    }
}
.news-details-content{
    @include media-breakpoint-up(md){
        margin-top: -56px;
    }
    img{
        max-width: 100%;
        height: auto;
    }
}
.news-responsive-img{
    margin-top: -50px;
}