/* Fix logo size */
.logo img,
.logo .custom-logo,
.custom-logo-link img {
    height: 65px !important;
    width: auto !important;
    max-width: none !important;
}

/* Fix hero and footer logo white box */
.hero-image-box img {
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.4)) !important;
    opacity: 0.9;
}
.footer-brand .logo-wrap img {
    filter: none !important;
    opacity: 0.9;
}

/* Stats grid for about-us and corporate training pages */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 24px;
}
.stat-card {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 16px;
    padding: 20px;
    text-align: center;
}
.stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    font-family: var(--font-head);
}
.stat-label {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* About page layout */
.about-section {
    padding: 80px 24px;
}
.about-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}
.about-visual {
    background: var(--gradient);
    border-radius: 24px;
    overflow: hidden;
}
.about-text h2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a2636;
    margin-bottom: 16px;
}
.about-text p {
    color: var(--neutral);
    line-height: 1.8;
    margin-bottom: 16px;
}

/* Trainers grid */
.trainers-section {
    padding: 80px 24px;
}
.trainers-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.trainer-card-alt {
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    text-align: center;
    padding: 32px 24px;
}
.trainer-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 2.5rem;
    color: rgba(255,255,255,0.8);
}

/* Resources grid */
.resources-section {
    padding: 80px 24px;
}
.resources-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.resource-card {
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 20px;
    padding: 28px;
    box-shadow: var(--card-shadow);
}
.resource-card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a2636;
    margin-bottom: 10px;
}
.resource-card p {
    font-size: 0.88rem;
    color: var(--neutral);
    line-height: 1.7;
    margin-bottom: 16px;
}

/* Page hero fixes for custom templates */
.page-hero-content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.page-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
}
.page-breadcrumb a {
    color: rgba(255,255,255,0.9);
}
.page-breadcrumb .separator {
    color: rgba(255,255,255,0.5);
}
.page-hero-title {
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}
.page-hero-subtitle {
    color: rgba(255,255,255,0.85);
    font-size: 1rem;
    max-width: 600px;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Corporate training stats */
.corporate-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 32px;
}
.corporate-stat {
    text-align: center;
    padding: 16px;
}
.corporate-stat .stat-value {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    font-family: var(--font-head);
}
.corporate-stat .stat-desc {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.8);
    display: block;
}

@media (max-width: 768px) {
    .about-grid, .trainers-grid, .resources-grid {
        grid-template-columns: 1fr;
    }
    .stats-grid, .corporate-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ==============================
   VISUAL DESIGN FIXES - Match Reference Site
   ============================== */

/* Section badge label */
.section-badge {
    display: inline-block;
    background: rgba(24, 104, 184, 0.1);
    color: #1868B8;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.section-title {
    font-size: 2rem;
    color: #1a2636;
    font-weight: 700;
    margin-bottom: 32px;
}

/* ========== CONTACT PAGE ========== */
.contact-section {
    padding: 64px 0;
    background: #fff;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 48px;
    align-items: start;
}

.contact-info {
    padding-right: 24px;
}

.contact-info-heading {
    font-size: 1.75rem;
    color: #1a2636;
    font-weight: 700;
    margin-bottom: 16px;
}

.contact-info-desc {
    color: #6a727a;
    line-height: 1.7;
    margin-bottom: 32px;
}

.contact-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 16px;
    background: #f4f8fd;
    border-radius: 10px;
    border: 1px solid #e1e8f0;
}

.contact-item-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.contact-item-icon svg {
    width: 20px;
    height: 20px;
    stroke: white;
}

.contact-item-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-item-text strong {
    font-size: 1rem;
    font-weight: 600;
    color: #1a2636;
}

.contact-item-text span {
    color: #6a727a;
    font-size: 0.95rem;
    line-height: 1.5;
}

.contact-social {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

.social-link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #1868B8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
}

.social-link:hover {
    background: #1868B8;
    transform: translateY(-2px);
}

.social-link svg {
    width: 18px;
    height: 18px;
    fill: white;
}

.contact-form-wrap {
    background: #fff;
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #e1e8f0;
    box-shadow: 0 2px 12px rgba(24,104,184,0.08);
}

.contact-form-wrap h3 {
    font-size: 1.5rem;
    color: #1a2636;
    margin-bottom: 8px;
}

.contact-form-wrap p {
    color: #6a727a;
    margin-bottom: 24px;
    font-size: 0.95rem;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1a2636;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 12px 16px;
    border: 1px solid #cfcecf;
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem;
    color: #1a2636;
    transition: all 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #1868B8;
    box-shadow: 0 0 0 3px rgba(24,104,184,0.1);
}

.btn-submit {
    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%);
    color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Sora', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(24,104,184,0.3);
}

/* ========== RESOURCES PAGE ========== */
.articles-section {
    padding: 64px 0;
    background: #fff;
}

.resources-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
}

.resource-card {
    background: #fff;
    border: 1px solid #e1e8f0;
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.resource-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(24,104,184,0.12);
    border-color: #1868B8;
}

.resource-card-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.resource-card-icon svg {
    width: 24px;
    height: 24px;
    stroke: white;
}

.resource-category {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #1868B8;
    background: rgba(24, 104, 184, 0.1);
    padding: 4px 12px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    align-self: flex-start;
}

.resource-card h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a2636;
    line-height: 1.4;
    margin: 8px 0;
}

.resource-card h3 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.resource-card h3 a:hover {
    color: #1868B8;
}

.resource-card p {
    color: #6a727a;
    line-height: 1.6;
    font-size: 0.95rem;
    flex-grow: 1;
}

.resource-card .read-more {
    color: #1868B8;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    transition: all 0.3s ease;
}

.resource-card .read-more:hover {
    gap: 10px;
    color: #1868B8;
}

/* ========== ABOUT PAGE FIXES ========== */
.about-text h2:before {
    content: 'ABOUT US';
    display: block;
    background: rgba(24, 104, 184, 0.1);
    color: #1868B8;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
    width: fit-content;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .resources-card-grid {
        grid-template-columns: 1fr;
    }
    
    .btn-submit {
        width: 100%;
    }
}

/* ============================================================
   ABOUT US PAGE - NEW SECTIONS CSS
   Matches certificate.qaassessor.org design
   ============================================================ */

/* --- About page section wrappers --- */
.about-strip {
    padding: 80px 24px;
    background: #fff;
}
.about-mvp-wrap {
    padding: 80px 24px;
    background: var(--light-bg, #f4f8fd);
}
.about-team-wrap {
    padding: 80px 24px;
    background: #fff;
}
.about-industries-wrap {
    padding: 80px 24px;
}

/* --- Section inner for about wrap --- */
.about-mvp-wrap .section-inner,
.about-team-wrap .section-inner {
    padding: 0 24px;
}

/* --- Mission / Vision / Philosophy cards --- */
.mvp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 8px;
}
.mvp-card {
    background: #fff;
    border: 1px solid rgba(24,104,184,0.10);
    border-radius: 20px;
    padding: 36px 28px;
    box-shadow: 0 4px 24px rgba(24,104,184,0.08);
    transition: transform 0.25s, box-shadow 0.25s;
}
.mvp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(24,104,184,0.14);
}
.mvp-icon-box {
    width: 52px;
    height: 52px;
    background: #E8F1FA;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 1.5rem;
}
.mvp-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a2636;
    margin-bottom: 12px;
    font-family: var(--font-head, 'Sora', sans-serif);
}
.mvp-card p {
    color: var(--neutral, #6a727a);
    line-height: 1.7;
    font-size: 0.95rem;
    margin: 0;
}

/* --- Trainers grid (3-column, matches reference) --- */
.trainers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 40px;
}

