@charset "UTF-8";

/* --- PST BRAND VARIABLES START (For future maintenance) --- */
:root {
    --pst-charcoal: #4A4A4A;      /* Primary Text/Professionalism */
    --pst-mauve: #E5D3E5;         /* Secondary/Elegant Background */
    --pst-olive: #C1D69D;         /* Accent/Call-to-Action (CTA) */
    --pst-white: #FFFFFF;         /* Contrast/Background */
}
/* --- PST BRAND VARIABLES END --- */

/* ========================================================================= */
/* --- MENU COMPONENTS (MAIN NAV & DROPDOWNS) --- */
/* ========================================================================= */

.sp-megamenu-parent>li>a:before,
.sp-megamenu-parent>li>span:before,
.secondary-menu>li>a:before,
.secondary-menu>li>span:before {
    background: #4A4A4A;
    /* UPDATED: Charcoal */
}
#sp-header .logo a {
    padding:0px!important;
}
.secondary-menu>li.active>a,
.secondary-menu>li:hover>a,
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a {
    color: #4A4A4A !important;
    /* UPDATED: Charcoal */
}

.secondary-menu .menu-child li a:after,
.secondary-menu .sp-dropdown-inner li a:after,
.sp-megamenu-parent .sp-dropdown .menu-child li a:after,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li a:after {
    background-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

/* ========================================================================= */
/* --- OFFCANVAS TOGGLER & MENU (MOBILE MENU) --- */
/* ========================================================================= */

#offcanvas-toggler>span:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal for visibility */
}

#offcanvas-toggler:hover .icon-bar>span,
#offcanvas-toggler:focus .icon-bar>span {
    border-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.close-offcanvas:hover .close-icon:before,
