:root{

    --cs-body-bg: #ffffff;
    --cs-body-bg-dark: #aaaaaa;

    --cs-adv-bg: #f99500;
    --cs-adv-text: #ffffff;

    --cs-menu-nav-bg: #ffffff;
    --cs-menu-nav-link: #0f3bb7;
    --cs-menu-nav-link-hover: #f99500;

    --cs-menu-bg: #0f3bb7;
    --cs-menu-text: #f99500;
    --cs-menu-link: #ffff;
    --cs-menu-link-hover: #f99500;
    
    --cs-menu-drop-bg: #ffffff;
    --cs-menu-drop-border: #cccccc;
    --cs-menu-drop-link: #f99500;
    --cs-menu-drop-link-hover: #f99500;
    --cs-menu-drop-link-hover-bg: #f0f0f0;

    --cs-title-color: #333333;
    --cs-subtitle-color: #777777;
    --cs-text-color: #555555;
    --cs-title-color-dark: #ffffff;
    --cs-subtitle-color-dark: #ffffff;
    --cs-text-color-dark: #ffffff;

    --cs-link-color: #f99500;
    --cs-link-hover-color: #d87300;
    --cs-link-color-dark: #ffffff;
    --cs-link-hover-color-dark: #f99500;

    --cs-btn-bg: #f99500;
    --cs-btn-border: #f99500;
    --cs-btn-color: #ffffff;
    --cs-btn-hover-color: #ffff;
    --cs-btn-hover-bg: #d87300;
    --cs-btn-hover-border: #d87300;
    --cs-btn-bg-dark: #f99500;
    --cs-btn-border-dark: #f99500;
    --cs-btn-color-dark: #ffffff;
    --cs-btn-hover-color-dark: #fffff;
    --cs-btn-hover-bg-dark: #d87300;
    --cs-btn-hover-border-dark: #d87300;
    
    --cs-nav-color: #333333;
    --cs-nav-hover-color: #f99500;

    --cs-accordion-bg: #dddddd;
    --cs-accordion-color: #333333;
    --cs-accordion-hover-color: #f99500;

    --cs-border: #cccccc;
    --cs-hr-border: #000000;
    --cs-form-border: #cccccc;
    --cs-form-focus-border: #f99500;
    
    --cs-footer-text: #ffffff;
    --cs-footer-link: #ffffff;
    --cs-footer-link-hover: #dddddd;
    --cs-footer-bg: #212529;
    --cs-footer-bottom-bg: #343a40;
    
    --bs-primary-rgb: 240,235,240;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,255,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;

}

.bg-primary .navbar-nav .nav-link.active, .bg-primary .navbar-nav .nav-link:focus, .bg-primary .navbar-nav .nav-link:hover, .bg-primary .navbar-nav .show > .nav-link {
    color: #7a97ec !important;
}

#p5n3 a{
    color: var(--cs-text-color) !important;
}
#p5n3 a:hover{
    color: var(--cs-link-color) !important;
}