/* --- Industries 6-column grid --- */
.industries-6col {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* --- Section tag light variant (for blue backgrounds) --- */
.section-tag.light,
.why-section .section-tag {
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.25);
}

/* --- Section title white variant --- */
.why-section .section-title {
    color: #fff;
}

/* --- Section sub white variant --- */
.why-section .section-sub {
    color: rgba(255,255,255,0.85);
}

/* --- About who inner layout (ensure 2-col on wide) --- */
.about-who-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 900px) {
    .mvp-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .trainers-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .industries-6col {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .industries-6col {
        grid-template-columns: 1fr !important;
    }
    .about-strip,
    .about-mvp-wrap,
    .about-team-wrap,
    .about-industries-wrap {
        padding: 48px 16px;
    }
}

/* Method list for Training Methodology page */
.method-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}
.method-list-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,0.18);
    border-radius: 12px;
    padding: 16px 20px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.method-list-item i {
    font-size: 1.1rem;
    color: #fff;
    opacity: 0.9;
    flex-shrink: 0;
}
.method-list-item span {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.method-list-item {
    flex-wrap: wrap;
}
.method-list-item small {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    color: rgba(255,255,255,0.75);
    font-weight: 400;
    margin-top: 2px;
    padding-left: 34px;
}

/* ===== Our Six-Step Training Method - Reference Image Styles ===== */

/* Section background */
.methodology-light-section {
    background-color: #EEF2F7 !important;
    padding: 80px 40px !important;
}

/* Container centering */
.methodology-light-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* "OUR APPROACH" pill label above heading using pseudo-element */
.methodology-light-section h2::before {
    content: 'OUR APPROACH';
    display: inline-block;
    background-color: #dce8f5;
    color: #1a4a7a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 6px 18px;
    border-radius: 20px;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-family: var(--font-head, sans-serif);
}

/* Main heading */
.methodology-light-section h2 {
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    color: #0d1b2e !important;
    margin-bottom: 8px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 1.2;
}

/* Hide section intro subtitle */
.methodology-light-section .section-intro {
    display: none !important;
}

/* Grid - 2 columns */
.methodology-light-section .method-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    margin-top: 48px !important;
    text-align: left;
}

