/* ActiveIOM fitness refresh - 2026-06-18 */
:root {
    --activeiom-ink: #101820;
    --activeiom-slate: #17212b;
    --activeiom-mist: #f4f7f2;
    --activeiom-card: #ffffff;
    --activeiom-green: #74df4a;
    --activeiom-blue: #159bd3;
    --activeiom-orange: #f06a3d;
    --activeiom-muted: #667085;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--activeiom-mist);
    color: var(--activeiom-ink);
    letter-spacing: 0;
}

.blogza-background-wrapper .squares,
.blogza-background-wrapper .circles,
.blogza-background-wrapper .triangles {
    opacity: 0.22;
}

.bs-headthree.six {
    margin-bottom: 28px;
    background: linear-gradient(135deg, var(--activeiom-ink) 0%, var(--activeiom-slate) 58%, #24452a 100%);
    color: #fff;
    box-shadow: 0 18px 40px rgba(16, 24, 32, 0.18);
}

.bs-headthree .bs-header-main {
    background: transparent;
}

.bs-headthree .bs-header-main .inner {
    min-height: 230px;
    padding: 26px 0 22px;
}

.bs-headthree .navbar-header {
    min-height: 0;
}

.bs-headthree .navbar-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bs-headthree .navbar-brand .custom-logo {
    width: 220px;
    max-width: min(42vw, 220px);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.25));
}

.site-branding-text .site-title a {
    color: #fff;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.site-branding-text .site-description {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 700;
    margin-top: 10px;
}

.bs-menu-full {
    background: rgba(16, 24, 32, 0.92);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.bs-headthree.six .navbar-wp {
    border: 0;
    margin-bottom: 0;
    min-height: 58px;
    background: transparent;
}

.navbar-wp .navbar-nav > li > a,
.bs-headthree.six .navbar-wp .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 18px 0;
}

.navbar-wp .navbar-nav > li > a:hover,
.navbar-wp .navbar-nav > li.current-menu-item > a,
.navbar-wp .navbar-nav > li.active > a,
.bs-headthree.six .navbar-wp .navbar-nav > li.active > a,
.bs-headthree.six .navbar-wp .navbar-nav > li > a:hover {
    color: var(--activeiom-green) !important;
}

.navbar-toggler,
.navbar-toggler.x,
.right-nav a {
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.18);
}

.navbar-toggler:hover,
.navbar-toggler.x:hover,
.right-nav a:hover {
    color: var(--activeiom-green);
}

.navbar-toggler .icon-bar,
.navbar-toggler.x .icon-bar {
    background-color: rgba(255, 255, 255, 0.88);
}

.bs-blog-post {
    overflow: hidden;
    border: 1px solid rgba(16, 24, 32, 0.08);
    border-radius: 10px;
    background: var(--activeiom-card);
    box-shadow: 0 14px 34px rgba(16, 24, 32, 0.09);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.bs-blog-post:hover {
    transform: translateY(-3px);
    border-color: rgba(21, 155, 211, 0.24);
    box-shadow: 0 20px 42px rgba(16, 24, 32, 0.14);
}

.bs-blog-post .bs-blog-thumb.back-img,
.bs-blog-post .bs-blog-thumb img,
.bs-blog-post .bs-blog-thumb {
    border-radius: 0;
}

.bs-blog-post .bs-blog-thumb img {
    min-height: 270px;
    object-fit: cover;
}

.bs-blog-post .small {
    padding: 0 18px 20px;
}

.bs-blog-post .small .title,
.bs-blog-post .small .title a,
.entry-title,
.entry-title a {
    color: var(--activeiom-ink);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
}

.bs-blog-post .small .title a:hover,
.entry-title a:hover,
.article_content a,
.entry-content a {
    color: var(--activeiom-blue);
}

.bs-blog-post .bs-blog-meta,
.bs-blog-post .bs-blog-meta a {
    color: var(--activeiom-muted);
    font-size: 13px;
}

.bs-blog-post .bs-blog-thumb .bs-blog-category a,
.post-categories a,
.cat-links a {
    border-radius: 999px;
    background: var(--activeiom-green) !important;
    color: var(--activeiom-ink) !important;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(16, 24, 32, 0.18);
}

.bs-blog-post .bs-blog-thumb .bs-blog-category a:nth-child(even),
.post-categories a:nth-child(even),
.cat-links a:nth-child(even) {
    background: var(--activeiom-orange) !important;
    color: #fff !important;
}

.bs-sidebar .widget,
.widget {
    border: 1px solid rgba(16, 24, 32, 0.08);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(16, 24, 32, 0.07);
}

.widget-title,
.bs-widget-title {
    border-bottom-color: var(--activeiom-orange) !important;
    font-weight: 900;
}

body.single-post .bs-blog-post.single {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: clamp(18px, 3vw, 42px);
    border-radius: 10px;
}

body.single-post .bs-blog-post.single:hover {
    transform: none;
}

body.single-post .bs-blog-post.single .title,
body.single-post .entry-title {
    font-size: clamp(34px, 5vw, 64px);
    max-width: 900px;
}

body.single-post .entry-content,
body.single-post .article_content {
    color: #24313d;
    font-size: 18px;
    line-height: 1.75;
}

body.single-post .entry-content p,
body.single-post .article_content p {
    margin-bottom: 1.25rem;
}

body.single-post .entry-content img,
body.single-post .article_content img,
body.single-post figure img {
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(16, 24, 32, 0.12);
}

button,
input[type="submit"],
.btn,
.more-link,
.pagination .page-numbers {
    border-radius: 999px !important;
    font-weight: 800 !important;
}

a {
    color: var(--activeiom-blue);
}

@media (min-width: 992px) {
    body.single-post .bs-sidebar,
    body.single-post aside.sidebar,
    body.single-post #secondary {
        display: none !important;
    }

    body.single-post #primary,
    body.single-post .content-area,
    body.single-post .col-lg-8,
    body.single-post .col-md-8 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    .bs-headthree .bs-header-main .inner {
        min-height: 160px;
    }

    .bs-headthree .navbar-brand .custom-logo {
        width: 150px;
        max-width: 38vw;
    }
}

@media screen and (max-width: 767px) {
    .bs-headthree.six {
        margin-bottom: 18px;
    }

    .bs-headthree .bs-header-main .inner {
        min-height: 112px;
        padding: 12px 0;
    }

    .bs-headthree .navbar-brand .custom-logo {
        width: 92px;
        max-width: 28vw;
    }

    .site-branding-text .site-title a {
        font-size: 30px;
    }

    .bs-blog-post .small {
        padding: 0 14px 18px;
    }

    body.single-post .entry-content,
    body.single-post .article_content {
        font-size: 16px;
        line-height: 1.65;
    }
}