.close-offcanvas:hover .close-icon:after {
    background-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.icon-bar>span {
    border-bottom: 2px solid #4A4A4A!important;
    /* UPDATED: Charcoal for bars */
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li>a:before,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu-child>li>a:before {
    background-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li>a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li>a:focus {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler:focus {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

/* ========================================================================= */
/* --- FORMS & ALERTS --- */
/* ========================================================================= */

.registration #member-registration #jform_privacyconsent_privacy-lbl>a {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.registration #member-registration #jform_privacyconsent_privacy-lbl>a:hover,
.registration #member-registration #jform_privacyconsent_privacy-lbl>a:focus {
    color: #E5D3E5;
    /* UPDATED: Soft Mauve */
}

/* ========================================================================= */
/* --- SIDEBAR MODULES --- */
/* ========================================================================= */

#sp-left .sp-module,
#sp-right .sp-module {
    border: 1px solid #E5D3E5;
    /* UPDATED: Soft Mauve */
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
    border-bottom: 1px solid #E5D3E5;
    /* UPDATED: Soft Mauve */
}

#sp-left .sp-module ul>li,
#sp-right .sp-module ul>li {
    border-bottom: 1px solid #E5D3E5;
    /* UPDATED: Soft Mauve */
}

/* ========================================================================= */
/* --- ARTICLE LISTING & LINKS --- */
/* ========================================================================= */

.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus {
    color: #E5D3E5;
    /* UPDATED: Soft Mauve */
}

.article-list .article .readmore a {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.article-list .article .readmore a:hover,
.article-list .article .readmore a:active,
.article-list .article .readmore a:focus {
    color: #E5D3E5;
    /* UPDATED: Soft Mauve */
}

.article-info>span a {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.article-info>span a:hover {
    color: #E5D3E5;
    /* UPDATED: Soft Mauve */
}

.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus,
.article-list .article .article-header h2 a:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.article-list .article .readmore a {
    color: #FFFFFF;
    /* UPDATED: White Text */
    background-color: #4A4A4A;
    /* UPDATED: Charcoal */
    border: 1px solid transparent;
}

.article-list .article .readmore a:focus,
.article-list .article .readmore a:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal Text */
    border-color: #4A4A4A;
    /* UPDATED: Charcoal Border */
    background-color: #FFFFFF;
    /* UPDATED: White BG */
}

.article-info>span a:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.view-article .article-details .blog-details-img-wrapper .article-header-info-wrapper .article-info>span a:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.view-article .article-details .blog-details-img-wrapper .article-info>span {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.view-article .article-details .blog-details-img-wrapper .article-header {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.view-article .article-details .sppb-blocknumber .sppb-blocknumber-number {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
    border: 2px solid #4A4A4A;
    /* UPDATED: Charcoal */
}

.view-article .article-details .pagenavigation .pagination .page-item .page-link:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
    border-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.view-article .sppb-addon-testimonial .sppb-addon-testimonial-footer .sppb-addon-testimonial-client strong {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.pager>li a:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
    border-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.pagenavigation .pagination .previous,
.pagenavigation .pagination .next {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

.pagenavigation .pagination .previous:hover,
.pagenavigation .pagination .next:hover {
    border-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

/* ========================================================================= */
/* --- SP PAGE BUILDER BUTTONS --- */
/* ========================================================================= */

/* Secondary Button Style */
.sppb-btn.sppb-btn-default {
    color: #4A4A4A;
    /* UPDATED: Charcoal Text */
    border: 1px solid #4A4A4A;
    /* ADDED: Charcoal Border */
}

.sppb-btn.sppb-btn-default:focus,
.sppb-btn.sppb-btn-default:hover {
    color: #FFFFFF;
    /* UPDATED: White Text */
    border-color: #4A4A4A;
    background-color: #4A4A4A;
    /* UPDATED: Charcoal Background */
}

/* Primary CTA Button Style */
.sppb-btn.sppb-btn-primary {
    background-color: #C1D69D;
    /* UPDATED: Pale Olive */
    color: #4A4A4A;
    /* UPDATED: Charcoal Text */
}

.sppb-btn.sppb-btn-primary:hover {
    background-color: #4A4A4A;
    /* UPDATED: Charcoal solid hover */
    color: #FFFFFF;
    /* UPDATED: White Text */
}

.sppb-btn.sppb-btn-link {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

/* ========================================================================= */
/* --- CHECKBOXES --- */
/* ========================================================================= */

.sppb-appointment-form .custom-checkbox input[type="checkbox"]:checked::before {
    border-color: #4A4A4A;
    /* UPDATED: Checkmark color to Charcoal */
}

.sppb-optin-form-box .sppb-optin-form .sppb-btn:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal */
}

input[type="checkbox"]:checked::before {
    border-color: #4A4A4A;
    /* UPDATED: Checkmark color to Charcoal */
}

/* ========================================================================= */
/* --- FOOTER SECTIONS --- */
/* ========================================================================= */

#sp-bottom {
    background-color: #E5D3E5;
    /* UPDATED: Soft Mauve */
    color: #4A4A4A;
    /* UPDATED: Charcoal Text */
}

#sp-bottom .sp-module .sp-module-title {
    color: #4A4A4A;
    /* UPDATED: Charcoal Title */
}

#sp-bottom .sp-module ul>li>a {
    color: #4A4A4A;
    /* UPDATED: Charcoal Link */
}

#sp-footer {
    background-color: #4A4A4A;
    /* UPDATED: Charcoal */
}

#sp-footer .sp-copyright {
    color: #FFFFFF;
    /* UPDATED: White text on Charcoal */
}

#sp-footer ul.menu li a {
    color: #FFFFFF;
    /* UPDATED: White Link */
}

#sp-footer ul.menu li a:hover {
    color: #C1D69D;
    /* UPDATED: Pale Olive Hover */
}

/* ========================================================================= */
/* --- LOGIN/REGISTRATION FORMS --- */
/* ========================================================================= */

.error-page .btn-primary:hover,
.remind .btn-primary:hover,
.reset .btn-primary:hover,
.view-login .login .btn-primary:hover,
.view-login .logout .btn-primary:hover,
.view-registration .registration .btn-primary:hover {
    color: #4A4A4A;
    /* UPDATED: Charcoal Text */
    border-color: #4A4A4A;
    /* UPDATED: Charcoal Border */
}

/* ========================================================================= */
/* --- RTL STYLES (Mobile Overrides) --- */
/* ========================================================================= */

@media (max-width:990px) {
    body.rtl #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 30px;
        margin-right: 0;
    }
}