/* Cards */
.methodology-light-section .method-card {
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 32px 28px !important;
    box-shadow: 0 2px 12px rgba(0, 60, 130, 0.07) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

/* Number badge - dark blue rounded square */
.methodology-light-section .method-step {
    min-width: 52px;
    width: 52px;
    height: 52px;
    background: #1868B8 !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    font-family: var(--font-head, sans-serif);
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    padding: 0 !important;
    letter-spacing: 0.5px;
}

/* Card titles */
.methodology-light-section .method-card h3 {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #0d1b2e !important;
    margin-bottom: 10px !important;
    margin-top: 4px !important;
    line-height: 1.3;
}

/* Card descriptions */
.methodology-light-section .method-card p {
    font-size: 0.875rem !important;
    color: #5a6a7e !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ===== CTA Section Buttons - View Training Schedule & Contact Us ===== */

/* Primary button: white fill, dark bold text, pill shape */
.cta-section .cta-buttons .btn-primary {
    background: #ffffff !important;
    color: #1a2636 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.cta-section .cta-buttons .btn-primary:hover {
    background: rgba(255,255,255,0.9) !important;
    color: #1a2636 !important;
}

/* Secondary button: transparent, white border, white text, pill shape */
.cta-section .cta-buttons .btn-secondary {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.cta-section .cta-buttons .btn-secondary:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

/* Buttons container spacing */
.cta-section .cta-buttons {
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 32px !important;
}

/* Register button styling - matches homepage btn-primary */
a.btn-register-small {
    display: inline-block !important;
    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%) !important;
    color: #ffffff !important;
    font-family: 'Sora', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12.48px !important;
    padding: 7px 18px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.25s !important;
    box-shadow: rgba(24, 104, 184, 0.3) 0px 4px 15px !important;
    text-decoration: none !important;
}
a.btn-register-small:hover {
    box-shadow: rgba(24, 104, 184, 0.5) 0px 8px 28px !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* Align nav menu to the right */
.site-nav {
    margin-left: auto !important;
}

/* ===== BRAND COLOR OVERRIDES ===== */

/* ============================================================
   QA ASSESSOR — BRAND COLOR DESIGN SYSTEM
   Primary Blue: #1868B8  |  Accent Gold: #0F4A86
   ============================================================ */

/* === CSS VARIABLES OVERRIDE === */
:root {
  --primary:        #1868B8;
  --primary-dark:   #0F4A86;
  --primary-darker: #0B3764;
  --primary-light:  #1868B8;
  --primary-xlight: #E8F1FA;
  --accent:         #1868B8;
  --accent-dark:    #0F4A86;
  --accent-light:   #4A8FD4;
  --accent-xlight:  #E8F1FA;
  --orange:         #1868B8;
  --gradient:       linear-gradient(120deg,#1868B8 0%,#0F4A86 100%);
  --gradient-h:     linear-gradient(120deg,#1868B8 0%,#0F4A86 100%);
  --gradient-orange: linear-gradient(120deg,#1868B8 0%,#0F4A86 100%);
  --gradient-hero:  linear-gradient(120deg,#1868B8 0%,#0F4A86 100%);
  --neutral:        #6a727a;
  --border:         #cfcecf;
  --black:          #1a2636;
  --white:          #ffffff;
  --light-bg:       #F3F8FD;
  --card-shadow:    0 4px 24px rgba(24,104,184,0.10);
  --shadow-sm:      0 2px 8px rgba(24,104,184,0.10);
  --shadow-md:      0 6px 24px rgba(24,104,184,0.15);
  --shadow-lg:      0 12px 40px rgba(24,104,184,0.20);
  --radius-sm:      8px;
  --radius-md:      14px;
  --radius-lg:      22px;
  --radius-xl:      32px;
}

/* === HEADER / SITE NAV === */
.site-header {
  background: #ffffff !important;
  border-bottom: 3px solid var(--accent) !important;
  box-shadow: 0 2px 16px rgba(24,104,184,0.10) !important;
}
.site-nav a {
  color: #2a3a54 !important;
  font-weight: 600;
  transition: color 0.2s, background 0.2s;
}
.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current-menu-ancestor > a {
  color: var(--primary) !important;
  background: var(--primary-xlight) !important;
  border-radius: 8px;
}
.site-nav .current-menu-item > a {
  background: var(--primary-xlight) !important;
  color: var(--primary) !important;
  border-bottom: 2px solid var(--accent) !important;
}

/* === LOGO === */
.logo img,
.logo .custom-logo,
.custom-logo-link img {
  height: 65px !important;
  width: auto !important;
  max-width: none !important;
}

/* === REGISTER NOW BUTTON (Nav CTA) === */
.btn-cta,
.nav-cta,
.header-cta,
a.btn-cta {
  background: var(--gradient-orange) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-xl) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(24, 104, 184,0.35) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.btn-cta:hover,
.nav-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(24, 104, 184,0.45) !important;
}

/* === HERO SECTION === */
.hero,
.hero-section,
section/* ===================== HERO SECTION ===================== */
.hero {
  background: linear-gradient(135deg, #001A33 0%, #003366 50%, #004488 100%) !important;
}

/* Hero badge */
.hero-badge, .hero .section-tag {
  background: rgba(243,146,0,0.15) !important;
  border: 1px solid rgba(243,146,0,0.25) !important;
  color: #FFAA33 !important;
  font-weight: 700 !important;
  border-radius: 100px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.5px !important;
}
.hero-badge .hero-badge-dot {
  width: 7px !important;
  height: 7px !important;
  background: #22C55E !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

/* Hero text */
.hero p { color: rgba(255,255,255,0.75) !important; }

/* Buttons */
.hero .btn-white, .hero .btn-outline {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
}
.hero .btn-white:hover, .hero .btn-outline:hover {
  background: rgba(255,255,255,0.1) !important;
}
.btn-white {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  color: #FFFFFF !important;
}

/* Hero image box / card */
.hero-image-box {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  position: relative !important;
}

/* Hide the screenshot image */
.hero-image-box > img {
  display: none !important;
}

/* OUR EXPERTISE label via before pseudo on container */
.hero-courses-preview::before {
  content: "\f0a3  OUR EXPERTISE" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif !important;
  display: block !important;
  color: #F39200 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

/* Labels container */
.hero-courses-preview {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Individual label pills */
.hero-courses-preview .course-pill {
  background: rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 4px !important;
  padding: 11px 14px !important;
}
.hero-courses-preview .course-pill span {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.85) !important;
}
.hero-courses-preview .course-pill i {
  font-size: 0.9rem !important;
  color: #F39200 !important;
}
.hero-courses-preview .fa-circle-check, .hero-courses-preview .fas { color: #F39200 !important; }

/* Hero stats - flat inline style, no cards */
.hero-stats {
  display: flex !important;
  grid-template-columns: unset !important;
  gap: 36px !important;
  margin-top: 40px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}
.hero-stat {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  backdrop-filter: none !important;
}
.hero-stat strong {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  display: block !important;
  font-size: 2rem !important;
}
.hero-stat span {
  color: rgba(255,255,255,0.45) !important;
  text-transform: none !important;
  font-size: 0.78rem !important;
  letter-spacing: 0 !important;
}

.about-strip { background: #FFFFFF !important; border-bottom: 1px solid #E8F0FE !important; }
.about-strip h2 { color: #0A2E52 !important; -webkit-text-fill-color: #0A2E52 !important; }
.about-strip .section-tag { background: #E3EEFF !important; border: 1.5px solid rgba(21,101,192,0.3) !important; color: #1565C0 !important; }
.about-strip p { color: #334155 !important; }
.about-strip .about-feature { color: #1A3A6B !important; }
.about-strip .btn-primary, .about-strip a.btn { background: linear-gradient(120deg, #1868B8 0%, #0F4A86 100%) !important; color: #FFFFFF !important; font-weight: 700 !important; border-radius: 50px !important; }
.about-visual { border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 12px 40px rgba(13,71,161,0.3) !important; }
.about-stat-item { background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.22) !important; border-radius: 12px !important; padding: 16px !important; text-align: center !important; }
.about-stat-item strong { color: #FFD54F !important; font-size: 1.7rem !important; font-weight: 800 !important; display: block !important; }
.about-stat-item span { color: rgba(255,255,255,0.82) !important; font-size: 0.7rem !important; text-transform: uppercase !important; }
.courses-section { background: #F5F8FF !important; }
.courses-section h2 { color: #0A2E52 !important; -webkit-text-fill-color: #0A2E52 !important; }
.courses-section p, .courses-section .section-sub { color: #334155 !important; }
.courses-section .section-tag { background: #E3EEFF !important; border: 1.5px solid rgba(21,101,192,0.3) !important; color: #1565C0 !important; }
.course-card { background: #FFFFFF !important; border: 1px solid #D0E0FF !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(13,71,161,0.08) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; overflow: hidden !important; }
.course-card:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 32px rgba(13,71,161,0.18) !important; }
.course-card h3 { color: #0D2B5E !important; }
.course-card .course-card-header { background: linear-gradient(135deg, #EEF4FF, #E3EEFF) !important; padding: 20px !important; border-bottom: 1px solid #D0E0FF !important; }
.course-card .iso-badge { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; color: #FFFFFF !important; border: none !important; font-weight: 700 !important; border-radius: 8px !important; padding: 4px 12px !important; }
.course-type { background: #F5F8FF !important; border: 1px solid #D0E0FF !important; border-left: 3px solid #1565C0 !important; border-radius: 10px !important; padding: 12px 16px !important; transition: all 0.2s !important; }
.course-type:hover { background: #E8F0FE !important; border-left-color: #0D47A1 !important; transform: translateX(4px) !important; }
.course-type h4 { color: #0D2B5E !important; font-weight: 700 !important; }
.course-type-meta { color: #475569 !important; }
.courses-section .btn-primary, .courses-section a.btn { background: linear-gradient(120deg, #1868B8 0%, #0F4A86 100%) !important; color: #FFFFFF !important; font-weight: 700 !important; border-radius: 50px !important; border: none !important; }
.why-section {
  background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%) !important;
}
.why-section h2 { color: #FFFFFF !important; }
.why-section p, .why-section .section-sub, .why-section .section-inner > p { color: rgba(255,255,255,0.8) !important; }
.why-section .section-inner { color: #FFFFFF !important; }
.why-section .section-tag { background: rgba(255,255,255,0.15) !important; border: 1px solid rgba(255,255,255,0.3) !important; color: #FFD54F !important; }
.why-card { background: rgba(255,255,255,0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 20px !important; transition: 0.25s !important; }
.why-card:hover { background: rgba(255,255,255,0.18) !important; transform: translateY(-4px) !important; }
.why-card h3, .why-card h4 { color: #FFFFFF !important; font-weight: 700 !important; }
.why-card p { color: rgba(255,255,255,0.8) !important; }
section:has(.method-card) { background: #ffffff !important; }
section:has(.method-card) h2, section:has(.method-card) .section-title { color: #1A2636 !important; -webkit-text-fill-color: #1A2636 !important; }
section:has(.method-card) p, section:has(.method-card) .section-sub { color: #6a727a !important; }
section:has(.method-card) .section-tag { background: rgba(255,213,79,0.15) !important; border-color: rgba(255,213,79,0.5) !important; color: #FFD54F !important; }
.method-card { background: #ffffff !important; border: 1px solid #e8eef5 !important; border-radius: 20px !important; padding: 28px !important; box-shadow: 0 4px 24px rgba(24,104,184,0.08) !important; transition: all 0.3s ease !important; }
.method-card:hover { background: #f4f8fd !important; border-color: #c8dff5 !important; transform: translateY(-3px) !important; box-shadow: 0 8px 32px rgba(24,104,184,0.14) !important; }
.method-card h3, .method-card h4 { color: #1A2636 !important; font-weight: 700 !important; }
.method-card p { color: #6a727a !important; }
.testimonials { background: #F0F6FF !important; }
.testimonials h2 { color: #0A2E52 !important; }
.testimonials p { color: #334155 !important; }
.testimonials .section-tag { background: #E3EEFF !important; border: 1.5px solid rgba(21,101,192,0.3) !important; color: #1565C0 !important; }
.testimonial-card { background: #FFFFFF !important; border: 1px solid #D0E0FF !important; border-top: 4px solid #1868B8 !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(13,71,161,0.08) !important; }
.testimonial-card p { color: #334155 !important; font-style: italic !important; }
.testimonial-card .testimonial-author strong { color: #0D2B5E !important; font-weight: 700 !important; }
.testimonial-card .testimonial-author span { color: #64748B !important; }
.testimonial-card .avatar { background: linear-gradient(135deg, #1565C0, #0D47A1) !important; color: #FFFFFF !important; }
.cta-section {
  background: linear-gradient(135deg, #0A2556 0%, #1565C0 50%, #0288D1 100%) !important;
  border-top: 4px solid #1868B8 !important;
  border-bottom: 4px solid #1868B8 !important;
}
.cta-section h2 { color: #FFFFFF !important; font-weight: 800 !important; }
.cta-section p { color: rgba(255,255,255,0.88) !important; }
.cta-section .btn-white { background: #FFFFFF !important; color: #1565C0 !important; font-weight: 700 !important; border: none !important; border-radius: 50px !important; }
.cta-section .btn-outline { border: 2px solid rgba(255,255,255,0.85) !important; color: #FFFFFF !important; background: transparent !important; font-weight: 600 !important; border-radius: 50px !important; }
.site-footer { background: #0A2E52 !important; border-top: 4px solid #1868B8 !important; }
.site-footer h3, .site-footer h4, .footer-col-extra-heading { color: #FFFFFF !important; font-weight: 700 !important; position: relative !important; padding-bottom: 10px !important; }
.site-footer h4::after, .site-footer h3::after, .footer-col-extra-heading::after { content: '' !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 32px !important; height: 2px !important; background: #1868B8 !important; }
.site-footer p { color: rgba(255,255,255,0.68) !important; }
.site-footer a, .footer-col a { color: rgba(255,255,255,0.70) !important; }
.site-footer a:hover, .footer-col a:hover { color: #FFD54F !important; }
.footer-email, .site-footer a[href*="mailto"] { color: #64B5F6 !important; }
.footer-social a { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 10px !important; color: rgba(255,255,255,0.8) !important; }
.footer-social a:hover { background: #1868B8 !important; border-color: #1868B8 !important; color: #0A2E52 !important; }
.footer-bottom { background: #0A2E52 !important; border-top: 1px solid rgba(255,255,255,0.1) !important; }
.footer-bottom p, .footer-bottom span { color: rgba(255,255,255,0.5) !important; }
.status-open { background: linear-gradient(135deg, #00897B, #00695C) !important; color: #FFFFFF !important; border-radius: 20px !important; padding: 4px 12px !important; font-weight: 600 !important; }
.status-filling { background: linear-gradient(135deg, #FF8F00, #E65100) !important; color: #FFFFFF !important; border-radius: 20px !important; padding: 4px 12px !important; font-weight: 600 !important; }
.btn-primary, button.btn-primary, a.btn-primary { background: linear-gradient(120deg, #1868B8 0%, #0F4A86 100%) !important; color: #FFFFFF !important; border: none !important; font-weight: 700 !important; border-radius: 50px !important; box-shadow: 0 4px 16px rgba(255,111,0,0.4) !important; }
::-webkit-scrollbar { width: 8px !important; }
::-webkit-scrollbar-track { background: #F0F4FF !important; }
::-webkit-scrollbar-thumb { background: #1565C0 !important; border-radius: 4px !important; }

/* === END COMPREHENSIVE REDESIGN v3 === */


/* Management Systems Training Courses page heading color */
.page-hero h1 {
    color: #ffffff !important;
}

/* Breadcrumb links color - match Foundation Training color */
.page-hero .breadcrumb a,
.page-hero .breadcrumb a:visited {
    color: #D3D3D3 !important;
}

/* Breadcrumb color and font-size overrides */
.breadcrumb {
    color: #D3D3D3 !important;
    font-size: 0.736rem !important;
}
.breadcrumb span {
    color: #D3D3D3 !important;
    font-size: 0.736rem !important;
}
.breadcrumb a {
    color: #D3D3D3 !important;
    font-size: 0.736rem !important;
}

/* Course Training Background Colors */
/* Internal Auditor Training (2nd) */

/* Implementer Training (3rd) */

/* Lead Auditor Training (4th) */

/* Course ribbon day labels font color */
.course-type .days {
  color: #B45309 !important;
}

/* Course ribbon text bold + ~10% larger font */
.course-type span {
  font-weight: bold !important;
  font-size: 0.940rem !important;
}


/* =============================================
   ISO Card Headers: Real Images + Text Overlay
   Card bodies 20% lighter + 20% color tint on images
   ============================================= */

/* Base style for all card headers */
.course-card-header {
  position: relative !important;
  height: 160px !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 0 !important;
}
/* Dark gradient overlay for text readability */
.course-card-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0.65) 100%) !important;
  z-index: 1 !important;
  border-radius: 14px 14px 0 0 !important;
}
/* 20% color tint / reflection overlay */
.course-card-header::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  mix-blend-mode: color !important;
}
.course-card-header .iso-badge,
.course-card-header h3 {
  position: relative !important;
  z-index: 2 !important;
}
.course-card-header .iso-badge {
  display: inline-block !important;
  background: rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  margin: 0 16px 6px 16px !important;
  width: fit-content !important;
}
.course-card-header h3 {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 16px 14px 16px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* ISO 9001 - Quality Management - Blue */
.course-card[data-standard="iso-9001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-9001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1581091226825.webp') !important;
}
.course-card[data-standard="iso-9001"] .course-card-header::after {
  background-color: rgba(21,101,192,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 14001 - Environmental - Green */
.course-card[data-standard="iso-14001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-14001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1441974231531.webp') !important;
}
.course-card[data-standard="iso-14001"] .course-card-header::after {
  background-color: rgba(46,125,50,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 45001 - Health & Safety - Orange */
.course-card[data-standard="iso-45001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-45001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1504307651254.webp') !important;
}
.course-card[data-standard="iso-45001"] .course-card-header::after {
  background-color: rgba(230,81,0,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 50001 - Energy Management - Amber */
.course-card[data-standard="iso-50001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-50001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1509391366360.webp') !important;
}
.course-card[data-standard="iso-50001"] .course-card-header::after {
  background-color: rgba(245,127,23,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 27001 - Information Security - Indigo */
.course-card[data-standard="iso-27001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-27001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1550751827-4b.webp') !important;
}
.course-card[data-standard="iso-27001"] .course-card-header::after {
  background-color: rgba(40,53,147,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 42001 - AI Management - Purple */
.course-card[data-standard="iso-42001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-42001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1677442135703.webp') !important;
}
.course-card[data-standard="iso-42001"] .course-card-header::after {
  background-color: rgba(106,27,154,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 22301 - Business Continuity - Teal */
.course-card[data-standard="iso-22301"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-22301"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1553877522-43.webp') !important;
}
.course-card[data-standard="iso-22301"] .course-card-header::after {
  background-color: rgba(0,105,92,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 13485 - Medical Devices - Crimson */
.course-card[data-standard="iso-13485"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-13485"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1576091160399.webp') !important;
}
.course-card[data-standard="iso-13485"] .course-card-header::after {
  background-color: rgba(183,28,28,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 22000 - Food Safety - Golden */
.course-card[data-standard="iso-22000"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-22000"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1506617564039.webp') !important;
}
.course-card[data-standard="iso-22000"] .course-card-header::after {
  background-color: rgba(191,54,12,0.20) !important;
  mix-blend-mode: normal !important;
}

/* ISO 37001 - Anti-Bribery - Slate */
.course-card[data-standard="iso-37001"] { background: #FFFFFF !important; border-color: #DCE6F0 !important; }
.course-card[data-standard="iso-37001"] .course-card-header {
  background-image: url('/wp-content/uploads/qapf4-home/card-1589829545856.webp') !important;
}
.course-card[data-standard="iso-37001"] .course-card-header::after {
  background-color: rgba(38,50,56,0.20) !important;
  mix-blend-mode: normal !important;
}

/* Increase font size 20% and bold for ISO items and OUR EXPERTISE label */
.hero-courses-preview .course-pill span {
	    font-size: 16.6px !important;
	    font-weight: 500 !important;
}

.hero-courses-preview::before {
	    font-size: 12.32px !important;
	    font-weight: 510 !important;
}


/* Override pcb-process section background to match certificate.qaassessor.org */
.pcb-process {
    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%) !important;
}

/* Override pcb-hero background to match certificate.qaassessor.org */
.pcb-hero {
    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%) !important;
}

/*  Hero Video Background  */
.hero.hero-video-bg {
	    position: relative;
	    overflow: hidden;
	    background: linear-gradient(135deg, #1868B8 0%, #1868B8 50%, #0F4A86 100%) !important;
}

.hero-bg-video {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    transform: translate(-50%, -50%);
	    z-index: 0;
	    object-fit: cover;
}

.hero-video-overlay {
	    position: absolute;
	    inset: 0;
	    background: linear-gradient(135deg, rgba(24,104,184,0.30) 0%, rgba(24,104,184,0.25) 50%, rgba(15,74,134,0.20) 100%);
	    z-index: 1;
}

.hero.hero-video-bg .hero-inner {
	    position: relative;
	    z-index: 2;
}




/* ========================================
   FIX: ISO Standards Cards Text Readability
   The pcb-std-code and pcb-std-name colors are being
   overridden by a secondary CSS block with dark colors.
   Force white text for the image-overlay card design.
======================================== */
.pcb-std-code {
    color: #ffffff !important;
    opacity: 0.9;
}
.pcb-std-name {
    color: #ffffff !important;
}

/* FIX: Standards card layout - image overlay design 
   Remove conflicting white background/box-shadow from version 2 CSS */
.pcb-std-card {
    background: transparent !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    padding: 0 !important;
    text-align: left !important;
}

/* FIX: Section spacing - reduce excessive padding between sections 
   that creates large whitespace gaps */
.pcb-levels {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}
.pcb-commitment {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pcb-testimonials {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}
.pcb-news {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/* Logo colors match certificate site */
.logo-text .brand-name,
.logo-name {
  color: #1868B8 !important;
}

.logo-text .brand-tagline,
.logo-tagline {
  color: #6a727a !important;
}

/* Fix header text wrapping */
.logo-tagline { white-space: nowrap !important; }
#primary-menu li a { white-space: nowrap !important; }

/* ─── TOP UTILITY BAR (HEADER TOPBAR) ─── */
.header-topbar {
  background: #f0f6ff;
  border-bottom: 1px solid #bfdbfe;
}
.header-topbar-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 6px 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-topbar-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.topbar-link {
  font-size: 0.8rem;
  font-weight: 500;
  color: #1e40af;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  white-space: nowrap;
}
.topbar-link:hover {
  color: #1868B8;
}

/* ═══════════════════════════════════════════
   ASNT-STYLE HEADER REDESIGN
   ═══════════════════════════════════════════ */

/* ─── OVERALL SITE HEADER ─── */
.site-header {
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  border-bottom: none !important;
}

/* ─── TOP UTILITY BAR ─── */
.header-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.header-topbar-inner {
  max-width: 1280px !important;
  padding: 8px 32px !important;
}
.topbar-link {
  color: #374151 !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
}
.topbar-link i {
  color: #1a3a6e !important;
}
.topbar-link:hover {
  color: #1a3a6e !important;
}

/* ─── MAIN HEADER INNER (LOGO + NAV + CTA) ─── */
.header-inner {
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 32px !important;
  max-width: 100% !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* ─── NAVIGATION ─── */
.site-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: center !important;
}
.site-nav .menu {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site-nav .menu > li > a {
  color: #1a2336 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: color 0.2s, background 0.2s !important;
  white-space: nowrap !important;
}
.site-nav .menu > li > a:hover,
.site-nav .menu > li.current-menu-item > a {
  color: #1a3a6e !important;
  background: #f0f4ff !important;
}

/* ─── HEADER CTA GROUP (LOGIN + JOIN) ─── */
.header-cta-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

/* Login button - ghost/text style like ASNT */
.btn-login {
  color: #1a2336 !important;
  background: transparent !important;
  border: none !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: color 0.2s !important;
  white-space: nowrap !important;
}
.btn-login:hover {
  color: #1a3a6e !important;
  background: #f0f4ff !important;
}

/* JOIN NOW button - solid dark navy like ASNT's "JOIN ASNT" */
.btn-register {
  background: #1a3a6e !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.2s !important;
  display: inline-block !important;
}
.btn-register:hover {
  background: #0f2650 !important;
  color: #ffffff !important;
}

/* ─── LOGO ─── */
.logo {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}


/* ============================================
   ASNT.ORG STYLE HEADER - PRECISE SELECTORS
   ============================================ */

/* ── TOP UTILITY BAR: light gray background like ASNT ── */
.site-header .header-topbar {
  background-color: #f2f4f6 !important;
  border-bottom: 1px solid #dce1e7 !important;
  padding: 6px 0 !important;
}
.site-header .header-topbar-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}
.site-header .header-topbar-inner a {
  color: #444 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  padding: 0 14px !important;
  border-right: 1px solid #ccc !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: color 0.2s !important;
  line-height: 1.4 !important;
}
.site-header .header-topbar-inner a:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}
.site-header .header-topbar-inner a:first-child {
  padding-left: 0 !important;
}
.site-header .header-topbar-inner a:hover {
  color: #003087 !important;
}

/* ── MAIN HEADER ROW: white background, clean ── */
.site-header .header-inner {
  background: #ffffff !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 70px !important;
}

/* ── OVERALL HEADER: white bg, subtle bottom shadow ── */
header.site-header {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  border-bottom: none !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
}

/* ── NAV MENU: clean, spaced, ASNT-like ── */
.site-header .site-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: center !important;
}
.site-header .site-nav ul {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.site-header .site-nav ul li.menu-item > a {
  color: #1a1a1a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.1px !important;
  padding: 24px 16px !important;
  border-bottom: 3px solid transparent !important;
  border-top: 3px solid transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
  text-decoration: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  background: transparent !important;
}
.site-header .site-nav ul li.menu-item > a:hover {
  color: #003087 !important;
  border-bottom-color: #003087 !important;
  background: transparent !important;
}
.site-header .site-nav ul li.current-menu-item > a,
.site-header .site-nav ul li.current_page_item > a {
  color: #003087 !important;
  border-bottom-color: #003087 !important;
}

/* ── DROPDOWN INDICATOR ── */
.site-header .site-nav ul li.menu-item-has-children > a::after {
  content: " ▾" !important;
  font-size: 10px !important;
  vertical-align: middle !important;
  color: #666 !important;
}

/* ── DROPDOWN MENUS ── */
.site-header .site-nav ul li.menu-item-has-children ul {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-top: 3px solid #003087 !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
  min-width: 200px !important;
  padding: 8px 0 !important;
  position: absolute !important;
}
.site-header .site-nav ul li.menu-item-has-children ul li a {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 9px 20px !important;
  border-bottom: none !important;
  border-top: none !important;
  display: block !important;
  border-left: 3px solid transparent !important;
}
.site-header .site-nav ul li.menu-item-has-children ul li a:hover {
  background: #f0f5ff !important;
  color: #003087 !important;
  border-left-color: #003087 !important;
}

/* ── LOGO ── */
.site-header a.logo {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  padding: 8px 0 !important;
}

/* ── CTA GROUP ── */
.site-header .header-cta-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

/* ── LOGIN LINK ── */
.site-header .btn-login {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 10px !important;
  transition: color 0.2s !important;
}
.site-header .btn-login:hover {
  color: #003087 !important;
}

/* ── JOIN NOW BUTTON (ASNT-style pill) ── */
.site-header .btn-register {
  background: #003087 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
  white-space: nowrap !important;
  display: inline-block !important;
}
.site-header .btn-register:hover {
  background: #001a5c !important;
  color: #ffffff !important;
}


/* ── Member Dashboard: Full-width hero banner ── */
.page-id-1059 section {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}
.page-id-1059 .mdb-wrap {
  width: 100% !important;
  max-width: 100% !important;
}
.page-id-1059 .mdb-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

/* Hide Login button from menu */
.site-header .btn-login,
.mobile-nav .btn-login {
	    display: none !important;
}
}

/* JOIN NOW button - match QA Assessor brand blue */
.site-header .btn-register,
.mobile-nav .btn-register {
	    background: #1868B8 !important;
	    box-shadow: rgba(24, 104, 184, 0.35) 0px 4px 15px !important;
}
.site-header .btn-register:hover,
.mobile-nav .btn-register:hover {
	    background: #005fa3 !important;
	    box-shadow: rgba(24, 104, 184, 0.5) 0px 6px 22px !important;
}

/* Topbar links - Log In, Jobs Portal, Events Calendar */
.header-topbar-right .topbar-link,
.header-topbar-right a {
	    color: #1868B8 !important;
}

/* JOIN NOW button color - matching QA Assessor brand blue */
.site-header .btn-register,
.site-header a.btn-register,
.mobile-nav .btn-register {
    background: #2563EB !important;
    background-color: #2563EB !important;
    border-color: #2563EB !important;
    box-shadow: rgba(37, 99, 235, 0.35) 0px 4px 15px !important;
}
.site-header .btn-register:hover,
.site-header a.btn-register:hover,
.mobile-nav .btn-register:hover {
    background: #1d4ed8 !important;
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    box-shadow: rgba(37, 99, 235, 0.5) 0px 6px 22px !important;
}

/* Top bar links - Log In, Jobs Portal, Events Calendar */
.topbar-link,
a.topbar-link,
.header-topbar-right .topbar-link,
.header-topbar-right a {
    color: #2563EB !important;
}
.topbar-link:hover,
a.topbar-link:hover,
.header-topbar-right .topbar-link:hover {
    color: #1d4ed8 !important;
}
.topbar-link i,
a.topbar-link i {
    color: #2563EB !important;
}

/* Member rail: sub section tabs at 25% of the navy, so they read lighter than the main section */
#buddypress .qap-srail .qap-srail-views > li.current > a,
#buddypress .qap-srail .qap-srail-views > li.selected > a { background: #C5CED7 !important; color: #173B5F !important; font-weight: 600 !important; }

/* qa-feed-reserve (2026-11-13): on the Feed the post box and the list keep their place while they load, so the page does not jump on phones and tablets. The record shortcuts wait until they are inside the post box, as they already do on desktop. */
body.qap-app #buddypress > #bp-nouveau-activity-form + .qap-composer-actions { display: none !important; }
@media (max-width: 900px) {
	body.qap-app.activity.directory #buddypress > #bp-nouveau-activity-form { min-height: 169px; }
	body.qap-app.activity.directory #buddypress > .screen-content { min-height: calc(100vh - 400px); }
}
@media (max-width: 480px) {
	body.qap-app.activity.directory #buddypress > #bp-nouveau-activity-form { min-height: 265px; }
}
/* end qa-feed-reserve */

/* qa-basket-reserve (2026-11-13): on phones the basket keeps the footer below the first screen while it loads, so the page does not jump. */
@media (max-width: 782px) {
	body.woocommerce-cart .wp-block-woocommerce-cart { min-height: calc(100vh - 330px); }
}
/* end qa-basket-reserve */

/* qa-mobile-fields (2026-11-13): on phones every form field is set in 16px type, so iPhones do not zoom the page when a field is tapped and typed text is easier to read. Labels, tabs and badges keep their size. */
@media (max-width: 782px) {
	html:not(#qa-a):not(#qa-b) body :is(input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="url"], input[type="date"], select, textarea) { font-size: 16px !important; }
}
/* end qa-mobile-fields */

/* qa-l11-site (2026-11-13): the owner's chosen style "L11" for every page except the home page, which carries its own. Three parts. (1) Settings: the colour and font settings themselves now live in the theme's and portal's own style files (edited there 2026-11-13); what remains here covers the logo blue #1868B8 with its shades #0F4A86 and #0B3764 and tints #E8F1FA and #F3F8FD; text, headings and form fields use the device's system font (icon fonts are left alone). (2) Recolour: rules in the theme's and plugins' own files that carry an older blue or the old navy are repeated here with the new value, because those files cannot be edited from this screen; the older rules in this box were edited in place instead (2026-11-13 tidy-up). (3) Headers: now produced by the home-and-headers plugin file itself. No layout, text or function is changed. Undo: remove this block. */
html:not(.qa-app):not(.qa-dark){--qa-blue:#1868B8;--qa-blue-dark:#0F4A86;--qa-blue-soft:#E8F1FA}
html body:not(#qa-a):not(#qa-b),html body:not(#qa-a) :is(h1,h2,h3,h4,h5,h6,p,a,li,span,div,label,button,input,select,textarea,td,th,small,strong,em,blockquote,figcaption,summary,dt,dd):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.dashicons):not([class*="icon"]):not(.ab-icon):not(.ab-item):not(#wpadminbar *){font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}
html body:not(.qap-app) .footer-email i{color:#6FA8EC}html .qap-btn-outline:hover{background-color:rgb(232, 241, 250)}
html .qap-cpd-summary{background-color:rgb(232, 241, 250)}
html .woocommerce-MyAccount-navigation li.is-active a, html .woocommerce-MyAccount-navigation li a:hover{background-color:rgb(232, 241, 250)}
html .qap-badge-cert{background-color:rgb(232, 241, 250)}
html body.qap-app #buddypress .activity-meta .qap-react.is-on{background-color:rgb(232, 241, 250)}
html body.qap-app #buddypress #members-list > li .action .generic-button a:hover{background-color:rgb(232, 241, 250) !important}
html body.qap-app #buddypress .bp-profile-button a.button:hover{background-color:rgb(232, 241, 250) !important}
html .qap-badge{background-color:rgb(232, 241, 250)}
html body.qap-app .qap-job-card.is-on > a{background-color:rgb(232, 241, 250)}
html body.qap-app .qap-job-logo-blank{background-color:rgb(232, 241, 250)}
html body.qap-app .qap-job-tag{background-color:rgb(232, 241, 250)}
html .qap-ev-cover{background-color:rgb(232, 241, 250)}
html body.qap-srail-on #buddypress .qap-srail-views{border-left-color:rgb(232, 241, 250)}
html body.qapf3.qap-app .qap-appbar-nav a.qap-ab-link.is-on, html body.qapf3.qap-app .qap-appbar-nav a.qap-ab-link.is-on span{color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-tl-body a{color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-vprompt, html body.qapf3.qap-app a.qap-vprompt{color:rgb(24, 104, 184) !important;border-top-color:rgb(24, 104, 184) !important;border-right-color:rgb(24, 104, 184) !important;border-bottom-color:rgb(24, 104, 184) !important;border-left-color:rgb(24, 104, 184) !important}
html body.qapf3.qap-app .qap-vprompt:hover{background-color:rgb(232, 241, 250)}
html body.qapf3.woocommerce-preferences .qap-benefits li input[type="checkbox"]{accent-color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-form input[type="checkbox"]{accent-color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-grade:hover::after, html body.qapf3.qap-app .qap-grade:focus-visible::after{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-certlist td.qap-actions-col a.qap-link.qapf3-primary{background-color:rgb(24, 104, 184);border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-certlist td.qap-actions-col a.qap-link.qapf3-primary:hover{background-color:rgb(15, 74, 134);border-top-color:rgb(15, 74, 134);border-right-color:rgb(15, 74, 134);border-bottom-color:rgb(15, 74, 134);border-left-color:rgb(15, 74, 134)}
html body.qapf3.qap-app .qap-details summary::before{color:rgb(24, 104, 184)}
html body.qapf3.qap-app .qap-nt-pill.is-on{color:rgb(24, 104, 184) !important;box-shadow:rgb(24, 104, 184) 0px -2px 0px inset}
html body.qapf3.qap-app .qapf3-footline a:hover{color:rgb(24, 104, 184)}
html body.qapf3-member-public .qap-ab-menu a:hover{background-color:rgb(232, 241, 250);color:rgb(24, 104, 184)}
html body.qapf3-member-public a:focus-visible, html body.qapf3-member-public button:focus-visible{outline-color:rgb(24, 104, 184)}
html body.qapf3 .site-header .btn-register, html body.qapf3 .site-header .mobile-register-btn{background-color:rgb(24, 104, 184) !important;border-top-color:rgb(24, 104, 184) !important;border-right-color:rgb(24, 104, 184) !important;border-bottom-color:rgb(24, 104, 184) !important;border-left-color:rgb(24, 104, 184) !important}
html body.qapf3 .site-header .btn-register:hover, html body.qapf3 .site-header .mobile-register-btn:hover{background-color:rgb(15, 74, 134) !important;border-top-color:rgb(15, 74, 134) !important;border-right-color:rgb(15, 74, 134) !important;border-bottom-color:rgb(15, 74, 134) !important;border-left-color:rgb(15, 74, 134) !important}
html body.qapf3 .wc-block-cart__submit-button, html body.qapf3 .wc-block-components-checkout-place-order-button, html body.qapf3 .wc-block-components-button{background-color:rgb(24, 104, 184) !important}
html body.qapf3 .wc-block-cart__submit-button:hover, html body.qapf3 .wc-block-components-checkout-place-order-button:hover, html body.qapf3 .wc-block-components-button:hover{background-color:rgb(15, 74, 134) !important}
html body.qapf3.woocommerce-account:not(.logged-in) .woocommerce form .form-row .show-password-input:focus-visible{outline-color:rgb(24, 104, 184) !important}
html body.qapf3.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-login__rememberme input, html body.qapf3.woocommerce-account:not(.logged-in) .woocommerce form .qap-register-conduct input{accent-color:rgb(24, 104, 184)}
html body.qapf3 .qapf3-loginnote{background-color:rgb(232, 241, 250) !important}
html body.qap-app .qap-appbar .qap-appbar-nav a.qap-ab-link.is-on, html body.qap-app .qap-appbar .qap-ab-link.is-on span, html body.qap-app .qap-appbar .qap-ab-link.is-on .qap-ab-i, html body.qap-app .qap-appbar .qap-appbar-nav a[aria-current="page"], html body.qap-app .qap-appbar .qap-appbar-nav a[aria-current="page"] span, html body.qap-app .qap-appbar .qap-appbar-nav a[aria-current="page"] .qap-ab-i{color:rgb(24, 104, 184) !important;fill:rgb(24, 104, 184) !important}
html body.qapf3.qap-app .qap-railpeople a.qap-rail-more, html body.qapf3.qap-app .qap-railjobs a.qap-rail-more, html body.qapf3.qap-app .qap-rail-card > a:last-child{color:rgb(24, 104, 184) !important}
html body.qapf3.qap-app .qap-vprompt, html body.qapf3.qap-app a.qap-vprompt, html body.qapf3.qap-app .qap-rail .qap-vprompt, html body.qapf3.qap-app #buddypress .qap-vprompt, html body.qapf3.qap-app .qap-vprompt span, html body.qapf3.qap-app .qap-vprompt svg{color:rgb(24, 104, 184) !important;fill:rgb(24, 104, 184) !important;border-top-color:rgb(24, 104, 184) !important;border-right-color:rgb(24, 104, 184) !important;border-bottom-color:rgb(24, 104, 184) !important;border-left-color:rgb(24, 104, 184) !important;background-color:rgb(232, 241, 250) !important}
html body.qapf3:is(.qap-app, .qapf3-member-public) .qap-dock[data-open="0"] .qap-dock-head{background-color:rgb(24, 104, 184) !important}
html body.qapf3 .qapf3-confirm-actions a.qapf3-confirm-go{background-color:rgb(24, 104, 184);border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html body.qapf3 .qapf3-confirm-actions a.qapf3-confirm-go:hover{background-color:rgb(15, 74, 134)}
html body.qapf3 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="range"]):focus, html body.qapf3 select:focus, html body.qapf3 textarea:focus, html body.qapf3.qap-app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="range"]):focus-visible, html body.qapf3.qap-app select:focus-visible, html body.qapf3.qap-app textarea:focus-visible, html body.qapf3.qap-app .qap-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus, html body.qapf3.qap-app .qap-form select:focus, html body.qapf3.qap-app .qap-form textarea:focus, html body.qapf3.qap-app .woocommerce form .form-row .input-text:focus, html body.qapf3.woocommerce-account:not(.logged-in) .woocommerce form .form-row .input-text:focus, html body.qapf3 .qapx-multi > summary:focus, html body.qapf3 .qapx-multi > summary:focus-visible{border-top-color:rgb(24, 104, 184) !important;border-right-color:rgb(24, 104, 184) !important;border-bottom-color:rgb(24, 104, 184) !important;border-left-color:rgb(24, 104, 184) !important;box-shadow:rgb(24, 104, 184) 0px 0px 0px 1px inset !important}
html .qapf4-404 a{color:rgb(24, 104, 184)}
html .qap-btn:not(.qap-btn-outline):not(.qap-btn-muted){background-color:rgb(24, 104, 184);border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html .qap-btn:not(.qap-btn-outline):not(.qap-btn-muted):hover, html .qap-btn:not(.qap-btn-outline):not(.qap-btn-muted):focus-visible{background-color:rgb(15, 74, 134);border-top-color:rgb(15, 74, 134);border-right-color:rgb(15, 74, 134);border-bottom-color:rgb(15, 74, 134);border-left-color:rgb(15, 74, 134)}
html .qap-btn-outline{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184);color:rgb(24, 104, 184) !important}
html .qa-scheme h2{color:rgb(24, 104, 184)}
html .qa-scheme-grid a:hover{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html .qa-scheme-grid strong{color:rgb(24, 104, 184)}
html body.qap-app #buddypress .standard-form .editfield input:focus, html body.qap-app #buddypress .standard-form .editfield textarea:focus{box-shadow:rgba(24, 104, 184, 0.12) 0px 0px 0px 3px}
html body.qap-app #buddypress #whats-new-form #whats-new:focus{box-shadow:rgba(24, 104, 184, 0.12) 0px 0px 0px 3px}
html body.qap-app .qap-btn-outline:hover{background-color:rgba(24, 104, 184, 0.08)}
html body.qap-app #buddypress .qap-settings-card button.wp-generate-pw:hover{background-color:rgba(24, 104, 184, 0.08)}
html body.qap-app .job_preview input[name="edit_job"]:hover{background-color:rgba(24, 104, 184, 0.08)}
html body.qap-app ul.job_listings li.job_listing li.job-type{background-color:rgba(24, 104, 184, 0.08)}
html body.qap-app .qap-job-save.is-on{background-color:rgba(24, 104, 184, 0.08)}
html body.woocommerce-account input:focus, html body.woocommerce-account select:focus, html body.woocommerce-account textarea:focus{box-shadow:rgba(24, 104, 184, 0.12) 0px 0px 0px 3px}
html body.woocommerce-account:not(.logged-in) .woocommerce form .form-row .input-text:focus{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184);outline-color:rgb(24, 104, 184)}
html body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-login__rememberme input, html body.woocommerce-account:not(.logged-in) .woocommerce form .qap-register-conduct input{accent-color:rgb(24, 104, 184)}
html body.woocommerce-account:not(.logged-in) .woocommerce form button.button, html body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-Button, html body.woocommerce-account:not(.logged-in) .woocommerce form button[type="submit"]{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184);background-color:rgb(24, 104, 184)}
html body.woocommerce-account:not(.logged-in) .woocommerce form button.button:hover, html body.woocommerce-account:not(.logged-in) .woocommerce form button[type="submit"]:hover{background-color:rgb(15, 74, 134);border-top-color:rgb(15, 74, 134);border-right-color:rgb(15, 74, 134);border-bottom-color:rgb(15, 74, 134);border-left-color:rgb(15, 74, 134)}
html body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-LostPassword a, html body.woocommerce-account:not(.logged-in) .woocommerce form .lost_password a{color:rgb(24, 104, 184)}
html #buddypress #bp-nouveau-activity-form#bp-nouveau-activity-form #aw-whats-new-submit:hover{box-shadow:rgba(24, 104, 184, 0.35) 0px 4px 10px -2px, rgba(255, 255, 255, 0.14) 0px 1px 0px inset}
html body.qapx .qapx-filter input{accent-color:rgb(24, 104, 184)}
html body.qapx .qapx-table a.qapx-name:hover{color:rgb(24, 104, 184)}
html body.qapx .qapx-table .qap-vmark{color:rgb(24, 104, 184)}
html body.qapx .qapx-cand .qap-rev-who strong .qap-vmark{color:rgb(24, 104, 184)}
html body.qapx .qapx-details[open] > summary{background-color:rgb(232, 241, 250);border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184);color:rgb(24, 104, 184)}
html body.qapx .qapx-check input{accent-color:rgb(24, 104, 184)}
html body.qapx select.qapx-select:focus, html body.qapx select.qapx-select:focus-visible{border-top-color:rgb(24, 104, 184) !important;border-right-color:rgb(24, 104, 184) !important;border-bottom-color:rgb(24, 104, 184) !important;border-left-color:rgb(24, 104, 184) !important;box-shadow:rgb(24, 104, 184) 0px 0px 0px 1px inset !important}
html body.qapx .qapx-multi > summary:focus, html body.qapx .qapx-multi > summary:focus-visible{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184);box-shadow:rgb(24, 104, 184) 0px 0px 0px 1px inset}
html body.qapx .qapx-multi[open] > summary{border-top-color:rgb(24, 104, 184);border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html body.qapx .qapx-multi-list{border-right-color:rgb(24, 104, 184);border-bottom-color:rgb(24, 104, 184);border-left-color:rgb(24, 104, 184)}
html body.qapx .qapx-multi-item input{accent-color:rgb(24, 104, 184)}
html body.qapx .qapx-namelock a{color:rgb(24, 104, 184)}
html body.qapx .qapx-evidence a{color:rgb(24, 104, 184)}
html #qap-sheet .qap-find:focus-within{box-shadow:rgb(24, 104, 184) 0px 0px 0px 1px inset !important}
html #qap-sheet .qapf4-retry{color:rgb(24, 104, 184)}
html #qap-sheet .qapf4-send-rule a{color:rgb(24, 104, 184)}
@media (max-width: 900px){html body.qap-app.qapf2-job-open .qapf2-jobs-back{color:rgb(24, 104, 184)}}
/* end qa-l11-site */

/* qa-header-footer (2026-11-13): owner's choice "Option 4" for the public header and footer, style only. Header: white bar with a blue base line; menu links as tabs, the current page a solid blue tab; top strip in a light tint with "Register" outlined. Footer: deep blue with a slanted top edge and a faint ring; the short blue bar under the three column headings is removed at the owner's request (the thin orange line is kept). Every link, the wording and the company line are unchanged. Not applied inside the member portal. Last line: the page-header title is white in every state; signed-in visitors were getting a dark title on the blue header. Undo: remove this block. */
html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu > li > a{font-weight:600;font-size:14.5px;padding:9px 13px !important;border-radius:999px;border:0 !important;box-shadow:none !important;transition:background .15s ease,color .15s ease}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu{align-items:center;gap:2px}html body:not(.qap-app):not(#qa-a):not(#qa-b) .header-topbar{background:#F3F8FD !important;border-bottom:0 !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .header-topbar .topbar-link{color:#0F4A86 !important;font-weight:600;font-size:13px;border-color:transparent !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .header-topbar .topbar-link i{color:#0F4A86 !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .header-topbar .topbar-link.qapf3-strip-register{background:#fff !important;color:#1868B8 !important;border:1.5px solid #1868B8 !important;border-radius:999px;padding:3px 12px !important;margin:3px 0 3px 8px;line-height:1.5}html body:not(.qap-app):not(#qa-a):not(#qa-b) .header-topbar .topbar-link.qapf3-strip-register i{color:#1868B8 !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-header{background:#fff !important;box-shadow:inset 0 -3px 0 #1868B8}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu > li > a{color:#1F2D3D !important;border-radius:10px}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu > li > a:hover{background:#E8F1FA !important;color:#0F4A86 !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu > li.current-menu-item > a,html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu > li.current_page_item > a,html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-nav .menu > li.current-menu-ancestor > a{background:#1868B8 !important;color:#fff !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) footer.site-footer{background:#0B3764 !important;border-top:0 !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .footer-bottom{background:#082A4D !important;border-top:1px solid rgba(255,255,255,.10)}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-footer h4{color:#fff !important;letter-spacing:.08em}html body:not(.qap-app):not(#qa-a):not(#qa-b) .footer-col ul li a{color:#C9D8EA !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) .footer-col ul li a:hover{color:#fff !important}html body:not(.qap-app):not(#qa-a):not(#qa-b) footer.site-footer{clip-path:polygon(0 56px,100% 0,100% 100%,0 100%);padding-top:56px;margin-top:-20px;position:relative;overflow:hidden}html body:not(.qap-app):not(#qa-a):not(#qa-b) footer.site-footer::before{content:"";position:absolute;right:-120px;top:-40px;width:460px;height:460px;border-radius:50%;border:26px solid rgba(255,255,255,.05);box-shadow:0 0 0 44px rgba(255,255,255,.03);pointer-events:none}html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-footer h4::after,html body:not(.qap-app):not(#qa-a):not(#qa-b) .site-footer h3::after{display:none !important}html body:not(#qa-a) .page-hero :is(h1,h2){color:#fff !important}
/* end qa-header-footer */