/*
Theme Name: Processblack Block
Theme URI: https://processblack.com/
Author: Miguel García / modernized with Gutenberg
Description: Modern Gutenberg/FSE rebuild of the original Processblack weblog theme.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: processblack-block
License: GPL-2.0-or-later
*/


:root { --pb-pink:#ff3e64; --pb-grey:#efefef; }
html { scroll-behavior:smooth; }

body {
    background-color: #fff;
    background-image: url("./assets/images/pb_fondo.gif");
    background-repeat: repeat;
}

body { background:#fff url('./assets/images/pb_fondo.gif') fixed; margin:0; }
a { text-underline-offset:.15em; }

.pb-shell {
    background:#fff;
    border-top: 20px solid #000;
    border-bottom: 10px solid #000;
    box-shadow: 0 0 0 1px rgba(0,0,0,.03);
    max-width: 960px;
    margin: 0 auto;

}
.pb-header { min-height:98px; align-items:flex-start; }
.pb-brand { min-width:325px; }
.pb-brand .wp-block-site-title { margin:0; }
.pb-brand .wp-block-site-title a { display:block; width:325px; height:98px; background:url('./assets/images/pb_logo.gif') no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
.pb-menu { padding-top:0; }
.pb-menu .wp-block-navigation-item__content { padding:55px 10px 5px; font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:700; color:#000; text-decoration:none; }
.pb-menu .wp-block-navigation-item__content:hover { background:#ccc; color:#fff; }
.pb-menu .current-menu-item > .wp-block-navigation-item__content,
.pb-menu .current-menu-ancestor > .wp-block-navigation-item__content { background:var(--pb-pink); color:#fff; }

.pb-layout { gap:4rem; align-items:flex-start; }
.pb-main { min-width:0; }
.pb-post { margin-bottom:2rem; }
.pb-post-title {
    font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
    /* padding-left:1.3rem; */

}
.pb-post-title a { color:var(--pb-pink); text-decoration:none; }
.pb-date {
    color: #999;
    font-family: Verdana,Arial,sans-serif;
    font-size: .7rem;
    /* padding-left:2rem; */
    margin-top: .15rem;

}
.pb-entry {
    /* padding-left:1.5rem; */

}
.pb-entry, .pb-entry p, .pb-entry li, .pb-entry td, .pb-entry th, .pb-entry dt, .pb-entry dd { font-family:Verdana,Arial,sans-serif; font-size:.78rem; line-height:1.8; }
.pb-entry a { color:var(--pb-pink); }
.pb-entry ul li { list-style-image:url('./assets/images/pb_bullet.gif'); }
.pb-entry blockquote { background:#ebebeb url('./assets/images/pb_comentarios.gif') no-repeat bottom right; padding:.8rem 1rem; }
.pb-entry blockquote p { font-family:Georgia,"Times New Roman",serif; font-size:1rem; line-height:1.6; }
.pb-meta {
    background: #efefef url('./assets/images/pb_fondo_archivo.gif') repeat-x left bottom;
    padding: 1rem 1rem 4rem 1rem;
    margin-top: .5rem;
    font-family: Verdana,Arial,sans-serif;
    font-size: .7rem;
    color: #555;

}
.pb-meta a { color:#555; }

.pb-sidebar { padding-top:5.5rem; min-width:0; }
.pb-sidebar h2, .pb-sidebar h3 { font-family:"Trebuchet MS",Verdana,Arial,sans-serif; font-size:1.05rem; line-height:1.6; font-weight:400; margin:1.5rem 0 .5rem; border-bottom:1px dotted var(--pb-pink); }
.pb-sidebar, .pb-sidebar p, .pb-sidebar li { font-family:Verdana,Arial,sans-serif; font-size:.72rem; line-height:1.6; }
.pb-sidebar ul { padding-left:0; list-style:none; }
.pb-sidebar li { padding-left:1rem; background:url('./assets/images/pb_sidebar_bullet.gif') no-repeat 0 .72em; }
.pb-sidebar a { color:var(--pb-pink); text-decoration:none; }
.pb-sidebar a:hover { text-decoration:underline; }
.pb-sidebar .wp-block-search { background:#ebebeb; padding:.7rem; }
.pb-sidebar .wp-block-search__input { border:1px solid var(--pb-pink); background:#fff url('./assets/images/pb_fondo_input.gif') repeat-x; font-family:Verdana,Arial,sans-serif; font-size:.72rem; }
.pb-sidebar .wp-block-search__button { background:#fff; color:#555; border:1px solid #777; font-family:Verdana,Arial,sans-serif; font-size:.68rem; padding:.4rem .6rem; }

.pb-archive-title { font-family:"Trebuchet MS",Verdana,Arial,sans-serif; font-size:1.15rem; font-weight:400; text-align:right; margin-bottom:2rem; }
.pb-pagination { font-family:Verdana,Arial,sans-serif; font-size:.72rem; }
.pb-pagination a { color:var(--pb-pink); }

.pb-single-title { color:var(--pb-pink); font-family:"Trebuchet MS",Verdana,Arial,sans-serif; font-size:1.6rem; font-weight:400; margin-bottom:.2rem; }
.pb-single-content { font-family:Verdana,Arial,sans-serif; font-size:.86rem; line-height:1.85; }
.pb-single-content a { color:var(--pb-pink); }
.pb-single-content blockquote { background:#ebebeb url('./assets/images/pb_comentarios.gif') no-repeat bottom right; padding:1rem; }

.wp-block-comments { margin-top:2rem; font-family:Verdana,Arial,sans-serif; font-size:.78rem; }
.wp-block-comment-template li { margin-bottom:1.5rem; }
.wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea { border:1px solid var(--pb-pink); background:#fff url('./assets/images/pb_fondo_input.gif') repeat-x; }
.wp-block-post-comments-form .form-submit input { background:#fff; border:1px solid #777; color:#555; }

.pb-footer { background:#ebebeb; padding:.55rem 1rem; text-align:center; font-family:Verdana,Arial,sans-serif; font-size:.72rem; }
.pb-footer a { color:var(--pb-pink); text-decoration:none; }

/* Compatibility with image classes used by historical posts */
img.izquierda { border:1px solid #fff; padding:4px; margin:2px 10px 2px 0; float:left; }
img.izquierda_sinmarco { border:0; margin:2px 10px 2px 0; float:left; }
img.derecha { border:1px solid #fff; padding:4px; margin:2px 0 2px 10px; float:right; }
img.derecha_sinmarco { border:0; margin:2px 0 2px 10px; float:right; }
img.centro { border:1px solid #fff; padding:4px; display:block; margin-left:auto; margin-right:auto; }
img.centro_sinmarco { border:0; display:block; margin-left:auto; margin-right:auto; }
.float { float:left; margin-right:15px; }
.clear { clear:both; }

@media (max-width: 820px) {
  .pb-shell { border-top-width:12px; }
  .pb-header { gap:0 !important; }
  .pb-brand { min-width:0; width:100%; }
  .pb-brand .wp-block-site-title a { width:min(325px,100%); background-size:contain; }
  .pb-menu { width:100%; }
  .pb-menu .wp-block-navigation-item__content { padding:10px 8px; }
  .pb-layout { display:block !important; }
  .pb-main, .pb-sidebar { width:100% !important; flex-basis:auto !important; }
  .pb-sidebar { padding-top:1rem; border-top:1px solid #ddd; margin-top:2rem; }
  .pb-post-title, .pb-entry, .pb-date { padding-left:0; }
}