/*
Theme Name: EAH Blog
Theme URI: https://blog.etowahanimalhospital.com
Author: Etowah Animal Hospital
Description: Custom blog theme styled to match etowahanimalhospital.com
Version: 1.1
*/

/*
 * All visual styles come from the main site CSS loaded in functions.php:
 *   base6d14.css / small9700.css / medium6d14.css / large6d14.css / blog.css
 *
 * Add any blog-only overrides below this comment only if truly necessary.
 */

/*
 * Fix sticky-header logo line gap.
 *
 * The main site inlines min-height:80px on .bi-logo-container, which changes
 * the container height in the .fixed state from 75px → 80px, making bottom:43%
 * land close enough to the SVG line.  The blog theme has no such override, so
 * the container stays at 75px (aspect-ratio 4/1 of 300px width) and bottom:43%
 * ends up 2–3px above the SVG line, revealing a white gap.
 *
 * Without min-height the container and the img are both exactly 75px, so the
 * SVG line (at 40% from the bottom) aligns with bottom:40% — the same
 * percentage used in the non-fixed state.
 */
@media only screen and (min-width: 68em) {
    .bi-site-header.fixed .bi-logo-container:after {
        bottom: 40%;
    }
}