/* Interior notícia */

body:not(#home) {
    background: none;
    background-color: #ebebeb;
}

#noticia {
    background-color: white;
}

.noticia-cos {
    font-family: "GandhiSerif", Georgia, serif;
    font-size: 20px;
    padding-bottom: 1.5em;
   -moz-font-feature-settings: "liga", "onum";
   -moz-font-feature-settings: "liga=1, onum=1";
    -ms-font-feature-settings: "liga", "onum";
     -o-font-feature-settings: "liga", "onum";
-webkit-font-feature-settings: "liga", "onum";
        font-feature-settings: "liga", "onum";
}

.noticia-cos img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
}

#noticia footer {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding-bottom: 1px;
    padding-top: 15px;
}

#noticia header .nav-meta {
    border-top: 1px solid black;
    margin: 0;
    padding: 13px 0 9px;
}

.nav-meta.element-meta .categoria a {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.titol-int {
    font-size: 36px;   
    line-height: 0.95em;
}

.titol-int-petit + .titol-int {
    margin-top: 4px;
}

#noticia .subtitol-int {
    font-family: "GandhiSerif", Georgia, serif;
    font-size: 26px;
    font-weight: normal;
    color: rosybrown;
    line-height: 1.3em;
    margin-bottom: 1em;
}

#noticia figure {
    margin-bottom: 20px;
}

#noticia figcaption {
    background-color: #cdc5c5;
    padding: 8px 15px;
}

article h3, article h4, article h5, article h6 {
    font-family: "franklin-gothic",sans-serif;
}

#noticia h4 {    
    font-size: 20px;
    font-weight: bold;
    margin-top: 1.5em;
}

#noticia h5 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 1.5em;
}

#noticia h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 1.5em;
}

.noticia-cos li {
    list-style: inside;
}

.noticia-cos li h5 {
    display: inline;
    margin-top: 0 !important;
}

#noticia time {
    font-weight: normal;
}

.dia {
    color: black;
     margin-right: 0.3em;
}

.hora {
    color: gray;
}

/*  Elements meta a l'article
    —————————————–––––––———————————————————————— */

#noticia {
    margin: 0 -15px 20px;
    padding: 6px 20px 20px;
}

header .nav-meta {
    margin: 15px -20px 0;
    padding: 10px 15px 0;
}

#noticia header h2 + .nav-meta {
    margin-top: 0;
}

.nav-meta.element-meta li {
    display: inline;
    color: #57616f;
}

.nav-meta.element-meta a {
    color: black;
    font-size: 12px;
}

.nav-meta.element-meta a:hover {
    color: rosybrown;
}

.nav-meta.element-meta li.comentari {
    padding: 0;
    position: relative;
}

.nav-meta.element-meta li.comentari img {
    margin-right: 5px;
}

.nav-meta.element-meta li.comentaris {
    padding-right: 0;
}

#noticia header .nav-meta.element-meta li.comentaris,
#noticia header .nav-meta.element-meta li.lectures {
    padding-right: 5px;
}

.nav-meta.element-meta a {
    font-size: 16px;
    font-weight: bold;
}

.nav-meta.element-meta .boto-twitter {
    padding: 0;
}

.nav-meta .twitter a,
.nav-meta .fb a,
.nav-meta .gplus a {
    background-color: transparent;
}

.nav-meta.element-meta .botons-social {
    width: inherit;
    text-align: right;
}

.nav-meta.element-meta .boto-social {
    border: none;
}

.nav-meta.element-meta .boto-social:last-child {
    padding: 0;
}

.nav-meta.element-meta .boto-social a {
  padding: 6px 8px;
}

article .botons-social {
    margin: 0;
    margin-right: -15px;
}

article header figure img {
    width: 100%;
}

/* Eines meta */

.eines-meta {
    float: left;
}

.eines-meta a {
    margin-right: 10px;
}

footer .botons-social {
    float: right;
}

/* Noticies relacionades */

.modul-notis,
#notis-relacionades {
    background-color: white;
    padding: 20px;
}

#notis-relacionades {    
    margin: 0 -15px;
}

#notis-relacionades img {
    border: 1px solid #ccc;
    float: right;    
    margin-left: 20px;
    width: 25%;
}

.modul-notis img {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    margin-top: 7px;
    width: 30%;
}

#notis-relacionades .titol-seccio {
    color: #574f4d;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0;
}

.modul-notis li .data,
#notis-relacionades li .data {
    color: #555653;
}

.modul-notis .data {    
    font-size: 14px;
}

#notis-relacionades li .titol {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    line-height: 1.2em;
}

.modul-notis li .titol {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    display: table;
}

.modul-notis li a .titol,
#notis-relacionades li a .titol {
    color: #333;
}

.modul-notis li a,
#notis-relacionades li a {
    overflow: hidden;
    display: block;
}

.modul-notis li a:hover .titol,
#notis-relacionades li a:hover .titol {
    color: rosybrown;
}

.modul-notis li:not(:first-child),
#notis-relacionades li:not(:first-child) {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
}

/* hacks */

#noticia footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#noticia h4.destacat {        
    font-size: 25px;
    line-height: 30px;
    color: rosybrown;
    margin: 15px 0 15px 0;
}

@media (min-width: 768px) {
    #noticia h4.destacat {
        margin: 15px 0 15px 15px;
        float: right;
        width: 375px;
    }
}