.elementor-4426 .elementor-element.elementor-element-3515186{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4426 .elementor-element.elementor-element-6a43047{text-align:start;}.elementor-4426 .elementor-element.elementor-element-6a43047 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:34px;font-weight:600;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS *//* ===== Customer Hub / Knowledge Base Layout ===== */

/* Keep everything nicely centered and readable */
body.page-id-4204 #hkb .hkb-fullcontainer {
    max-width: 1120px;
    margin: 0 auto;
    padding: 40px 20px 80px;
}

/* Main "Help Topics" heading */
body.page-id-4204 #hkb .hkb-archivetitle {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #12212f;
    border-bottom: 3px solid #ef8b20; /* SolarTech orange */
    padding-bottom: 1rem;
    margin-bottom: 2.5rem;
}

/* General headings inside the KB main column (category titles, etc.) */
body.page-id-4204 #hkb .hkb-mainpage h2,
body.page-id-4204 #hkb .hkb-mainpage h3,
body.page-id-4204 #hkb .hkb-mainpage h4 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.6rem;
    color: #003a63;
}

/* Category descriptions under each heading */
body.page-id-4204 #hkb .hkb-mainpage h2 + p,
body.page-id-4204 #hkb .hkb-mainpage h3 + p {
    font-size: 1rem;
    color: #5f6b7a;
    margin-bottom: 1.5rem;
}

/* Article links in the lists */
body.page-id-4204 #hkb .hkb-mainpage ul li {
    margin-bottom: 0.3rem;
}

body.page-id-4204 #hkb .hkb-mainpage ul li a {
    font-size: 0.95rem;
    color: #1b2936;
    text-decoration: none;
}

body.page-id-4204 #hkb .hkb-mainpage ul li a:hover {
    color: #ef8b20;
    text-decoration: underline;
    font-weight: 600;
}

/* ===== Sidebar styling (Popular Articles / Need Support) ===== */

body.page-id-4204 #hkb .hkb-mainpage__sidebar {
    max-width: 320px;
}

/* Each sidebar block as a soft card */
body.page-id-4204 #hkb .hkb-mainpage__sidebar > div {
    background: #f5f7fb;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 20px;
    box-shadow: 0 10px 24px rgba(15, 35, 52, 0.08);
}

/* Sidebar headings */
body.page-id-4204 #hkb .hkb-mainpage__sidebar h3 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem;
    color: #003a63;
}

/* Sidebar article links */
body.page-id-4204 #hkb .hkb-mainpage__sidebar ul li a {
    font-size: 0.95rem;
    color: #1b2936;
    text-decoration: none;
}

body.page-id-4204 #hkb .hkb-mainpage__sidebar ul li a:hover {
    color: #ef8b20;
    text-decoration: underline;
}

/* Support button spacing tweak */
body.page-id-4204 #hkb .hkb-mainpage__sidebar .wp-block-button,
body.page-id-4204 #hkb .hkb-mainpage__sidebar .elementor-button-wrapper {
    margin-top: 0.75rem;
}

/* Cleaner article lists */
body.page-id-4204 #hkb .hkb-mainpage ul li {
    margin-bottom: 0.45rem;
}

/* Sidebar block titles ("Popular Articles", "Need Support") */
body.page-id-4204 #hkb .hkb-mainpage__sidebar h3 {
    font-size: 1.15rem;
    margin-bottom: 1rem;
}

/*Make sidebar cards more elegant (subtle, shadowed, branded)*/
body.page-id-4204 #hkb .hkb-mainpage__sidebar > div {
    background: #f8fafc;
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 22px rgba(15, 35, 52, 0.06);
    border: 1px solid rgba(0,0,0,0.05);
}


/* Add more breathing room */
body.page-id-4204 #hkb .hkb-fullcontainer {
    padding: 50px 20px 90px;
}



/* ===== SolarTech BLUE Sidebar Styling ===== */

/* Sidebar card background */
body.page-id-4204 #hkb .hkb-mainpage__sidebar > div {
    background: #184273 !important;  /* SolarTech blue */
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.18);
    border: 1px solid rgba(0,0,0,0.15);
}

/* Sidebar headings ("Popular Articles", "Need Support") */
body.page-id-4204 #hkb .hkb-mainpage__sidebar h3 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Sidebar article links */
body.page-id-4204 #hkb .hkb-mainpage__sidebar ul li a {
    font-size: 1rem;
    color: #ffffff !important;
    text-decoration: none;
    opacity: 0.92;
    transition: 0.2s ease;
}

body.page-id-4204 #hkb .hkb-mainpage__sidebar ul li a:hover {
    color: #ef8b20 !important; /* SolarTech orange */
    text-decoration: underline;
    opacity: 1;
}

/* List icons (e.g., document icons) inside the sidebar */
body.page-id-4204 #hkb .hkb-mainpage__sidebar ul li svg,
body.page-id-4204 #hkb .hkb-mainpage__sidebar ul li i {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Support button styling */
body.page-id-4204 #hkb .hkb-mainpage__sidebar a.wp-block-button__link,
body.page-id-4204 #hkb .hkb-mainpage__sidebar .elementor-button {
    background: #ef8b20 !important; /* SolarTech orange */
    color: #ffffff !important;
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 8px;
    text-align: center;
    transition: 0.2s ease;
}

body.page-id-4204 #hkb .hkb-mainpage__sidebar a.wp-block-button__link:hover,
body.page-id-4204 #hkb .hkb-mainpage__sidebar .elementor-button:hover {
    background: #d97706 !important;  /* slightly darker orange */
}

/* Force the "Need Support?" widget text to white */
#ht-kb-exit-widget-2,
#ht-kb-exit-widget-2 *,
.widget.hkb_widget_exit,
.widget.hkb_widget_exit * {
    color: #ffffff !important;
}


/* Force the Need Support button to SolarTech orange */
body.page-id-4204 #hkb div#ht-kb-exit-widget-2.widget.hkb_widget_exit a.hkb_widget_exit_btn {
    background: #ef8b20 !important;   /* SolarTech orange */
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    display: inline-block;
    text-align: center;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}

body.page-id-4204 #hkb div#ht-kb-exit-widget-2.widget.hkb_widget_exit a.hkb_widget_exit_btn:hover {
    background: #d97706 !important;   /* slightly darker orange */
    color: #ffffff !important;
}/* End custom CSS */