/* ============================================

   APEXFITO CUSTOM STYLES — v2.0 (GGR Inspired)

   ============================================ */

/* --- DARK HEADER --- */

#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {

    background: #1b1314 !important;

}

.site-header-main-section-left .site-branding .site-title a {

    color: #ffffff !important;

}

.site-header-main-section-right .main-navigation .primary-menu-container > ul > li.menu-item > a {

    color: rgba(255,255,255,0.9) !important;

    font-size: 15px !important;

    font-weight: 500 !important;

}

.site-header-main-section-right .main-navigation .primary-menu-container > ul > li.menu-item > a:hover { color: #d93d29 !important; }

.header-social-wrap .social-button {

    color: rgba(255,255,255,0.85) !important;

    background: transparent !important;

    font-size: 16px !important;

}

.header-social-wrap .social-button:hover { color: #d93d29 !important; }

.search-toggle-open-container .search-toggle-open { color: rgba(255,255,255,0.9) !important; }

.search-toggle-open-container .search-toggle-open:hover { color: #d93d29 !important; }

.header-navigation .header-menu-container ul ul.sub-menu { background: #291012 !important; }

.header-navigation .header-menu-container ul ul li.menu-item > a { color: #f1eaeb !important; }

.header-navigation .header-menu-container ul ul li.menu-item > a:hover { color: #ffffff !important; background: #1b1314 !important; }





.site-footer-wrap .footer-html-inner a { color: rgba(255,255,255,0.8) !important; }

/* --- HOMEPAGE --- */

.apx-home { max-width: 1290px; margin: 0 auto; padding: 0 1.5rem; }

.apx-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; padding: 4rem 0 3rem; min-height: 450px; }

.apx-hero-copy { display: flex; flex-direction: column; gap: 1rem; }

.apx-eyebrow { font-size: 14px; font-weight: 600; color: #b22f1e; text-transform: uppercase; letter-spacing: 1.5px; }

.apx-hero-copy h1 { font-size: 38px !important; line-height: 1.2 !important; margin: 0 !important; color: #1b1314 !important; }

.apx-lead { font-size: 18px !important; line-height: 1.6 !important; color: #555 !important; margin: 0 !important; }

.apx-actions { display: flex; gap: 1rem; margin-top: 0.5rem; }

.apx-btn { display: inline-block; padding: 12px 28px; background: #b22f1e; color: #fff !important; text-decoration: none !important; font-weight: 600; font-size: 16px; border-radius: 4px; }

.apx-btn:hover { background: #d93d29; }

.apx-btn-secondary { background: transparent; color: #b22f1e !important; border: 2px solid #b22f1e; }

.apx-btn-secondary:hover { background: #b22f1e; color: #fff !important; }

.apx-hero-media { position: relative; }

.apx-hero-image { width: 100%; height: auto; border-radius: 8px; display: block; }

.apx-hero-badges { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; }

.apx-badge { display: inline-block; padding: 4px 12px; background: #f1eaeb; color: #1b1314; font-size: 12px; font-weight: 600; border-radius: 20px; }

/* --- SECTIONS --- */

.apx-section { padding: 3rem 0; }

.apx-section h2 { font-size: 32px !important; text-align: center !important; margin-bottom: 0.75rem !important; color: #1b1314 !important; }

.apx-section-intro { text-align: center; max-width: 700px; margin: 0 auto 2.5rem !important; color: #666 !important; font-size: 17px !important; line-height: 1.6 !important; }

/* --- TOPIC CARDS --- */

.apx-topic-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }

.apx-topic-card { display: flex; flex-direction: column; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); text-decoration: none !important; color: inherit !important; }

.apx-topic-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }

.apx-topic-card img { width: 100%; height: 180px; object-fit: cover; display: block; }

.apx-topic-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }

.apx-topic-body h3 { margin: 0 !important; color: #1b1314 !important; font-size: 18px !important; font-weight: 800 !important; }

.apx-topic-body p { font-size: 14px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 !important; flex: 1; }

.apx-link { color: #b22f1e !important; font-weight: 600; font-size: 14px; text-decoration: underline; text-underline-offset: 2px; }

/* --- QUESTION CARDS --- */

.apx-question-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

.apx-question-card { display: flex; flex-direction: column; gap: 0.5rem; padding: 1.5rem; background: #f9f6f7; border-radius: 8px; border: 1px solid #eee; text-decoration: none !important; color: inherit !important; }

.apx-question-card:hover { border-color: #b22f1e; box-shadow: 0 2px 8px rgba(178,47,30,0.1); }

.apx-question-card h3 { margin: 0 !important; color: #1b1314 !important; font-size: 20px !important; font-weight: 700 !important; }

.apx-question-card p { font-size: 15px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 !important; }

/* --- HOME GEAR GRID --- */

.apx-home-gear-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }

.apx-home-gear-card { display: flex; flex-direction: column; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); text-decoration: none !important; color: inherit !important; }

.apx-home-gear-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }

.apx-home-gear-image { width: 100%; height: 180px; overflow: hidden; background: #f9f6f7; }

.apx-home-gear-image img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 0.5rem; }

.apx-home-gear-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }

.apx-home-gear-body h3 { margin: 0 !important; color: #1b1314 !important; font-size: 18px !important; font-weight: 800 !important; }

.apx-home-gear-body p { font-size: 14px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 !important; flex: 1; }

/* --- WHY APEXFITO --- */

.apx-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }

.apx-why-card { text-align: center; padding: 2rem 1.5rem; }

.apx-why-card h3 { font-size: 20px !important; font-weight: 700 !important; margin-bottom: 0.75rem !important; color: #1b1314 !important; }

.apx-why-card p { font-size: 15px !important; line-height: 1.6 !important; color: #555 !important; margin: 0 !important; }

/* --- BREADCRUMB --- */

.apx-breadcrumb-wrap { max-width: 1290px; margin: 0 auto; padding: 0.75rem 1.5rem; }

.apx-breadcrumb ol { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }

.apx-breadcrumb__item { font-size: 13px; color: #888; display: inline-flex; align-items: center; }

.apx-breadcrumb__item a { color: #b22f1e !important; text-decoration: none !important; }

.apx-breadcrumb__item a:hover { text-decoration: underline !important; }

.apx-breadcrumb__item + .apx-breadcrumb__item::before { content: "";""; color: #ccc; margin-right: 0.5rem; font-size: 14px; }

.apx-breadcrumb__item span[aria-current="page"] { color: #555; }

/* --- GEAR PAGE --- */

.apx-category { max-width: 1290px; margin: 0 auto; padding: 0 1.5rem 3rem; }

.apx-category-hero { padding: 3rem 0 2rem; text-align: center; }

.apx-category-eyebrow {
    margin-bottom: 0.75rem;
    font-size: 14px;
    font-weight: 600;
    color: #b22f1e;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.apx-category-hero h1 { font-size: 36px !important; line-height: 1.2 !important; margin: 0.75rem 0 !important; color: #1b1314 !important; }

.apx-category-lead { font-size: 18px !important; line-height: 1.6 !important; color: #555 !important; max-width: 700px; margin: 0 auto !important; }

.apx-category-section { padding: 2rem 0; }

.apx-category-section h2 { font-size: 28px !important; text-align: center !important; margin-bottom: 0.5rem !important; color: #1b1314 !important; }

.apx-gear-hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.apx-gear-hub-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }

.apx-gear-hub-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }

.apx-gear-hub-card > a { text-decoration: none !important; color: inherit !important; display: flex; flex-direction: column; height: 100%; }

.apx-gear-img-box { width: 100%; height: 180px; overflow: hidden; background: #f9f6f7; }

.apx-gear-img-box img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 0.5rem; }

.apx-gear-hub-card .apx-topic-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }

.apx-gear-hub-card .apx-topic-body h3 { font-size: 18px !important; font-weight: 800 !important; margin: 0 !important; color: #1b1314 !important; }

.apx-gear-hub-card .apx-topic-body p { font-size: 14px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 !important; flex: 1; }

.apx-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin: 1.5rem 0; }

.apx-category-card { padding: 1.5rem; background: #f9f6f7; border-radius: 8px; border: 1px solid #eee; }

.apx-category-card:hover { border-color: #b22f1e; }

.apx-category-card h3 { font-size: 20px !important; font-weight: 700 !important; margin: 0 0 0.5rem !important; color: #1b1314 !important; }

.apx-category-card p { font-size: 15px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 0 1rem !important; }

.apx-category-card a { color: #b22f1e !important; font-weight: 600; font-size: 14px; text-decoration: underline; }

.apx-review-card { padding: 1.5rem; background: #f1eaeb; border-radius: 8px; margin: 1.5rem 0; }

.apx-review-card h3 { font-size: 20px !important; font-weight: 700 !important; margin: 0 0 0.5rem !important; color: #1b1314 !important; }

.apx-review-card p { font-size: 15px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 0 0.75rem !important; }

.apx-review-card a { color: #b22f1e !important; font-weight: 600; text-decoration: underline; }

.apx-latest-gear-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.apx-latest-gear-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }

.apx-latest-gear-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }

.apx-latest-gear-card a { text-decoration: none !important; color: inherit !important; display: flex; flex-direction: column; height: 100%; }

.apx-latest-gear-card .apx-article-thumb img { width: 100%; height: 180px; object-fit: cover; display: block; }

.apx-latest-gear-card .apx-article-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }

.apx-latest-gear-card .apx-article-body h3 { font-size: 16px !important; font-weight: 700 !important; margin: 0 !important; color: #1b1314 !important; }

.apx-latest-gear-card .apx-article-body p { font-size: 14px !important; line-height: 1.5 !important; color: #555 !important; margin: 0 !important; flex: 1; }

.apx-latest-gear-card .apx-link { color: #b22f1e !important; font-weight: 600; font-size: 14px; text-decoration: underline; }

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {

    .apx-hero { grid-template-columns: 1fr; gap: 2rem; padding: 2rem 0; }

    .apx-topic-grid, .apx-home-gear-grid { grid-template-columns: repeat(2, 1fr) !important; }

    .apx-gear-hub-grid { grid-template-columns: repeat(2, 1fr); }

    .apx-category-grid { grid-template-columns: repeat(2, 1fr); }

    .apx-latest-gear-grid { grid-template-columns: repeat(2, 1fr); }

    .apx-why-grid { grid-template-columns: 1fr; }

}

@media (max-width: 767px) {

    .apx-topic-grid, .apx-home-gear-grid, .apx-gear-hub-grid { grid-template-columns: 1fr !important; }

    .apx-category-grid, .apx-question-grid { grid-template-columns: 1fr; }

    .apx-latest-gear-grid { grid-template-columns: 1fr; }

    .apx-hero-copy h1 { font-size: 28px !important; }

    .apx-actions { flex-direction: column; }

    .apx-category-hero h1 { font-size: 28px !important; }

}

ubuntu@VM-0-12-ubuntu:~
ubuntu@VM-0-12-ubuntu:~

/* ============================================
   Contact & Inner Pages: apex-* classes
   These pages are built with custom WordPress
   blocks using apex- prefix (different from
   homepage's apx- prefix).
   ============================================ */

/* Main page wrapper */
.apex-page {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 1.5rem 3rem;
}

/* Hero section – top intro area */
.apex-hero {
    padding: 3rem 0 2rem;
    text-align: center;
}

.apex-eyebrow {
    font-size: 14px;
    font-weight: 600;
    color: #b22f1e;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 0.5rem;
}

.apex-hero h1 {
    font-size: 38px;
    line-height: 1.2;
    margin: 0 0 0.75rem;
    color: #1b1314;
}

.apex-lead {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    max-width: 720px;
    margin: 0 auto;
}

/* Content sections – h2 headings */
.apex-section {
    margin: 2.5rem 0;
}

.apex-section h2 {
    font-size: 26px;
    color: #1b1314;
    margin: 0 0 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f1eaeb;
}

.apex-section h3 {
    font-size: 18px;
    color: #1b1314;
    margin: 0 0 0.5rem;
}

.apex-section p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin: 0 0 1rem;
}

/* Grid layout for contact cards */
.apex-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* Contact cards */
.apex-card {
    padding: 1.5rem;
    background: #f9f6f7;
    border-radius: 8px;
    border: 1px solid #eee;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.apex-card:hover {
    border-color: #b22f1e;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.apex-card a {
    color: #b22f1e;
    font-weight: 600;
    text-decoration: underline;
}

.apex-card p:last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .apex-hero h1 { font-size: 28px; }
    .apex-lead { font-size: 16px; }
    .apex-grid { grid-template-columns: 1fr; }
    .apex-page { padding: 0 1rem 2rem; }
}

/* ============================================
   Promo button positioning fix
   Moved to bottom-right to avoid overlapping cards
   ============================================ */
.apx-promo-btn {
}

/* ============================================
   Promo button positioning fix
   Moved to bottom-right to avoid overlapping cards
   ============================================ */
.apx-promo-btn {
    left: auto !important;
    right: 24px !important;
    bottom: 24px !important;
    top: auto !important;
}

/* ============================================
   Hub Page Navigation Strip Cards
   Used on: Fitness Science, Fitness Teaching,
   Fitness Plans (4-column nav links)
   =========================================== */

.apx-strip-card {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    background: #f9f6f7;
    border-radius: 8px;
    border: 1px solid #eee;
    text-decoration: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    color: inherit;
}

.apx-strip-card:hover {
    border-color: #b22f1e;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    color: inherit;
}

.apx-strip-card strong {
    color: #b22f1e;
    font-size: 16px;
    margin-bottom: 2px;
}

.apx-strip-card br + * {
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}

.apx-strip-card__eyebrow {
    font-size: 12px;
    font-weight: 600;
    color: #b22f1e;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.25rem;
}

/* Group of strip cards as a grid */
.apx-strip-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
}

/* Also style the topic-route-grid and mini-link-grid */
.apx-topic-route-grid,
.apx-mini-link-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
}

.apx-mini-link-card {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: #f9f6f7;
    border-radius: 6px;
    border: 1px solid #eee;
    text-decoration: none;
    transition: border-color 0.2s ease;
    color: inherit;
}

.apx-mini-link-card:hover {
    border-color: #b22f1e;
    color: inherit;
}

.apx-mini-link-label {
    font-size: 13px;
    color: #666;
}

/* Post cards on hub pages (latest articles) */
.apx-page-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 1.5rem 0;
}

.apx-page-post-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.apx-page-post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.apx-page-post-card__media {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #f1eaeb;
}

.apx-page-post-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.apx-page-post-card__placeholder {
    width: 100%;
    height: 180px;
    background: linear-gradient(135deg, #f1eaeb 0%, #e4d6d8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #765155;
    font-size: 14px;
}

.apx-page-post-card__body {
    padding: 1.25rem;
}

.apx-page-post-card__body h3 {
    font-size: 16px;
    margin: 0 0 0.5rem;
    line-height: 1.4;
}

.apx-page-post-card__body p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0 0 0.75rem;
}

.apx-page-post-card__link {
    color: #b22f1e;
    font-weight: 600;
    font-size: 13px;
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 1024px) {
    .apx-strip-card-grid,
    .apx-topic-route-grid,
    .apx-mini-link-grid,
    .apx-page-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .apx-strip-card-grid,
    .apx-topic-route-grid,
    .apx-mini-link-grid,
    .apx-page-posts-grid {
        grid-template-columns: 1fr;
    }
}

  .site-branding .site-title a { color: #ffffff !important; }
  .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon { color: #ffffff !important; }

  .site-branding .site-title a { color: #ffffff !important; }
  .site-branding .brand { color: #ffffff !important; }
  .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon { color: #ffffff !important; }

}

/* Mobile header white text */
@media (max-width: 1023px) {
  .site-branding .site-title,
  .site-branding .site-title a,
  .site-branding .brand,
  .mobile-toggle-open-container .menu-toggle-open,
  .mobile-toggle-open-container .menu-toggle-label,

/* ============================================
/* ============================================
   APEXFITO FOOTER - Clean Rules
   ============================================ */

/* --- FOOTER BACKGROUND --- */
.site-footer-wrap { background: #1b1314 !important; }

/* --- SOCIAL ICONS (footer only) --- */
.site-footer-wrap .footer-social-wrap .social-button {
    color: rgba(255,255,255,0.85) !important;
    background: transparent !important;
}
.site-footer-wrap .footer-social-wrap .social-button:hover {
    color: #d93d29 !important;
}
.site-footer-wrap .footer-html-inner a { color: rgba(255,255,255,0.8) !important; }

/* --- MIDDLE FOOTER (5 columns) --- */
.site-middle-footer-inner-wrap {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.site-footer-middle-section-1,
.site-footer-middle-section-2,
.site-footer-middle-section-3,
.site-footer-middle-section-4,
.site-footer-middle-section-5 {
    display: flex !important;
    flex-direction: column;
}
.site-footer .widget-title,
.site-footer .kt-adv-headingwidget-title {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 0.75rem !important;
}
/* Middle column links - bright white */
.site-footer ul.wp-block-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.site-footer ul.wp-block-list li {
    margin-bottom: 0.4rem;
}
.site-footer ul.wp-block-list li,
.site-footer ul.wp-block-list li a,
.site-footer ul.wp-block-list li a:visited {
    color: #ffffff !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.site-footer ul.wp-block-list li a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
/* Hide ::before pseudo elements on middle footer sections */
.site-footer-middle-section-1::before,
.site-footer-middle-section-2::before,
.site-footer-middle-section-3::before,
.site-footer-middle-section-4::before,
.site-footer-middle-section-5::before {
    display: none !important;
    content: none !important;
}

/* --- NEWSLETTER --- */
.newsletter-signup h3 {
    color: #ffffff !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
}

/* --- BOTTOM FOOTER (1 column, centered, stacked) --- */
.site-bottom-footer-wrap {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.site-bottom-footer-inner-wrap {
    padding-top: 1.5rem !important;
    padding-bottom: 1rem !important;
}

/* Make bottom section a vertical column */
.site-footer-bottom-section-1 {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* "FOLLOW US" label */
.site-footer-bottom-section-1::before {
    content: "Follow Us" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 0.75rem !important;
}

/* Social icons - centered */
.footer-social-wrap .footer-social-inner-wrap {
    justify-content: center !important;
}

/* Navigation menu in bottom - centered */
.site-footer .footer-navigation .footer-menu-container ul {
    justify-content: center !important;
}

/* Copyright - centered, with separator */
.site-footer .site-info {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 1rem 0 0.5rem;
    margin-top: 0.5rem;
    width: 100%;
    text-align: center !important;
}
.site-footer .footer-html-inner p {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    margin: 0;
}

/* Responsive - mobile */
@media (max-width: 767px) {
    .site-middle-footer-inner-wrap {
        padding-top: 1.5rem !important;
        padding-bottom: 1rem !important;
    }
}