﻿/************************ news css **/

.news-feed-feed-example1 {
    max-width: 960px;
    margin: auto;
}

.news-feed i:hover {
    color: #333;
}

.news-feed li {
    color: #EC1D25 !important;
    background: #F2F2F2 !important;
    overflow: hidden !important;
    padding: 10px !important;
    line-height: 16px !important;
    list-style: none !important;
    font-size: 10pt !important;
    text-align: left !important;
    border-bottom: 1px dotted gray !important;
    word-wrap:break-word;
}

    .news-feed li:hover {
        background: #FFF !important;
    }

.news-fb-icon {
    padding: 0px !important;
    margin: 0px 10px 0px 0px !important;
}

.news-feed-link {
    font-size: 12pt !important;
    text-decoration: underline;
}

.news-feed-container
{
    float:left; 
    width: 33%; 
    height: 230px;
}

@media screen and (max-width: 800px) {
.news-feed-container {
    font-size: 10pt !important;
        float:left; 
    width: 50%; 
}
}

@media screen and (max-width: 550px) {
.news-feed-container {
    font-size: 10pt !important;
        float:left; 
    width: 100%; 
}
}

.news-feed-link:hover {
    text-decoration: underline !important;
}


.news-feed-time {
    font-size: 8pt !important;
    margin-bottom: 5px !important;
}


/*****  backend styles ***************/
.fb-feed-setting-container {
    position: relative;
    max-width: 180px;
    width: 175px;
    border: 2px dashed #d9d9d9;
    margin-left: -90px;
    margin-top: 25px;
    left: 50%;
    margin-bottom: 10px;
}

.fb-feed-setting-text {
    margin-top: 10px;
    margin-bottom: 10px;
    color: gray;
}

.fb-feed-textbox {
    text-align: center !important;
    width: 50px !important;
    font-size: 16pt !important;
    margin-bottom: 10px !important;
}
