@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600,300italic);

body {
    background: #fafafa;
    font-family: 'Open Sans', sans-serif;
}

body .container a {
    color: #f28d1a;
}

body .container footer a {
    color: rgb(51, 51, 51);
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-inverse .navbar-brand a {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
}

.navbar-inverse .navbar-brand em {
    padding-left: 5px;
    padding-top: 8px;
    font-size: 14px;
    color: #f3f4f5;
    font-style: italic;
    font-weight: 300;
}

.jumbotron {
    background-color: #f28d1a;
    padding-top: 5px;
    padding-bottom: 0px;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 10px;
        padding-bottom: 0px;
    }
}

.jumbotron p {
    margin-top: 7px;
}

.jumbotron p,
.jumbotron p a {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
}

.jumbotron p a {
    text-decoration: none;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}

#search-form input[type="search"] {
    background: #FFF;
    font: 18px 'Open Sans', sans-serif;
    border: 0;
    padding: 0px 10px;
    color: #2d2d32;
    outline: none;
}

.form-control {
    min-height: 20px;
    padding: 7px 11px 6px 9px;
    box-shadow: none;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #f28d1a;
    border-color: #f28d1a;
}

table {
    width: 100% !important;
}

#trend,
#fresh,
footer {
    margin-top: 40px;
}

.highlight {
    color: #ffffff;
    background-color: #f28d1a;
}

@media screen and (min-width: 768px) {
    footer p.copyright {
        line-height: 28px;
    }
}

footer p.twitter {
    text-align: right;
}
@media screen and (max-width: 768px) {
    footer p.twitter {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    footer p.copyright small {
        font-size: 70%;
    }
}

@media screen and (max-width: 768px) {
    .pagination > li > a {
        padding: 5px 10px;
    }
}

.glyphicon.glyphicon-grain {
    margin-right: 0.1em;
}