/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
    /* Colores principales */
    --color-dark: #144272;
    --color-primary: #4284CB;
    --color-secondary: #7dbcff;
    --color-accent: #e4ff4c;
    
    
    /* Colores neutros */
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --color-bg: #ffffff;
    --color-border: #dddddd;
}


/*************** SIDEBAR *****************/

.sidebar {
    padding: 20px;
    box-shadow: 0 0 8px 0 rgba(110,123,140,.15);
    margin-bottom: 30px;
}
.sidebar .widget_block {
    padding: 15px 25px;
    margin: 0px;
    border-bottom: solid 2px var(--color-primary);
}

.sidebar .widget_block h2 {
    font-size: 30px;
    margin-bottom: 15px;
    color: var(--color-primary);

}

.sidebar .widget_categories ul, .sidebar .widget_recent_entries ul {
    list-style: none;
    padding-left: 0;
}

.sidebar .widget_categories ul li, .sidebar .widget_recent_entries ul li {
    border-bottom: solid 1px #e6e6e6;
    padding: 4px 0;
}

.sidebar .widget_categories ul li a, .sidebar .widget_recent_entries ul li a {
    color: var(--color-text-dark);
    text-decoration: none;
}

.sidebar .widget_categories ul li a:hover, .sidebar .widget_recent_entries ul li a:hover {
    color: var(--color-primary);
}

/**************** BLOG *****************/

/* Blog */

.blog .site-main{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.blog .site-main .post{
    padding:0px !important;
    box-shadow: 0 0 8px 0 rgba(110,123,140,.15);
}

.blog .site-main .post .inside-article{
    padding:15px !important;
}

.blog .site-main .post .inside-article .entry-title{
    font-size:28px !important;
}

.blog .site-main .post .inside-article .entry-meta{
    display: none;
}

/* Post Single */

.single .inside-article h2{
    margin-top:30px;
    line-height:32px;
    margin-bottom:12px !important;
    border-bottom:solid 4px var(--color-primary);
}

.single .inside-article h3{
    margin-top:20px;
    line-height:32px;
    margin-bottom:12px !important;
    border-bottom:solid 2px #ccc;
}
    
.single .inside-article ul, .single .inside-article ol {
        margin: 20px 0px 20px 30px;
}
    
.single side_content ul{
    margin-bottom:20px;
    padding-left:40px;
}

/* Archive Blog */

.archive .site-main{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.archive .page-header{
    grid-column: 1 / -1;
    padding: 30px 20px 12px 20px;
    border-bottom:solid 4px var(--color-primary);
}

.archive .page-header h1{
    color:var(--color-primary);
}

.archive .site-main .post{
    padding:0px !important;
    box-shadow: 0 0 8px 0 rgba(110,123,140,.15);
}

.archive .site-main .post .inside-article{
    padding:15px !important;
}

.archive .site-main .post .inside-article .entry-title{
    font-size:28px !important;
}

.archive .site-main .post .inside-article .entry-meta{
    display: none;
}

/* Media Blog */

@media (max-width: 767px) {
    .archive .site-main{
        grid-template-columns: repeat(1, 1fr);
    }
    .blog .site-main{
        grid-template-columns: repeat(1, 1fr);
    }
}


/* --------------------------------------------------------------
RESPONSIVE STYLES
-------------------------------------------------------------- */

/* LARGE SCREENS */
@media screen and (min-width: 1280px){
}

@media screen and (max-width: 1279px){
}

/* TABLET SCREENS (LANDSCAPE) */
@media screen and (max-width: 1024px){
}

/* TABLET PORTRAIT */
@media screen and (max-width: 768px){
}


/* SMARTPHONE */
@media only screen and (max-width: 600px){
}