/*
 * CSS del blog de litiosolar.com. Sale del xipblog.css de xipblog 2.0.0, depurado (22/10/2026):
 * fuera slick, vídeo/audio/galería, comentarios, bloque de portada (xipblogdisplayposts) y columnas laterales del blog.
 * Se carga solo en las pantallas del blog; el CSS del rediseño (litio-diseno.css) se carga después y manda sobre éste.
 */
.kr_blog_post_area .blog_post {
  margin-bottom: 60px;
}
.kr_blog_post_area .blog_post .post_thumbnail {
  margin-bottom: 30px;
  position: relative;
}
.kr_blog_post_area .blog_post .post_thumbnail .blog_mask {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: rgba(0, 0, 0, 0.4);
}
.kr_blog_post_area .blog_post .post_thumbnail .blog_mask .blog_mask_content {
  position: absolute;
  left: 110%;
  top: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.kr_blog_post_area .blog_post .post_thumbnail .blog_mask .blog_mask_content a {
  display: block;
  text-align: center;
  font-size: 70px;
  color: #fff;
}
.kr_blog_post_area .blog_post .post_thumbnail:hover .blog_mask {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.kr_blog_post_area .blog_post .post_thumbnail:hover .blog_mask .blog_mask_content {
  left: 50%;
}
.kr_blog_post_area .blog_post .post_thumbnail:hover .post_meta {
  opacity: 0;
  visibility: hidden;
}
.kr_blog_post_area .blog_post .post_content .post_title {
  font-size: 2.4rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.kr_blog_post_area .blog_post .post_content .post_title a {
  color: inherit;
}
.kr_blog_post_area .blog_post .post_content .post_title a:hover {
  color: #666;
}
.kr_blog_post_area .blog_post .post_content .post_meta {
  margin-bottom: 20px;
}
.kr_blog_post_area .blog_post .post_content .post_meta > p {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  float: left;
  color: #999;
  border-right: 1px solid #999;
  padding-right: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.kr_blog_post_area .blog_post .post_content .post_meta > p span {
  color: #000000;
}
.kr_blog_post_area .blog_post .post_content .post_meta > p:last-child {
  border: 0;
  padding: 0;
  margin: 0;
}
.kr_blog_post_area .blog_post .post_content .post_description {
  font-size: 1.4rem;
  line-height: 2.1;
}
.kr_blog_post_area .blog_post .post_content .post_description p {
  margin-bottom: 25px;
}
.kr_blog_post_area .blog_post .post_content .read_more a {
  color: #999999;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
.kr_blog_post_area .blog_post .post_content .read_more a i {
  display: inline-block;
  vertical-align: -2px;
}
.kr_blog_post_area .blog_post .post_content .read_more a:hover {
  color: #000;
}
.blog_post_content p.meta_author,
.blog_post_content p.meta_date {
  display: inline-block;
  padding-right: 10px;
}
.blog_post_content p.meta_category {
  display: inline-block;
}
.blog_post_content a.more {
  float: right;
}
.xipblog_img,
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
/* Foto de una categoría (solo sale si la categoría tiene foto) */
.blog_category_image {
  margin-bottom: 30px;
}