@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";
@import "custom/videolisting";
@import "custom/team-block";
@import "custom/news-list";

.media-top-block {
    background: $tertiary;
    @include media-breakpoint-up(md) {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+40,d5edee+40,d5edee+100 */
        background: rgb(255, 255, 255);
        /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(213, 237, 238, 1) 40%, rgba(213, 237, 238, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(213, 237, 238, 1) 40%, rgba(213, 237, 238, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(213, 237, 238, 1) 40%, rgba(213, 237, 238, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5edee', GradientType=1);
        /* IE6-9 */
    }
}

.news-slider {
    &:not(.slick-initialized) {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        .news-slide {
           display: inline-flex!important;
           white-space: normal;
            width: 100%;
        }
    }

    .slick-arrow {
        bottom: rem(55);

        @media (min-width: 1190px) {
            &.slick-prev {
                margin-left: 75px;
            }

            &.slick-next {
                margin-left: 125px;
            }
        }

        @include media-breakpoint-up(md) {
            transform: translate(0) !important;

            &.slick-prev {
                margin-left: 15px;
            }

            &.slick-next {
                margin-left: 60px;
            }
        }

        @include media-breakpoint-down(sm) {
            bottom: rem(30);
        }
    }

    .news-slide {
        .news-slide-content {
            padding-bottom: rem(70);

            @media (min-width: 1190px) {
                padding-right: calc(50vw - 595px);
                padding-left: rem(75);
                padding-bottom: rem(100);
            }

            @include media-breakpoint-up(md) {
                padding-bottom: rem(90);
            }

            .h1 {
                @include media-breakpoint-up(sm) {
                    line-height: rem(50);
                }
            }

            p {
                line-height: rem(21);
            }
        }

        .news-slide-figure {
            .news-tags {
                right: 10px;
                top: 10px;

                .news-type {
                    background-color: #1abc9c;
                }

                .news-by {
                    background-color: #3498db;
                }
            }
        }
    }
}

.scroll-outer {
    @include media-breakpoint-down(md) {
        overflow-x: auto;
    }
}



.gutter {
    &-22_5 {
        margin-left: -22.5px;
        margin-right: -22.5px;

        @include media-breakpoint-down(md) {
            margin-left: -8px;
            margin-right: -8px;
        }

        & > [class*="col"] {
            padding-left: 22.5px;
            padding-right: 22.5px;

            @include media-breakpoint-down(md) {
                padding-left: 8px;
                padding-right: 8px;
            }
        }
    }
}





.company-list {
    @include media-breakpoint-down(xs) {
        img {
            max-width: 26%;
        }
    }
}

.fancybox-inner {
    min-height: 300px;
}

header {
    border-bottom: 1px solid #f2f2f2;
}

.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!important;
        }
    }

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

.related-news-list{
    .related-news-content {
        p{
            line-height: 19px;
            a{
                color: $secondary;
                &:hover{
                    color: $primary;
                    text-decoration: underline;
                }
            }
        }
    }
}
.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;
    }
}