/*
Theme Name: blask-hijo
Theme URI: http://sarahdmoses.com
Version: 4.0
Description: Tema hijo de blask para hacer cambios sin riesgo
Author: sarahdmoses.com
Author URI: http://sarahdmoses.com
Template: blask
*/
 
@import url("../blask/style.css");
 
/*----------------- Empieza a añadir cambios aquí abajo -------------------------------*/
body{
    font-size: 1.5rem;
}
a {
    color: #00a86b;    
}
ul, ol {
    margin: 0 0 1em 1.5em;
    font-size: 1.3rem;
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}
.entry-content a, .entry-summary a, .page-content a {
    border-bottom: none;
}
.entry-content a:hover, .entry-summary a:hover, .page-content a:hover{
    color: #00a86b; 
    border-bottom: none;   
    }
.image-home{
    float: left;
    margin-right: 3rem;
}
p{
    font-size: 1.4rem;
    color: #7d7d7d;    
    font-size: 1.3rem;
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
    text-rendering: optimizeLegibility;
    /*color: #444444;*/
    margin: 0 0 1.5rem;
}
p:last-child {
    margin-bottom: 0;
}
li{
    line-height: 2em;
}
.parrafo-libro{
    width: 460px;
}
:root .has-very-dark-gray-color {
    color: #313131;
    background: transparent;
    text-decoration: underline;
    padding: 0;
}
.hentry.page {
    max-width: 850px;
}
dfn, cite, em, i {
    font-style: italic;
}
.site-branding {
    background: none;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
}
.site-title a, .site-title a:hover {
    color: #757575;    
    text-decoration: none;
    line-height: 1.2;
    font-variant: small-caps;
    font-weight: normal;
    font-size: 2rem!important;    
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
    color: #00a86b;
}
.main-navigation li {
    border-top: none;    
}
.main-navigation a {
    padding: 0.3em 0;
    font-weight: 500;
}
.page-title, .entry-title {    
    font-size: 1.8rem;    
    font-weight: 100;  
    margin-bottom: 3.125em;  
    color: #757575;
}
.hentry.page {
    max-width: 850px;
}
.grilla{
    display: table;
    margin-bottom: 2rem;
}

.site-logo-link img, .entry-content img, .page-content img, .entry-summary img, .comment-content img, .widget img{
    width: auto;
    height: 300px;
}
.bio-picture{
    float: left;
    margin-right: 3rem;
}
.img-grid-v{
    max-width: 200px;
    float: left;
}
.dropdown-toggle:before{
    font-size: 13px;
}
.texto-about{
    margin-left: 280px;
}
.texto-grid{
    margin-left: 230px;
    padding-top: .5rem;
}
.site-main{
    margin-top: 60px;
}
.dropdown-toggle {
    background: none;
    top: -7px;        
}

.site-footer {
display: none;
}
.wp-block-gallery{
    margin: 0
}
.bloque{
    display: table;
    margin-bottom: 3rem;
}
.main-navigation a {
    line-height: 2;    
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 1.8rem;
    font-size: 1.4rem;
    text-transform: uppercase;
}
.image-grilla { 
    float: left;
    margin-right: 2rem!important;
}
figcaption{
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
    font-size: 1.3rem;
}
@media screen and (min-width: 768px){
    

    .site-header {
    bottom: 0;
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 40px;
    position: fixed;
    top: 70px;
    width: 260px;}
 }
@media screen and (min-width: 1025px){
.site-header {
    left: 35px;
    top:40px;
}
}

.dropdown-toggle {
    background: none;
    /* top: -7px; */
    width: 225px;
    text-align: right;
    padding-right: 2rem;
}
.dropdown-toggle:active, .dropdown-toggle:focus, .dropdown-toggle:hover {
    background: transparent;
    color: #555;
}
:focus {
    outline: none;
}
input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'] {
    padding: 5px 10px 5px;
}
textarea {
    padding: 6px;
    width: 400px;
    height: 200px;
}
input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], textarea {
    box-shadow: none;
}
.wp-block-button__link {
    border: none;
    border-radius: 28px;    
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: .5rem 2.8rem;   
}
.wp-block-gallery.is-cropped .blocks-gallery-item a :hover {
    opacity: .5;
}
.menu-toggle {
    background: none;
    border-bottom: none;    
    padding: 0;
    width: 15px;
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 2.5rem;
    text-align: left;
}
.main-navigation {
    margin-bottom: 0;
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: 25%;
}
.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
    display: unset;
    align-items: none;
    justify-content: none;
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    margin: 0 16px 16px 0;
    display: unset;
    /* flex-grow: 1; */
    /* flex-direction: column; */
    /* justify-content: center; */
    position: relative;
}
@media screen and (max-width: 768px){
    .parrafo-libro{
    width: 100%;
    }
    .content-area{
        margin-top: 20px;
    }
    .site-title {
       text-align: right;
    }
    .site-branding{
        margin-bottom: 2rem;
        position: absolute;
        top: 0;
        left: 20px;
    }
    .page-title, .entry-title {
        margin-bottom: 2rem
    }
    .texto-about{
        margin-left: 0;
        display: inline-block;
    }
    .dropdown-toggle{
        width: 100%;
    }    
    .bio-picture{        
        margin-bottom: 2rem;
    }
    .main-navigation{   
   margin-bottom: 1px solid #eaeaea;
    }
    .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: 50%;
    }
    .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img{
        width: 47%
    }
    .menu-toggle:after{
        display: none;
    }
    .menu-menu-container{
        margin-top: 5rem;
    }   
    .wp-block-image {
    max-width: 50%;
    display: unset!important;
    float: left;
    margin: 0!important;
    padding: 0 .5rem 0 0;
    
}
@media screen and (min-width: 600px){
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: 30%;}
}