/*
Theme Name: lbp-theme
Theme URI: http://libertadbajopalabra.mx/
Author: Cosme
Author URI: http://gerardobarreto.mx/
Description: Theme para la pagina de la editorial independiente "Libertad bajo palabra"
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:
Text Domain: lbp-theme
Tags:
*/
html,
body { margin:0; padding:0; width:100%; background:rgba(255, 255, 255, 1); }
a, a:hover { outline:none; text-decoration:none; }
.clear { margin:0; padding:0; float:left; width:100%; }
section,
section.header,
section.contenido,
section.footer { margin:0; padding:0; float:left; width:100%; }
.container {}
/* header lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.header {}
section.header section.lbp-header { padding:2% 0; }
section.header section.lbp-header h1 { margin:0; padding:0; float:left; width:100%; line-height:1; }
section.header section.lbp-header h1 a { margin:0; padding:0; font-size:30px; font-weight:600; color:rgba(0, 0, 0, 1); font-family:Arial, Helvetica, sans-serif; text-transform:none; line-height:1; }
section.header section.lbp-header h2 { margin:0; padding:0; float:left; width:100%; font-size:15px; color:rgba(125, 125, 125, 1); }
section.header section.lbp-header img.logoLbp { margin:5px 0 0 0; padding:0; float:right; width:100%; height:auto; }
section.header section.lbp-menu-principal { padding:10px 0; background:rgba(0, 0, 0, 1); }
section.header section.lbp-menu-principal ul.menu { margin:0; padding:0; float:left; width:100%; list-style:none; }
section.header section.lbp-menu-principal ul.menu li.menu-item { margin:0 10px 0 0; padding:0; float:left; list-style:none; display:inline-block; }
section.header section.lbp-menu-principal ul.menu li.menu-item a { margin:0; padding:0; float:left; font-size:15px; color:rgba(255, 255, 255, 1); text-transform:uppercase; font-weight:900; }
section.header section.lbp-menu-principal ul.menu li.menu-item a:hover { text-decoration:underline; }
section.header section.lbp-slider-home {}
section.header section.buscador-header { margin-top:48px; }
section.header section.buscador-header form#searchform { margin:0; padding:0; float:left; width:100%; border:1px solid #cccccc; height:40px; border-radius:4px; }
section.header section.buscador-header form#searchform input { border:none; background:none; color:#000000; }
section.header section.buscador-header form#searchform input.search-field { margin:8px; max-height:24px; width:84%; line-height:0.8; font-weight:24px; color:#666666; outline:0px; }
section.header section.buscador-header form#searchform input.boton { margin:-1px 0 0 0; padding:0; float:right; text-indent:-9999em;color:#ffffff; height:40px; width:40px; border-radius:4px; background:#000000 url(images/icon-buscar.png) no-repeat center center; -webkit-background-size:80%; -moz-background-size:80%; -o-background-size:80%; background-size:80%; }
/* home lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.contenido { margin:48px 0 0 0; }
section.contenido .row {}
section.contenido section.books-home,
section.contenido section.actualidad-home,
section.contenido section.librerias-home,
section.contenido section.colecciones-home,
section.contenido section.separador-home { margin: 0 0 48px 0; }
section.contenido .titulo-home { margin-bottom:48px; }
section.separador-home {}
section.separador-home .separador { min-height:1px; border-bottom:1px solid rgba(200, 200, 200, 1); }
section.contenido h4 { margin:0; padding:0; float:left; font-size:24px; color:rgba(0, 0, 0, 1); font-weight:800; text-transform:uppercase; }
section.contenido h4 a { color:rgba(0, 0, 0, 1); }
section.contenido h4 a:hover { color:rgba(100, 100, 100, 1); text-decoration:underline }
.books-home {}
.books-home .book-home {}
.books-home .book-home .img-book-home { margin:0; padding:0; float:left; width:100%; }
.books-home .book-home .img-book-home img { max-width:100%; height:auto; }
.books-home .book-home h1{ font-size:18px; float:left; margin:10px 0; padding:0; line-height:1.2; }
.books-home .book-home h1 a { font-size:18px; font-weight:900; line-height:1.2; color:rgba(0, 0, 0, 1); }
.books-home .book-home h1 a:hover { text-decoration:underline; color:rgba(100, 100, 100, 1); }
.books-home .book-home h2 { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; color:rgba(125, 125, 125, 1); float:left; width:100%; }
.books-home .book-home h3 { font-size:18px; color:rgba(0, 0, 0, 1); font-weight:900; float:left; margin:10px 0 0 0; padding:5px 0 0 0; border-top:1px solid rgba(0, 0, 0, 1); }
.actualidad-home {}
.actualidad-home .actualidad-nota-home {}
.actualidad-home .actualidad-nota-home .img-actualidad-home { margin-bottom:12px; }
.actualidad-home .actualidad-nota-home .img-actualidad-home img { max-width:100%; object-fit: cover; height:10vw; }
.actualidad-home .actualidad-nota-home a { font-size:24px; font-weight:300; color:rgba(0, 0, 0, 1); text-decoration:none; }
.actualidad-home .actualidad-nota-home a:hover { text-decoration:underline; }
.librerias-home {}
.librerias-home .libreria-home { position:relative; }
.librerias-home .libreria-home .img-libreria-home img { max-width:100%; height:auto; }
.librerias-home .libreria-home .datos-libreria { position:absolute; right:3%; bottom:20px; z-index:1; }
.librerias-home .libreria-home .datos-libreria .name-libreria { margin:0 0 10px 0; padding:5px 10px; float:right; background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); font-size:24px; font-weight:600; line-height:1; }
.librerias-home .libreria-home .datos-libreria .ciudad-libreria { margin:0; padding:5px 10px; float:right; background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); font-size:18px; font-weight:600; line-height:1; clear:both; }
.colecciones-home {}
.colecciones-home .book-home {}
.colecciones-home .book-home .img-book-home { margin:0; padding:0; float:left; width:100%; }
.colecciones-home .book-home .img-book-home img { max-width:100%; height:auto; }
.colecciones-home .book-home h1{ font-size:18px; float:left; margin:10px 0; padding:0; line-height:1.2; }
.colecciones-home .book-home h1 a { font-size:18px; font-weight:900; line-height:1.2; color:rgba(0, 0, 0, 1); }
.colecciones-home .book-home h1 a:hover { text-decoration:underline; color:rgba(100, 100, 100, 1); }
.colecciones-home .book-home h2 { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; color:rgba(125, 125, 125, 1); float:left; width:100%; }
.colecciones-home .book-home h3 { font-size:18px; color:rgba(0, 0, 0, 1); font-weight:900; float:left; margin:10px 0 0 0; padding:5px 0 0 0; border-top:1px solid rgba(0, 0, 0, 1); }
/* single books lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.single-books {}
.single-books .single-books-header {}
.single-books h1.entry-title { margin-bottom:0; font-size:48px; font-weight:800; }
.single-books h2.entry-title { float:left; font-size:30px; color:rgba(75, 75, 75, 1); }
.single-books h3.autor { float:left; font-size:36px; color:rgba(175, 175, 175, 1); font-weight:600; }
.single-books .single-books-content { margin-top:4%; }
.single-books .single-books-content .image-book img { max-width:100%; height:auto; }
.single-books .book-info { margin-bottom:48px; }
.single-books .book-info h1.precio { margin-bottom:18px; padding-bottom:18px; color:rgba(50, 50, 50, 1); font-size:36px; font-weight:800; border-bottom:1px solid rgba(200, 200, 200, 1); }
.single-books .book-info h2 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; }
.single-books .book-info h2.bold { font-weight:900;}
.single-books .book-info h2 a.link-coleccion { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:rgba(0, 0, 0, 1); }
.single-books .book-info h2 a.link-coleccion:hover { text-decoration:underline; }
.single-books .book-info h2.DescargaBook,
.single-books .book-info h2.NoDescargaBook { margin:0; float:left; }
.single-books .book-info h2.NoDescargaBook { padding:5px 10px; background:rgba(255, 0, 0, 0.5); color:rgba(255, 255, 255, 1); }
.single-books .book-info h2.descargaBook a { padding:5px 10px; float:left; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); }
.single-books .book-info h2.descargaBook a:hover { background:rgba(255, 255, 0, 1); color:rgba(0, 0, 0, 1); }
.single-books .texto-tags { border-left:1px solid rgba(200, 200, 200, 1); margin-bottom:48px; }
.single-books .texto-tags .texto { margin-bottom: 2%; float:left; }
.single-books .texto-tags .statusMensaje {}
.single-books .texto-tags .statusMensaje p {}
.single-books .texto-tags .statusMensaje p strong {}
.single-books .texto-tags p { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:1.5; }
.single-books .texto-tags .tags { color:rgba(125, 125, 125, 1); }
.single-books .texto-tags .tags p { font-weight:900; line-height:1; }
.single-books .texto-tags .tags a { color:rgba(125, 125, 125, 1); }
.single-books .texto-tags .tags a:hover { text-decoration:underline; color:rgba(0, 0, 0, 1); }
/* single librerias lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.single-librerias {}
.single-librerias .single-librerias-header {}
.single-librerias h1.entry-title { margin-bottom:0; font-size:48px; font-weight:800; }
.single-librerias h2.entry-title { float:left; font-size:30px; color:rgba(75, 75, 75, 1); }
.single-librerias .single-librerias-content { margin-top:4%; }
.single-librerias .single-librerias-content .image-libreria { margin:0; padding:0; float:left; width:100%; }
.single-librerias .single-librerias-content .image-libreria img { max-width:100%; height:auto; }
.single-librerias .single-librerias-content .texto-libreria { margin:24px 0 0 0; padding:0; float:left; width:100%; }
.single-librerias .single-librerias-content .direccion-libreria,
.single-librerias .single-librerias-content .telefono-libreria,
.single-librerias .single-librerias-content .email-libreria,
.single-librerias .single-librerias-content .facebook-libreria { font-family:Georgia, "Times New Roman", Times, serif; }
.single-librerias .single-librerias-content .direccion-libreria strong,
.single-librerias .single-librerias-content .telefono-libreria strong,
.single-librerias .single-librerias-content .email-libreria strong,
.single-librerias .single-librerias-content .facebook-libreria strong { font-family:Arial, Helvetica, sans-serif; }
.single-librerias .single-librerias-content .facebook-libreria a { font-family:Arial, Helvetica, sans-serif; color:rgba(0, 0, 0, 1); text-decoration:underline; }
.single-librerias .single-librerias-content .mapa-libreria { margin:48px 0; padding:0; float:left; width:100%; }
.single-librerias .single-librerias-content .mapa-libreria iframe { width:100%; height:400px; }
/* single content lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.single-content-lbp {}
.single-content-lbp .single-lbp-header {}
.single-content-lbp .single-lbp-header h1.entry-title { margin-bottom:0; font-size:48px; font-weight:800; }
.single-content-lbp .single-lbp-header .categoy-single { font-size:30px; color:rgba(175, 175, 175, 1); font-weight:600; }
.single-content-lbp .single-lbp-header .categoy-single a { font-size:30px; color:rgba(175, 175, 175, 1); font-weight:600; }
.single-content-lbp .single-lbp-content { margin-bottom:48px; }
.single-content-lbp .single-lbp-content .content-image-lbp img { max-width:100%; height:auto; }
.single-content-lbp .single-lbp-content .content-text-lbp { border-left:1px solid rgba(200, 200, 200, 1); }
.single-content-lbp .single-lbp-content .content-text-lbp .texto { margin-bottom: 2%; float:left; }
.single-content-lbp .single-lbp-content .content-text-lbp .intro-content-lbp { margin-bottom: 2%; float:left; }
.single-content-lbp .single-lbp-content .content-text-lbp .intro-content-lbp h3 { font-size:24px; font-weight:600; }
.single-content-lbp .single-lbp-content .content-text-lbp p { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:1.5; }
.single-content-lbp .single-lbp-content .content-text-lbp .tags { color:rgba(125, 125, 125, 1); }
.single-content-lbp .single-lbp-content .content-text-lbp .tags p { font-weight:900; line-height:1; }
.single-content-lbp .single-lbp-content .content-text-lbp .tags a { color:rgba(125, 125, 125, 1); }
.single-books .texto-tags .tags a:hover { text-decoration:underline; color:rgba(0, 0, 0, 1); }
/* page lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.page .single-page {}
body.page .single-page .single-page-header { margin-bottom:48px; }
body.page .single-page .single-page-header h1.entry-title { margin-bottom:0; font-size:48px; font-weight:800; }
body.page .single-page .single-page-content .content-image-lbp img { max-width:100%; height:auto; }
body.page .single-page .single-page-content .content-text-lbp { border-left:1px solid rgba(200, 200, 200, 1); }
body.page .single-page .single-page-content .no-border { border:none; }
body.page .single-page .single-page-content .content-text-lbp .texto { margin-bottom: 2%; float:left; }
body.page .single-page .single-page-content .content-text-lbp p { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:1.5; }
body.page .single-page .single-page-content .content-text-lbp .texto img { width:100%; height:auto; }
body.page .single-page .single-page-content .content-text-lbp .tags { color:rgba(125, 125, 125, 1); }
body.page .single-page .single-page-content .content-text-lbp .tags p { font-weight:900; line-height:1; }
body.page .single-page .single-page-content .content-text-lbp .tags a { color:rgba(125, 125, 125, 1); }
body.page .single-page .single-page-content .content-text-lbp .tags a:hover { text-decoration:underline; color:rgba(0, 0, 0, 1); }
/* pagination archive lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.contenido section.pagination { margin-bottom:48px; }
section.contenido section.pagination span,
section.contenido section.pagination a { padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:600; }
section.contenido section.pagination span { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); }
section.contenido section.pagination a { background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); }
/* archive books lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.books-archive section.title-page { margin-bottom:48px; }
section.books-archive .title-page h4 { font-size:24px; font-weight:800; text-transform:uppercase; }
section.books-archive .book-archive { margin-bottom:48px; }
section.books-archive .book-archive .img-book-archive { margin:0; padding:0; float:left; width:100%; }
section.books-archive .book-archive .img-book-archive img { max-width:100%; height:auto; }
section.books-archive .book-archive h1 { font-size:18px; float:left; margin:10px 0; padding:0; line-height:1.2; }
section.books-archive .book-archive h1 a { font-size:18px; font-weight:900; line-height:1.2; color:rgba(0, 0, 0, 1); }
section.books-archive .book-archive h1 a:hover { text-decoration:underline; color:rgba(100, 100, 100, 1); }
section.books-archive .book-archive h2 { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; color:rgba(125, 125, 125, 1); float:left; width:100%; }
section.books-archive .book-archive h3 { font-size:18px; color:rgba(0, 0, 0, 1); font-weight:900; float:left; margin:10px 0 0 0; padding:5px 0 0 0; border-top:1px solid rgba(0, 0, 0, 1); }
section.books-archive .book-archive a.link-coleccion { margin:0; padding:0; float:left; width:100%; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; color:rgba(0, 0, 0, 1); }
section.books-archive .book-archive a.link-coleccion:hover { text-decoration:underline; }
/* archive news lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.news-archive section.title-page { margin-bottom:48px; }
section.news-archive .title-page h4 { font-size:24px; font-weight:800; text-transform:uppercase; }
section.news-archive .actualidad-canal-archive .img-actualidad { margin-bottom:12px; }
section.news-archive .actualidad-canal-archive .img-actualidad img { max-width:100%; object-fit: cover; height:8vw; }
section.news-archive .actualidad-canal-archive a { font-size:24px; font-weight:300; color:rgba(0, 0, 0, 1); text-decoration:none; }
section.news-archive .actualidad-canal-archive a:hover { text-decoration:underline; }
/* archive places lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.places-archive section.title-page { margin-bottom:48px; }
section.places-archive section.title-page h4 { font-size:24px; font-weight:800; text-transform:uppercase; }
section.places-archive .map-places { margin-bottom:48px; }
section.places-archive .map-places .col iframe { width:100%; height:600px; }
section.places-archive .libreria-canal-archive { margin-bottom:48px; }
section.places-archive .libreria-archive { margin:0; padding:0; float:left; position:relative; }
section.places-archive .libreria-archive .img-libreria-archive { margin:0; padding:0; float:left; width:100%; }
section.places-archive .libreria-archive .img-libreria-archive img { max-width:100%; height:auto; }
section.places-archive .libreria-archive .datos-libreria { position:absolute; right:0; bottom:20px; z-index:1; }
section.places-archive .libreria-archive .datos-libreria .name-libreria { margin:0 0 10px 0; padding:5px 10px; float:right; background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); font-size:24px; font-weight:600; line-height:1; }
section.places-archive .libreria-archive .datos-libreria .ciudad-libreria { margin:0; padding:5px 10px; float:right; background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); font-size:18px; font-weight:600; line-height:1; clear:both; }
/* tags canal lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.tags-page-canal {}
section.tags-page-canal section.title-page { margin-bottom:48px; }
section.tags-page-canal .title-page h4 { font-size:24px; font-weight:800; text-transform:uppercase; }
section.tags-page-canal .book-tag,
section.tags-page-canal .actualidad-tag { margin-bottom:48px; padding:0; float:left; }
section.tags-page-canal .book-tag .img-book-tag img,
section.tags-page-canal .actualidad-tag .img-actualidad-tag img { max-width:100%; height:auto; }
section.tags-page-canal .book-tag h1{ font-size:18px; float:left; margin:10px 0; padding:0; line-height:1.2; }
section.tags-page-canal .book-tag h1 a { font-size:18px; font-weight:900; line-height:1.2; color:rgba(0, 0, 0, 1); }
section.tags-page-canal .book-tag h1 a:hover { text-decoration:underline; color:rgba(100, 100, 100, 1); }
section.tags-page-canal .book-tag h2 { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; color:rgba(125, 125, 125, 1); float:left; width:100%; }
section.tags-page-canal .book-tag h3 { font-size:18px; color:rgba(0, 0, 0, 1); font-weight:900; float:left; margin:10px 0 0 0; padding:5px 0 0 0; border-top:1px solid rgba(0, 0, 0, 1); }
section.tags-page-canal .actualidad-tag a { font-size:24px; font-weight:300; color:rgba(0, 0, 0, 1); text-decoration:none; }
section.tags-page-canal .actualidad-tag a:hover { text-decoration:underline; }
/* busquedas lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.busquedas section.title-page { margin-bottom:48px; }
section.busquedas .title-page h4 { font-size:24px; font-weight:800; text-transform:uppercase; }
section.busquedas .post-busqueda { margin:0 0 48px 0; padding:10px; float:left; width:100%; background:rgba(240, 240, 240, 1); }
section.busquedas .post-busqueda h1 { margin:0; padding:0; float:left; width:100%; }
section.busquedas .post-busqueda h1 a { margin:0; padding:0; float:left; width:100%; font-size:18px; font-weight:600; color:rgba(0, 0, 0, 1); }
section.busquedas .post-busqueda h1 a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; }
section.busquedas .post-busqueda h2 { margin:6px 0 0 0; padding:0; float:left; width:100%; font-size:12px; font-weight:600; color:rgba(100, 100, 100, 1); }
section.busquedas .post-busqueda h3 { margin:6px 0 0 0; padding:0; float:left; width:100%; font-size:12px; font-weight:600; color:rgba(150, 150, 150, 1); }
section.busquedas .post-busqueda h3 a { font-size:12px; font-weight:600; color:rgba(150, 150, 150, 1); }
section.busquedas .post-busqueda p { margin:6px 0 0 0; padding:0; float:left; width:100%; font-size:12px; font-weight:100; color:rgba(50, 50, 50, 1); }
section.busquedas .post-busqueda .footer-post-busqueda { margin:12px 0 0 0; padding:0; float:left; width:100%; }
section.busquedas .post-busqueda .footer-post-busqueda a { margin:0; padding:0; float:left; width:100%; font-size:12px; font-weight:900; color:rgba(0, 0, 0, 1); }
/* footer lbp - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.footer { padding:4% 0; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); }
section.footer .nuestras-redes { margin:0 0 12px 0; padding:0; float:left; width:100%; }
section.footer .nuestras-redes h2 { margin:0 0 12px 0; padding:0; float:left; color:rgba(255, 255, 255, 1); font-size:24px; font-weight:800; text-transform:uppercase; }
section.footer .nuestras-redes ul { margin:0; padding:0; float:left; width:100%; list-style:none; }
section.footer .nuestras-redes ul li { margin:0; padding:0; float:left; list-style:none; display:inline-block; }
section.footer .nuestras-redes ul a { font-size:24px; color:rgba(255, 255, 255, 1); margin:0 12px 0 0; }
section.footer .derechos-lbp { font-size:12px; }
section.footer img.logoLbp { margin:0; padding:0; float:right; width:100%; height:auto; }
/* ========================================================================== */
/* RESPONSIVE
========================================================================= */
/* Large Devices, Wide Screens
------------------------------------------------------------------------- */
@media only screen and (max-width :1200px) {
}
/* Tablet Portrait */
@media only screen
and (max-width:1200px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio:1) {
}
/* Tablet Landscape */
@media only screen
and (max-width:1200px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio:1) {
}
/* Medium Devices, Desktops
------------------------------------------------------------------------- */
@media only screen and (max-width :992px) {
}
/* Small Devices, Tablets
------------------------------------------------------------------------- */
@media only screen and (max-width :768px) {
}
/* Phone Landscape */
@media only screen
and (max-width:768px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio:1) {
}
/* Extra Small Devices, Phones
------------------------------------------------------------------------- */
@media only screen and (max-width :480px) {
}
/* Phone Portrait */
@media only screen
and (max-width:480px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio:1) {
section.header section.lbp-header { padding:4% 0; }
section.header section.lbp-header {}
section.header section.lbp-header h1 a { font-size:24px; }
section.header section.lbp-header h2 { font-size:18px; }
section.header section.lbp-header img.logoLbp { display:none; }
/*
.books-home .book-home:nth-child(1),
.books-home .book-home:nth-child(2),
.books-home .book-home:nth-child(3) { margin-bottom:48px; }
*/
.books-home .book-home h1 a { font-size:15px; font-weight:900; }
.books-home .book-home h2 { font-size:12px; font-weight:600; }
.books-home .book-home h3 { font-size:15px; font-weight:900; }
.librerias-home .libreria-home .datos-libreria .name-libreria { font-size:18px; }
.librerias-home .libreria-home .datos-libreria .ciudad-libreria { font-size:12px; }
.single-books .texto-tags { border-left:none; margin-top:4%; border-top:1px solid; rgba(200, 200, 200, 1); padding-top:4%; }
section.news-archive .actualidad-canal-archive .img-actualidad img { max-width:100%; object-fit: cover; height:20vw; }
section.places-archive .libreria-archive .datos-libreria .name-libreria { font-size:18px; }
section.places-archive .libreria-archive .datos-libreria .ciudad-libreria { font-size:12px; }
section.tags-page-canal .book-tag h1{ font-size:12px; }
section.tags-page-canal .book-tag h1 a { font-size:12px; }
section.tags-page-canal .book-tag h2 { font-size:12px; }
section.tags-page-canal .book-tag h3 { font-size:12px; }
section.tags-page-canal .actualidad-tag a { font-size:12px; }
section.footer .derechos-lbp { font-size:12px; }
}
/*
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
Paleta de colores 1
amarillo #E4C600 rgba(228, 198, 0, 1)
naranja #EE6316 rgba(238, 99, 22, 1)
cafe #6F5217 rgba(111, 82, 23, 1)
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
color #000000 rgba(00, 00, 00, 1)
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
:nth-child(odd)
:nth-child(even)
:nth-of-type(odd)
:nth-of-type(even)
:nth-child(2n)
:nth-child(2)
:first-child
:last-child
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
background:url(../images/background-eb.jpg) no-repeat top right;
-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
.img-actividad { height:auto; position:absolute; -webkit-transform:translateX(50%); transform:translateY(-80%); }
width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px);
height:100vh;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
.img-actividad { height:auto; position:absolute; transform:translateY(-80%); }
.demo-portafolio:nth-child(odd) {} *** impar
.demo-portafolio:nth-child(even) { text-align:right; } *** par
.demo-portafolio:nth-child(even) div.enlace { float:right; } *** par
h2 { text-shadow:1px 1px 1px rgba(0, 0, 0, 1); }
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
background:url(../images/background-eb.jpg) no-repeat top right;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
.img-actividad { height:auto; position:absolute; transform:translateY(-80%); }
width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px);}
height:100vh;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
.img-actividad { height:auto; position:absolute; transform:translateY(-80%); }
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
img { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; }
:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; cursor: pointer; }
.texto-eb:hover + .imagen-eb .musico { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); opacity:1; cursor:default; }
Si el cubo está directamente en el contenedor:
#container:hover > #cube { background-color: yellow; }
Si el cubo es la siguiente (después de los contenedores de la etiqueta de cierre) el contenedor:
#container:hover + #cube { background-color: yellow; }
Si el cubo está en algún lugar en el interior del contenedor:
#container:hover #cube { background-color: yellow; }
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
***** ***** ***** ***** ***** ***** ***** ***** ***** *****
*/
