:root { --advocacy-brand-color: #005cb9; --advocacy-brand-text:#ffffff; }

    .text-service-color {
        color: var(--advocacy-brand-color);
    }
    .bg-advocacy.navbar .navbar-brand {
        color: var(--advocacy-brand-text);
    }
    .bg-service-color,
    .bg-advocacy,
    .bg-advocacy.navbar,
    .navbar-advocacy,
    .panel-advocacy > .panel-heading {
        background-color: var(--advocacy-brand-color);
        color: var(--advocacy-brand-text);
    }
    .panel-advocacy,
    .panel-advocacy > .panel-heading {
        border-color: var(--advocacy-brand-color);
    }
    .btn-advocacy,
    .btn-advocacy:hover,
    .btn-advocacy:focus,
    .btn-advocacy:active,
    .btn-advocacy:active:hover,
    .btn-advocacy:active:focus,
    .amplify-button--primary {
        background-color: var(--advocacy-brand-color);
        border-color: var(--advocacy-brand-color);
        color: var(--advocacy-brand-text);
    }
    .btn-advocacy:hover, .amplify-button--primary:hover {
        filter: brightness(120%);

        background-color: var(--advocacy-brand-color);
        border-color: var(--advocacy-brand-color);
        color: var(--advocacy-brand-text);
    }
    .btn-advocacy:focus, .amplify-button--primary:focus {
        filter: brightness(110%);

        background-color: var(--advocacy-brand-color);
        border-color: var(--advocacy-brand-color);
        color: var(--advocacy-brand-text);
    }
    .btn-advocacy:active, .amplify-button--primary:active {
        filter: brightness(92%);

        background-color: var(--advocacy-brand-color);
        border-color: var(--advocacy-brand-color);
        color: var(--advocacy-brand-text);
    }

    .amplify-button--default {
        color: black;
        background-color: white;
        border-color: black;
    }

    .amplify-button--default:hover, .amplify-button--default:active {
        color: black;
        background-color: white;
        border-color: black;
        background-color: #dddddd;
    }