:root {
    --primary-font: "Open Sans", sans-serif;
    --secondary-font: "Open Sans", sans-serif;
}

/* _MoreViews-v2.cshtml*/
.more-views-block {
    padding-bottom: 35px;
}

.more-views-card {
    min-width: 90%;
    position: absolute;
    bottom: 0px;
    right: 20px;
    color: #fff;
    font: normal normal bold 14px/17px var(--secondary-font);
    letter-spacing: 0.7px;
    height: 150px;
}

.more-views-small-card {
    min-width: 90%;
    position: absolute;
    bottom: 5px;
    right: 20px;
    color: #fff;
    font: normal normal bold 14px/17px var(--secondary-font);
    letter-spacing: 0.7px;
    height: 150px;
}

.more-views-card-right {
    min-width: 90%;
    position: absolute;
    bottom: 0px;
    right: 30px;
    color: #fff;
    font: normal normal bold 14px/17px var(--secondary-font);
    letter-spacing: 0.7px;
    height: 150px;
}

.more-views-small-card-right {
    min-width: 90%;
    position: absolute;
    bottom: 5px;
    right: 30px;
    color: #fff;
    font: normal normal bold 14px/17px var(--secondary-font);
    letter-spacing: 0.7px;
    height: 150px;
}

.more-views-data {
    max-height: 150px;
    background-color: rgba(0, 0, 0, .4);
    padding-top: 13px;
}

.more-views-category {
    color: #fff;
    font: normal normal bold 14px/17px var(--secondary-font);
    letter-spacing: 0.7px;
}

.more-views-title {
    color: #fff;
    /*
    font: normal normal bold 18px/24px var(--primary-font);
    letter-spacing: 0px;
    */
}

.more-views-img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.more-views-news {
    position: relative !important;
    width: 100%;
    height: auto;
    /*overflow: hidden;*/
}

.more-views-news-large-left {
    min-height: 350px;
    padding: 0px 5px 0px 15px;
}

.more-views-news-large-right {
    min-height: 350px;
    padding: 0px 15px 0px 5px;
}

.more-views-news-small-left {
    padding: 10px 5px 5px 15px;
    min-height: 290px;
}

.more-views-news-small-center {
    padding: 10px 5px 5px 5px;
    min-height: 290px;
}

.more-views-news-small-right {
    padding: 10px 15px 5px 5px;
    min-height: 290px;
}

.spacer3 {
    height: 3px;
}

.more-views-number {
    position: absolute;
    top: 35px;
    left: 25px;
    color: #CBCBCB;
    font: normal normal bold 90px/36px var(--primary-font);
    letter-spacing: 0.7px;
    height: 134px;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (min-width: 995px) and (max-width: 1195px) {
    .more-views-category {
        font: normal normal bold 12px/17px var(--secondary-font);
    }

    .date {
        font-size: 12px;
    }
    /*
    .more-views-title {
        font: normal normal bold 16px/24px var(--primary-font);
    }
    */
}
@media  screen and (max-width: 600px) {
    /*.mar-left {
        margin-left: 31px;
    }
    .mar-left2 {
        margin-left: 10px;
    }
    .mar-left3 {
        margin-left: 10px;
        margin-right: 5px;
    }*/

    .more-views-small-card-right {
        right:20px;
    }
    .more-views-small-card {
        right: 30px;
    }
    .more-views-small-card2 {
        right: 23px;
    }
}
    @media (max-width: 995px) {
        .more-views-card {
            right: 20px;
            width: 90%;
        }
       
        .more-views-card-right,
        .more-views-small-card,
        .more-views-small-card-right{
            right: 30px;
            width: 90%;
        }

        .more-views-news-large-left {
            padding: 0px 5px 0px 15px;
        }

        .more-views-news-large-right {
            padding: 0px 15px 0px 5px;
        }

        .more-views-news-small-left,
        .more-views-news-small-center,
        .more-views-news-small-right {
            padding: 10px 15px 5px 15px;
        }
    }

    @media (max-width: 991px) {

        .more-views-news-large-left {
            padding: 0px 15px 0px 15px;
        }

        .more-views-news-large-right {
            padding: 10px 15px 0px 15px;
        }

        .more-views-card {
            right: 30px;
        }
    }

    /** _HighlightCategory-v2.cshtml */
    .highlight-row {
        margin: 0px 0px 35px 5px;
    }

.img-category-highlighted {
    position: absolute;
    top: 20px;
    right: 0px;
    color: #fff;
    font: normal normal bold 14px/17px var(--secondary-font);
    letter-spacing: 0.7px;
    height: 90px;
    z-index: -1;
    max-width: 46%;
}

    @media (max-width: 1002px) {
        .img-category-highlighted {
            max-width: 100%;
        }
    }

    .img-high-box {
        bottom: 0;
        height: 100%;
        left: -212px;
        object-fit: cover;
        object-position: center;
        position: relative;
        right: 0;
        top: -18px;
        width: 100%;
        border-radius: 0px;
    }

    .text-high-box {
        margin: 0px 0px 0px 160px;
        min-height: 150px;
        max-height: 160px;
    }

.highlighted-title {
    font: normal normal bold 18px/20px var(--primary-font);
}

.highlighted-span {
    position: absolute;
    bottom: 15px;
    font-size: 12px;
    font: normal normal bold 13px/16px var(--secondary-font);
    color: #919191;
}

    @media (min-width: 991px) {
        .highlight-row {
            display: flex;
        }
    }

    @media (min-width: 991px) and (max-width: 1199px ) {
        .img-category-highlighted {
            right: -50px;
            height: 84px;
        }

        .text-high-box {
            min-height: 140px;
            max-height: 190px;
            margin: 0px 0px 0px 150px;
        }

        .highlighted-title {
            font: normal normal bold 14px/20px var(--primary-font);
        }

        .highlighted-span {
            font: normal normal bold 10px/16px var(--secondary-font);
        }
    }

    @media (min-width: 770px) and (max-width: 991px) {
        .img-category-highlighted {
            right: -155px;
            z-index: 0;
        }

        .text-high-box {
            position: absolute;
            top: 105px;
            right: 10px;
            font: normal normal bold 14px/17px var(--secondary-font);
            letter-spacing: 0.7px;
            margin: 0px 0px 0px 15px;
            min-height: 115px;
            max-height: 160px;
        }

        .highlight-row {
            min-height: 265px;
        }
    }

    @media (max-width: 769px) {
        .highlighted-span {
            position: relative;
        }

        .img-category-highlighted {
            position: relative;
            height: 100%;
        }

        .highlight-row {
            display: block !important;
            position: relative;
        }

        .text-high-box {
            margin: 10px 0px 0px 0px;
        }

        .img-high-box {
            height: auto;
            left: 0px;
        }

        .col-highlight {
            padding: 0px;
        }
    }


a {
    color: initial;
}

a:hover {
    text-decoration: none;
}