/*
 * Category page styling.
 *
 * Both of the template's inline <style> blocks, verbatim and in the order they appeared.
 * Enqueued after the theme's main stylesheet, which is where they sat, so the cascade is
 * unchanged.
 *
 * Build: 2026.08.26.01
 */
.category-nav, .category-intro,.category-intro .js-category-nav-fixed { color:var(--black); background-color:var(--white); }
.category-intro .js-category-nav-fixed .category-nav__icon img { filter:invert(1); }
.category-intro .js-category-nav-fixed:after { background-color:var(--white); color:var(--dark); }
.section-heading h2.h3 { color:var(--orange);  }
.section-heading h2.h4 { padding-top:80px; }
.category-section .section-heading  { margin-bottom:0}
.category-nav__item:hover  { color:var(--black);  }
@media (min-width: 768px) {
    .category-intro { margin-bottom:0; }
}
@media (min-width: 1024px) {
    .fixed-position .header__inner {
        padding: 19px 0 5px;
    }
    .category-nav__list {
	font-size: 26px;
    }
    .category-nav__list li {
        margin: 0 28px 25px;
    }
}

.fixed-position .header {
    animation: none;
}
.button-container { position:absolute; }
.button {
    display: block;
    position: relative;
    top: 65px;
    border: 1px solid #cecece;
    padding: 10px 20px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border-radius: 25px;
}
@media screen and (max-width: 800px) {
.button {
    top: -5px;
    right: -300px;
}
}