/* Global */
:root {
    --red:#9e1b32;
    --blue-text:#144e84;
    --blue-dark:#113b6f;
    --blue-darkness:#21252c;
    --gray-light:#d9d9d9;
}

/* Header ====================== */
#news-header form #category {
    width: 100%;
    padding: .4rem 0rem;

    border: 0 none;
    border-bottom: 4px solid var(--blue-dark);

    outline: none;
    cursor: pointer;

    background: transparent;

/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}
#news-header form #category,
#news-header form #category:hover {
    color:var(--red);
}
#news-header form #category::placeholder {
    display: block;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: var(--blue-text);
}
#news-header form label {
    display: block;
    border:2px solid var(--gray-light);
    border-radius:4px;
}
#news-header form label * {
    padding: .25rem .5rem;
    border:0 none;
    background:transparent;
    outline:none;
}
#news-header form button {
    cursor:pointer;
}

/* Content ====================== */
#news-content article {
    padding-bottom:2.5rem;
    border-bottom: 1px solid var(--red);
}
#news-content article strong {
    display: block;
    margin-bottom: 1.25rem;
    font-size: .8rem;
    color:var(--red);
}
#news-content article h1,
#news-content article h2,
#news-content article h3,
#news-content article h4,
#news-content article h5,
#news-content article h6 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--blue-text);
    margin-bottom: 1.25rem;
}
#news-content article h1 {
    font-size: 1.8rem;
}
#news-content article h2 {
    font-size: 1.7rem;
}
#news-content article h3 {
    font-size: 1.6rem;
}
#news-content article h5 {
    font-size: 1.4rem;
}
#news-content article h6 {
    font-size: 1.3rem;
}
#news-content article p {
    font-size:1rem;
    line-height: 1.25rem;
    color:var(--blue-darkness);
    margin-bottom: 1.9rem;
}
#news-content article > a {
    padding:.25rem 4rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9rem;
    border-radius: 4px;
    border:2px solid var(--red);
    background: transparent;
    color:var(--red);
}
#news-content article .alignleft {
    float: left;
}
#news-content article .alignright {
    float: right;
}
#news-content article img.alignleft {
    margin-right: 25px;
}
#news-content article img.alignright {
    margin-left: 25px;
}
#news-content article .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#news-content article img {
    margin-bottom: 25px;
}
/* Páginação */
#news-paginate nav a {
    font-size: .75rem;
    text-decoration: underline;
    color:var(--blue-darkness);
}
#news-paginate nav a.active {
    font-weight: 600;
}

/* Sinlge ====================== */
#news-content .news-single > strong {
    font-size:1rem;
    color: var(--blue-text);
}
#news-content .news-single p > a {
    font-weight: 500;
    text-decoration: underline;
    color: var(--blue-text);
}
.social {
    display: flex;
}
.social a {
    display: inline-block;
    padding:.01rem .4rem;

    text-decoration: none;
    color:white;

    background: var(--blue-dark);
    border-radius:3px;
}
.social a + a {
    margin-left:4px;
}
.social a > i {
    font-size: .75rem;
}

/* Responsive ==================== */
@media (min-width:1100px) {
    #news-header form #category {
        max-width: 300px;
    }
    #news-header form label {
        display: inline-block;
    }
}