/* ############## news archive pages css starts here ##################*/
.search-field-holder{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
}
.news-category{
    width:20%;
    padding: 8px;
    font-size:16px;
    outline: none;
    border: 1px solid #e9e9e9;
}
.news-search{

    width:70%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 8px;
    font-size:16px;
    outline: none;
    border: 1px solid #e9e9e9;


}
.srch-btn{
    width:10%;
    background: #e52105;
    outline: none;
    color: white;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}
.news-block{
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    padding: 20px 0;
}
.cap .news-block{
    height:30rem;
}
.news-container .news-txt{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.maxTextNews {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 85px;
    line-height: 2.8rem;

}
.maxTextNews p img{
    display:none;
}
.maxTextNews p{
    margin:0;
}
.news-txt h3{
    margin-top: 5px;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
}
.news-thumb{
    width: 100%;
    position: relative;
    overflow: hidden;

}

.news-thumb img{
    -webkit-transform: scale(1.0) translateY(0);
    transform: scale(1.0) translateY(0);
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: .5s;
}
.news-block:hover .news-thumb img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: .5s;

}
.news-block:hover .news-txt a.rm{
    border: 1px solid #e52105;
    color: white;
    background: #e52105;
}
.news-txt a.rm {
    border: 1px solid #12234a;
    color: #122349;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 37px;
    padding: 0 20px;
    border-radius: 20px;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
}
.news-notice-container{
    padding: 20px;
}

@media (min-width:200px) and (max-width:767px){
    .news-category{
        width: 100%;
        margin-bottom: 15px;
    }
    .news-search {
        width: 85%;
    }
    .srch-btn{
        width:15%;
    }
    .cap .news-block{
        height:auto;
    }
}
/* ############## news archive pages css ends here ##################*/