/*
Theme Name:     Aztec Progression Child
Theme URI:      https://mamboperv.com/
Description:    Child theme for Aztec Progression. Holds all mamboperv.com customizations so the parent theme can be updated without losing them.
Author:         MamboPerv
Template:       aztec-progression
Version:        1.0.0
Text Domain:    aztec-progression-child
*/

/*
 * Site CSS does NOT belong in this file.
 *
 * Your 7,201 characters of site CSS live in the Customizer under
 * Appearance > Additional CSS, stored as a `custom_css` post. Keep it there --
 * it stays editable in the Customizer and survives parent theme updates.
 *
 * IMPORTANT: that post is keyed to the stylesheet slug `aztec-progression`.
 * Activating this child theme changes the slug to `aztec-progression-child`
 * and the Customizer will show an EMPTY Additional CSS box. The old CSS is not
 * deleted, just orphaned. Run tools/migrate-to-child.php BEFORE activating.
 */

/* ---------------------------------------------------------------------
 * Slim header on text-only pages (legal pages and the three forms).
 *
 * The Customizer sets #page-title-pro to min-height:340px (360px at one
 * breakpoint) to make room for a hero image. These pages have no hero image,
 * so that height is empty black above the heading.
 *
 * Deliberately higher specificity than the Customizer rule rather than
 * !important: Additional CSS prints late in the head, so source order alone
 * would not win. body.class + #id beats a bare #id at every viewport, which
 * is also why the breakpoint override needs no media query of its own.
 *
 * The page list lives in inc/mbp-page-header.php.
 * ------------------------------------------------------------------- */
body.mbp-slim-header #page-title-pro {
    min-height: 150px;
    margin-bottom: 34px;
}

body.mbp-slim-header #page-title-pro h1 {
    font-size: 34px;
}

@media (max-width: 767px) {
    body.mbp-slim-header #page-title-pro {
        min-height: 110px;
        margin-bottom: 24px;
    }
    body.mbp-slim-header #page-title-pro h1 {
        font-size: 26px;
    }
}
