﻿



.news-title {
    text-align: center;
    color: #fff;
    background-color: #494949;
}

.news {
    margin-top: 70px;
    margin-bottom: 70px;
}

.news-area {
    border: 2px solid rgba(73, 73, 73, 0.4);
    border-radius: 4px 4px;
    padding: 5%;
    -webkit-box-shadow: rgba(73, 73, 73, 0.4) 0 10px 6px -6px;
    box-shadow: rgba(73, 73, 73, 0.4) 0 10px 6px -6px;
    background: rgba(182, 182, 182, 0.3);
}
.newsbox {
    border: 2px solid rgba(73, 73, 73, 0.4);
    border-radius: 4px 4px;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 10px;
    max-width: 400px;
    min-width: 250px;
    height: 225px;
    -webkit-box-shadow: rgba(73, 73, 73, 0.4) 0 10px 6px -6px;
    box-shadow: rgba(73, 73, 73, 0.4) 0 10px 6px -6px;
    /*background: rgba(182, 182, 182, 0.3);*/
}
.news-landing{
    max-width: 1400px;
}
.news-title .feat {
    font-size: 130%;
    margin-bottom: 0;
}

.news-landing .head {
    font-weight: 600;
    font-size: 90%;
    margin-top: 5px;
}
/*.newsbox p {
        padding-top: 20px;
        font-size: 70%;
        min-height: 100px;
        text-overflow: ellipsis;
        white-space:pre-wrap;
        overflow: hidden;
    }*/
#back-button input {
    background-color: #494949;
}
#back-button input:hover {
    background-color: #2a2929;
}
.newsbox a {
    position: absolute;
    bottom: 20px;
    color: #ff0000;
    font-weight: 500;
}
    .newsbox p {
        margin-top: 20px;
        font-size: 80%;
        /* hide text if it more than N lines  */
        overflow: hidden;
        /* for set '...' in absolute position */
        position: relative;
        /* use this value to count block height */
        line-height: 1.4em;
        /* max-height = line-height (1.2) * lines max number (3) */
        max-height: 4em;
        /* fix problem when last visible word doesn't adjoin right side  */
        text-align: justify;
        /* place for '...' */
        margin-right: 1em;
        padding-right: 1em;
    }
        /* create the ... */
        .newsbox p:before {
            /* points in the end */
            content: '...';
            /* absolute position */
            position: absolute;
            /* set position to right bottom corner of block */
            right: 0;
            bottom: 0;
        }
        /* hide ... if we have text, which is less than or equal to max lines */
        .newsbox p:after {
            /* points in the end */
            content: '';
            /* absolute position */
            position: absolute;
            /* set position to right bottom corner of text */
            right: 0;
            /* set width and height */
            width: 1em;
            height: 1em;
            margin-top: 0.2em;
            /* bg color = bg color under block */
            background: white;
        }