/*
Theme Name: TailPress Child
Theme URI: https://github.com/tailpress/tailpress
Author: Stack Media Design
Author URI: https://smd.stackmediavps2.com
Description: Child theme of TailPress - Tailwind CSS powered WordPress theme with Alpine.js
Template: tailpress
Version: 1.0.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: tailpress-child
*/

/* Prevent Alpine.js x-cloak elements from flashing before JS initialises */
[x-cloak] { display: none !important; }

abbr { text-decoration: none; }

@media (max-width: 781px) {
    #site-header { background: #fff; }
    #site-header a,
    #site-header span,
    #site-header abbr { color: #202020 !important; }
    #site-header svg { fill: #0373ba !important; }
}

#site-header { overflow-anchor: none; }

#site-header.is-sticky,
#site-header.is-sticky-out {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding-block: 0.25rem !important;
}
#site-header.is-sticky .header-inner,
#site-header.is-sticky-out .header-inner {
    padding-block: 0.25rem !important;
}
#site-header.is-sticky     { animation: header-slide-down 0.35s ease forwards; }
#site-header.is-sticky-out { animation: header-slide-up   0.35s ease forwards; }

@keyframes header-slide-down {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}
@keyframes header-slide-up {
    from { transform: translateY(0); }
    to   { transform: translateY(-100%); }
}

#site-header.is-sticky a,     #site-header.is-sticky-out a,
#site-header.is-sticky span,  #site-header.is-sticky-out span,
#site-header.is-sticky abbr,  #site-header.is-sticky-out abbr,
#site-header.is-sticky svg,   #site-header.is-sticky-out svg { color: #202020 !important; }

.header-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.75rem 0.5rem;
}
@media (min-width: 1200px) {
    .header-inner { padding: 1rem 2.5rem; }
}