/* ==========================================================================
   The Support Point — Custom Overrides
   Kept separate from the vendor theme CSS (assets/css/main.css) so these
   customizations are easy to find and won't be lost if the theme is ever
   updated/replaced.
   ========================================================================== */

:root {
    --tsp-primary: #FF5722;
}

/* ---- Headings: orange site-wide ---- */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--tsp-primary);
}

/* ---- Navbar: orange on every page except Home ---- */
.tp-header-area.tp-header-inner-page .tp-header-menu > nav > ul > li > a,
.tp-header-area.header-sticky.sticky-white-bg.tp-header-inner-page .tp-header-menu > nav > ul > li > a {
    color: var(--tsp-primary);
}

.tp-header-area.tp-header-inner-page .tp-header-dropdown nav ul li.has-dropdown::after,
.tp-header-area.header-sticky.sticky-white-bg.tp-header-inner-page .tp-header-dropdown nav ul li.has-dropdown::after {
    color: var(--tsp-primary);
}

/* ---- Loading / preloader screen ---- */
#preloader {
    background-color: #ffffff;
}

#preloader .preloader {
    width: 180px;
    height: 180px;
    margin-left: -90px;
    margin-top: -90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px auto;
}

/* Hide the theme's default animated dot spans inside the preloader,
   since we're showing a static logo image instead. */
#preloader .preloader span {
    display: none;
}