/*
Theme Name: Blog Superdely
Theme URI: https://www.superdely.net/blog/
Author: Superdely
Author URI: https://www.superdely.net/
Description: Tema hijo de Magazine Base 1.0.7 con el diseño de Superdely (cabecera con WhatsApp, colores rojos, listado en dos columnas y footer con datos de contacto).
Template: magazine-base
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Update URI: false
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: superdely-child
*/

/*--------------------------------------------------------------
# Colores de Superdely
--------------------------------------------------------------*/
.primary-bgcolor,
.comments-area .reply .comment-reply-link,
.footer-bottom .social-icons ul li a:after,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.top-bar .social-icons ul li:hover a:after,
.top-bar .social-icons ul li:focus a:after {
    background-color: #cd3520;
}

.secondary-bgcolor,
.categories-list a:nth-child(2n),
.post-category-label a:nth-child(2n),
.main-navigation .popular-post a,
.main-navigation .sub-menu > li:hover > a,
.main-navigation .sub-menu > li:focus > a,
.footer-bottom .social-icons ul li:hover a:after,
.footer-bottom .social-icons ul li:hover a:after,
.single .text-capitalized .site-content .content-area .site-main article.post p:first-of-type:first-letter,
.post-navigation .nav-previous:hover, .post-navigation .nav-previous:focus,
.post-navigation .nav-next:hover, .post-navigation .nav-next:focus {
    background: #cd3520;
}

.tertiary-bgcolor,
.categories-list a:nth-child(3n),
.post-category-label a:nth-child(3n) {
    background: #cd3520;
}

a:hover, a:focus, a:active {
    color: #a51e0c;
}

.categories-list > a,
.quaternary-bgcolor,
.widget.magazine_base_social_widget .social-widget-menu ul a:hover,
.widget.magazine_base_social_widget .social-widget-menu ul a:focus,
.widget.magazine_base_widget_tabbed ul.nav-tabs li:hover a,
.widget.magazine_base_widget_tabbed ul.nav-tabs li:hover a,
.widget.magazine_base_widget_tabbed .nav-tabs > li.active > a,
.widget.magazine_base_widget_tabbed .nav-tabs > li.active > a:focus,
.widget.magazine_base_widget_tabbed .nav-tabs > li.active > a:hover .widget.magazine_base_widget_tabbed .site-footer .widget ul li,
.post-category-label a,
.widget .social-widget-menu ul li a,
.main-navigation .menu > ul > li.current-menu-item > a,
.main-navigation .menu > ul > li:hover > a,
.main-navigation .menu > ul > li:focus > a,
.author-info .author-social > a {
    background: #cd3520;
}

/*--------------------------------------------------------------
# Cabecera: WhatsApp 24 horas
--------------------------------------------------------------*/
.content-box {
    text-align: right;
    padding: 0 20px;
}

.content-box a {
    font-size: 1.7em;
    color: #cd3520;
}

.content-box a:hover {
    color: #7e030c;
}

.content-box h3 {
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 575px) {
    .content-box {
        text-align: center;
    }

    .content-box a {
        font-size: 1em;
        color: #cd3520;
    }

    .content-box a:hover {
        color: #7e030c;
    }

    .content-box h3 {
        padding: 0;
        margin: 0;
    }
}

/*--------------------------------------------------------------
# Menú principal
--------------------------------------------------------------*/
.main-navigation,
.main-navigation .popular-post {
    border-color: #eb624f;
}

.main-navigation .menu > ul {
    margin: 0 10px;
}

.main-navigation .menu ul li a {
    text-transform: none;
}

.main-navigation .menu ul > li > a {
    line-height: 20px;
    padding: 8px 14px;
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .main-navigation .menu ul ul a {
        border-bottom: 1px solid #510e08;
        padding: 8px 22px;
        line-height: 18px;
    }

    .main-navigation .menu ul ul {
        background: #e86e03;
    }
}

.main-navigation .menu .menu-mobile li {
    border-top: 1px solid #eb624f;
}

.main-navigation .menu .menu-mobile li a {
    line-height: 25px;
}

.main-navigation .menu .menu-mobile li .sub-menu {
    border-top: 1px solid #faa731;
}

/*--------------------------------------------------------------
# Listado de entradas (dos columnas)
--------------------------------------------------------------*/
.post-ini {
    width: 48%;
    margin: 0 1%;
    float: left;
}

@media only screen and (max-width: 480px) {
    .post-ini {
        width: 100%;
        margin: 0 1%;
        float: left;
    }
}

.posted-on {
    font-size: 11px;
    color: #cd3520;
}

.byline {
    font-size: 11px;
    color: #cd3520;
}

.categories-list > a,
.post-category-label a {
    display: inline;
    font-size: 11px;
    padding: 5px;
    text-transform: none;
}

.site-content .entry-footer .item-metadata .item-tablecell {
    width: auto;
}

.site-content .item-metadata span {
    text-transform: none;
}

/*--------------------------------------------------------------
# Estructura: contenido 70% / barra lateral 30%
--------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
    #primary {
        width: 70%;
    }

    #secondary {
        width: 30%;
    }
}

.inner-banner {
    padding: 30px 0;
}

/*--------------------------------------------------------------
# Widgets y buscador
--------------------------------------------------------------*/
.site-content .widget_recent_comments li a:hover, .site-content .widget_recent_comments li a:focus,
.site-content .widget_pages li a:hover, .site-content .widget_pages li a:focus,
.site-content .social-widget-menu li a:hover, .site-content .social-widget-menu li a:focus,
.site-content .widget_archive li a:hover, .site-content .widget_archive li a:focus,
.site-content .widget_meta li a:hover, .site-content .widget_meta li a:focus,
.site-content .widget_categories li a:hover, .site-content .widget_categories li a:focus,
.site-content .widget_nav_menu li a:hover, .site-content .widget_nav_menu li a:focus,
.site-content .widget_recent_entries li a:hover, .site-content .widget_recent_entries li a:focus {
    color: #bc0723;
}

.widget-border-title {
    border-bottom: 3px solid #cd3520;
}

.site-content .search-form label,
.site-footer .search-form label {
    width: 60%;
}

.site-content .search-form .search-submit,
.site-footer .search-form .search-submit {
    width: 40%;
    background: #771011;
}

/*--------------------------------------------------------------
# Comentarios
--------------------------------------------------------------*/
.comments-area .comments-title,
.comments-area .comment-reply-title {
    text-transform: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
    background-color: #cd3520;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #faa731;
}

/* WordPress 6+ oculta .site-title con clip-path cuando el título del sitio está desactivado. */
.footer-logo .site-title,
.footer-logo .site-description {
    clip-path: none;
}

.footer-logo .site-title {
    letter-spacing: 1px;
    text-transform: none;
}