/*
 Theme Name:   Público - Strambotic
 Theme URI:    http://blogs.publico.es/
 Description:  Plantilla responsive para Strambotic. Hereda de publico-base.
 Author:       Empírikanet
 Author URI:   http://empirikanet.com/
 Template:     publico-base
 Version:      1.0.0
*/


@import url("../publico-base/style.css");
#main > article > .entry-header > .entry-author {
  background: url(img/bg-header768x206.jpg) center top no-repeat;
  padding-top: 130px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #main > article > .entry-header > .entry-author {
    background-size: cover;
    background: url(img/bg-header.jpg) center top no-repeat;
    padding-right: 25px;
    padding-top: 25px;
    text-align: right;
    height: 200px;    
  }
}

#main > article > .entry-header > .entry-author + h1.entry-title {
  margin-top: 30px;
}

#main > .blog-list-header > .entry-author {
  background: url(img/bg-header768x206.jpg) center top no-repeat;
  padding-top: 130px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #main > .blog-list-header > .entry-author {
    background-size: cover;
    background: url(img/bg-header.jpg) center top no-repeat;
    padding-right: 25px;
    padding-top: 25px;
    text-align: right;
    height: 200px;
  }
}

@media screen and (min-width: 768px) {
  .entry-author .blog-title > a {
    font-size: 20px;
    line-height: 25px;
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .entry-header .entry-author a {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    -webkit-text-shadow: 2px 2px 2px #000;
    display: none;
  }
}

.single .main-content img {
  margin: 0 auto 20px;
  max-width: 100%;
  height: inherit;
}

.single .main-content .posted-on + p img {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  article .entry-header .entry-author .blog-title a {
    font-family: "Noto Serif SC", serif;
    font-weight: 900;
    font-style: italic;
    line-height: 1.3em;
    margin-bottom: 20px;
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  article .entry-header .entry-author .name a {
    line-height: 1.3em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
  }
}

@media screen and (min-width: 768px) {
  .home .entry-author .blog-title > a {
    font-size: 20px;
    line-height: 25px;
  }
}

@media screen and (min-width: 768px) {
  .blog-list-header .entry-author a {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    -webkit-text-shadow: 2px 2px 2px #000;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .blog-list-header .entry-author .blog-title a {
    font-family: "Noto Serif SC", serif;
    font-weight: 900;
    font-style: italic;
    line-height: 1.3em;
    margin-bottom: 20px;
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  .blog-list-header .entry-author .name a {
    line-height: 1.3em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
  }
}
