/*
Theme Name:     Podcaster Child Theme
Description:    Child theme for the Podcaster theme
Author:         Theme Station Team
Template:       podcaster
*/

.logo.with-img img {
    border-radius: 10px;
}

footer.main-footer .footer-widgets {
    padding-top: 50px;
    padding-bottom: 50px;
}

.banner-container {
    margin: 10px auto;
}

.banner-container img {
    width: 100%;
    height: auto;
}

.banner-container.no-top {
    margin: 0px auto 10px auto;
}

.banner-container.no-bottom {
    margin: 10px auto 0px auto;
}

.banner-container.none {
    margin: 0px auto;
}

/* Réplica de .container (style.css del padre) con más ancho,
   para el leaderboard de 1320px de la navegación. */
.banner-wide-container {
    width: 1320px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1366px) {
    .banner-wide-container {
        width: 1170px;
    }
}

@media screen and (max-width: 1024px) {
    .banner-wide-container {
        width: 90vw;
    }
    .above .banner-wide-container {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.widget_custom_html {
    margin-top: 20px;
    /* width: 100%;
    overflow: hidden; */
}

/* El creativo de SmartAdServer es fijo de 300x600: se mantiene a su
   ancho nativo y el js de sidebar.php lo escala al ancho de la columna. */
/* .widget_custom_html #sas_125490 {
    width: 300px;
    transform-origin: top center;
}

.widget_custom_html img {
    width: 100%;
    height: auto;
} */

/* Fix: responsive.css reduce la paginación solo en max-width:375px; entre
   376px y 400px vuelve al padding grande y desborda. Se extiende al rango. */
@media screen and (min-width: 376px) and (max-width: 400px) {
    .pagination {
        font-size: 14px;
    }
    .pagination .page-numbers,
    .pagination .post-page-numbers {
        padding: 6px 18px;
    }
}

/* Fix: responsive.css establece margin-top: 0 en .img dentro de
   .main-featured-post.audio en móvil, pegando la imagen al h2.
   podcaster-style ahora depende de pod-responsive para cargar después. */
@media screen and (max-width: 768px) {
    .front-page-indigo .front-page-header .main-featured-container .main-featured-post.audio .img,
    .front-page-indigo .front-page-header .main-featured-container .text.audio .img,
    .front-page-header .main-featured-container .main-featured-post.audio .img,
    .front-page-header .main-featured-container .text.audio .img {
        margin-top: 32px;
    }
}