/* ==========================================================================
   components.css - Cross-app reusable components for councilsepa.org
   Buttons, badges, spinner, state blocks, footer, share buttons.
   Load after utilities.css.
   ========================================================================== */

/* ==========================================================================
   BUTTONS
   Primary = green (#00543d), Secondary = purple (#55298a).
   ========================================================================== */

.btn {
    /* Layout & alignment */
    display: inline-flex;
    align-items: center;
    text-align: left;

    /* Typography */
    font-family: Oxygen, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 19px;

    /* Spacing */
    padding: 18px 28px;

    /* Shape */
    border-radius: 2px 2px 0 15px;
    border-width: var(--bs-btn-border-width, 1px);
    border-style: solid;

    /* Colors driven by variables */
    color: var(--bs-btn-color) !important;
    background-color: var(--bs-btn-bg) !important;
    border-color: var(--bs-btn-border-color) !important;

    /* Interaction transitions */
    transition: all .2s ease;

    /* Cursor */
    cursor: pointer;
}

.btn:hover {
    color: var(--bs-btn-hover-color, var(--bs-btn-color));
    background-color: var(--bs-btn-hover-bg, var(--bs-btn-bg));
    border-color: var(--bs-btn-hover-border-color, var(--bs-btn-border-color));
}

.btn:focus,
.btn:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 var(--bs-btn-focus-width, 0.25rem)
        rgba(var(--bs-btn-focus-shadow-rgb, 13, 110, 253), .25);
}

.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
    color: var(--bs-btn-active-color, var(--bs-btn-color));
    background-color: var(--bs-btn-active-bg, var(--bs-btn-hover-bg));
    border-color: var(--bs-btn-active-border-color, var(--bs-btn-hover-border-color));
    box-shadow: var(--bs-btn-active-shadow, inset 0 3px 5px rgba(0, 0, 0, .125));
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
    cursor: not-allowed;

    color: var(--bs-btn-disabled-color, var(--bs-btn-color));
    background-color: var(--bs-btn-disabled-bg, var(--bs-btn-bg));
    border-color: var(--bs-btn-disabled-border-color, var(--bs-btn-border-color));
    box-shadow: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00543d;
    --bs-btn-border-color: #00543d;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e3efe3;
    --bs-btn-hover-border-color: #e3efe3;

    --bs-btn-focus-shadow-rgb: 38, 110, 90;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004331;
    --bs-btn-active-border-color: #003f2e;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00543d;
    --bs-btn-disabled-border-color: #00543d;
}

/* Subtle primary button variant */
.btn-primary-subtle {
    --bs-btn-color: #000;
    --bs-btn-bg: #e3efe3;
    --bs-btn-border-color: #e3efe3;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d6e6d6;
    --bs-btn-hover-border-color: #c9d8c9;

    --bs-btn-focus-shadow-rgb: 38, 110, 90;

    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c9d8c9;
    --bs-btn-active-border-color: #bcd0bc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e3efe3;
    --bs-btn-disabled-border-color: #e3efe3;
}

.btn-secondary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #55298a !important;
    --bs-btn-border-color: #55298a !important;
    --bs-btn-hover-color: #55298a !important;
    --bs-btn-hover-bg: #f5ebf3 !important;
    --bs-btn-hover-border-color: #44216e !important;
    --bs-btn-focus-shadow-rgb: 111, 73, 156 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #44216e !important;
    --bs-btn-active-border-color: #401f68 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #55298a !important;
    --bs-btn-disabled-border-color: #55298a !important;
}

.btn-pink {
    --bs-btn-color: #55298a;
    --bs-btn-bg: #f5ebf3;
    --bs-btn-border-color: #f5ebf3;

    --bs-btn-hover-color: #55298a;
    --bs-btn-hover-bg: #ebd2e8;
    --bs-btn-hover-border-color: #e0c4dc;

    --bs-btn-focus-shadow-rgb: 85, 41, 138;

    --bs-btn-active-color: #55298a;
    --bs-btn-active-bg: #e0c4dc;
    --bs-btn-active-border-color: #d5b6d0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    --bs-btn-disabled-color: #55298a;
    --bs-btn-disabled-bg: #f5ebf3;
    --bs-btn-disabled-border-color: #f5ebf3;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-container-primary,
.btn-light-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #e3efe3;
    --bs-btn-border-color: #e3efe3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e7f1e7;
    --bs-btn-hover-border-color: #e6f1e6;
    --bs-btn-focus-shadow-rgb: 193, 203, 193;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e9f2e9;
    --bs-btn-active-border-color: #e6f1e6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e3efe3;
    --bs-btn-disabled-border-color: #e3efe3
}

.btn-container-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5ebf3;
    --bs-btn-border-color: #f5ebf3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7eef5;
    --bs-btn-hover-border-color: #f6edf4;
    --bs-btn-focus-shadow-rgb: 208, 200, 207;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7eff5;
    --bs-btn-active-border-color: #f6edf4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5ebf3;
    --bs-btn-disabled-border-color: #f5ebf3
}

.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1e1e1e;
    --bs-btn-border-color: #1e1e1e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a1a1a;
    --bs-btn-hover-border-color: #181818;
    --bs-btn-focus-shadow-rgb: 64, 64, 64;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #181818;
    --bs-btn-active-border-color: #171717;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1e1e1e;
    --bs-btn-disabled-border-color: #1e1e1e
}

.btn-container-tertiary {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5f5eb;
    --bs-btn-border-color: #f5f5eb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7ee;
    --bs-btn-hover-border-color: #f6f6ed;
    --bs-btn-focus-shadow-rgb: 208, 208, 200;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f7ef;
    --bs-btn-active-border-color: #f6f6ed;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5f5eb;
    --bs-btn-disabled-border-color: #f5f5eb
}

.btn-light-grey {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5f5f5;
    --bs-btn-border-color: #f5f5f5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7f7;
    --bs-btn-hover-border-color: #f6f6f6;
    --bs-btn-focus-shadow-rgb: 208, 208, 208;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f7f7;
    --bs-btn-active-border-color: #f6f6f6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5f5f5;
    --bs-btn-disabled-border-color: #f5f5f5
}

.btn-error {
    --bs-btn-color: #000;
    --bs-btn-bg: #ff2400;
    --bs-btn-border-color: #ff2400;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff4526;
    --bs-btn-hover-border-color: #ff3a1a;
    --bs-btn-focus-shadow-rgb: 217, 31, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff5033;
    --bs-btn-active-border-color: #ff3a1a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ff2400;
    --bs-btn-disabled-border-color: #ff2400
}

.btn-outline-primary {
    --bs-btn-color: #00543d;
    --bs-btn-border-color: #00543d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00543d;
    --bs-btn-hover-border-color: #00543d;
    --bs-btn-focus-shadow-rgb: 0, 84, 61;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00543d;
    --bs-btn-active-border-color: #00543d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #00543d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00543d;
    --bs-gradient: none;
    margin: 0.25em 0.1em;
}

.btn-outline-secondary {
    --bs-btn-color: #55298a;
    --bs-btn-border-color: #55298a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55298a;
    --bs-btn-hover-border-color: #55298a;
    --bs-btn-focus-shadow-rgb: 85, 41, 138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55298a;
    --bs-btn-active-border-color: #55298a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #55298a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #55298a;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-container-primary,
.btn-outline-light-primary {
    --bs-btn-color: #e3efe3;
    --bs-btn-border-color: #e3efe3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e3efe3;
    --bs-btn-hover-border-color: #e3efe3;
    --bs-btn-focus-shadow-rgb: 227, 239, 227;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e3efe3;
    --bs-btn-active-border-color: #e3efe3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #e3efe3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e3efe3;
    --bs-gradient: none
}

.btn-outline-container-secondary {
    --bs-btn-color: #f5ebf3;
    --bs-btn-border-color: #f5ebf3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5ebf3;
    --bs-btn-hover-border-color: #f5ebf3;
    --bs-btn-focus-shadow-rgb: 245, 235, 243;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5ebf3;
    --bs-btn-active-border-color: #f5ebf3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f5ebf3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5ebf3;
    --bs-gradient: none
}

.btn-outline-tertiary {
    --bs-btn-color: #1e1e1e;
    --bs-btn-border-color: #1e1e1e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e1e1e;
    --bs-btn-hover-border-color: #1e1e1e;
    --bs-btn-focus-shadow-rgb: 30, 30, 30;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e1e1e;
    --bs-btn-active-border-color: #1e1e1e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #1e1e1e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1e1e1e;
    --bs-gradient: none
}

.btn-outline-container-tertiary {
    --bs-btn-color: #f5f5eb;
    --bs-btn-border-color: #f5f5eb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5f5eb;
    --bs-btn-hover-border-color: #f5f5eb;
    --bs-btn-focus-shadow-rgb: 245, 245, 235;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5f5eb;
    --bs-btn-active-border-color: #f5f5eb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f5f5eb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5f5eb;
    --bs-gradient: none
}

.btn-outline-light-grey {
    --bs-btn-color: #f5f5f5;
    --bs-btn-border-color: #f5f5f5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5f5f5;
    --bs-btn-hover-border-color: #f5f5f5;
    --bs-btn-focus-shadow-rgb: 245, 245, 245;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5f5f5;
    --bs-btn-active-border-color: #f5f5f5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f5f5f5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5f5f5;
    --bs-gradient: none
}

.btn-outline-error {
    --bs-btn-color: #ff2400;
    --bs-btn-border-color: #ff2400;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff2400;
    --bs-btn-hover-border-color: #ff2400;
    --bs-btn-focus-shadow-rgb: 255, 36, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff2400;
    --bs-btn-active-border-color: #ff2400;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ff2400;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff2400;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 38, 110, 90;
    text-decoration: underline
}

/* ==========================================================================
   CARD BADGE
   Compact by default; .card-badge--lg for the larger announcement variant.
   ========================================================================== */

.card-badge {
    display: inline-block;
    cursor: pointer;
    background-color: #f5ebf3;
    color: #55298a;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: Oxygen, sans-serif;
    font-weight: 400;
    letter-spacing: 1.35px;
    font-size: 14px;
    line-height: 12px;
    padding: 5px 6px;
}

.card-badge--lg {
    font-size: 16px;
    line-height: 1em;
    padding: 0.4em 0.5em;
}

/* ==========================================================================
   LOADING SPINNER (inline, content-area)
   ========================================================================== */

.loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.loading-spinner .spinner-border {
    color: var(--bs-secondary);
    width: 3rem;
    height: 3rem;
}

/* ==========================================================================
   STATE BLOCKS (empty / error / results info)
   ========================================================================== */

.results-info {
    color: #666;
    font-size: 0.9rem;
}

.empty-state {
    text-align: center;
    padding: 3rem;
    color: #666;
}

.empty-state i {
    font-size: 4rem;
    color: #ccc;
    margin-bottom: 1rem;
}

.error-state {
    text-align: center;
    padding: 3rem;
    color: #dc3545;
}

.error-message {
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #842029;
    padding: 1rem;
    border-radius: 4px;
    margin: 1rem 0;
}

.no-announcements {
    text-align: center;
    padding: 3rem;
    color: #6c757d;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer__links {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
}

.footer__links > * {
    color: #55298a;
    font-family: Oxygen, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
}

footer ul .nav-link {
    bottom: 0;
    color: #00543d !important;
    font-family: Oxygen, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1000000015px;
    line-height: 18px;
    text-align: left;
}

footer {
    background-color: white;
}

footer address p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 24px;
    text-align: left;
}

footer .btn {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 2px 2px 0 15px !important;
    color: #000;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: inline-flex;
    font-family: Oxygen, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 19px;
    padding: 18px 28px;
    text-align: left;
    transition: all 0.75s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s !important;
}

/* ==========================================================================
   SHARE BUTTONS (sharingbuttons.io)
   Previously injected from announcements.js; now a static stylesheet.
   ========================================================================== */

.resp-sharing-buttons { display: inline-flex; flex-wrap: wrap; vertical-align: middle; }
.resp-sharing-button__link { display: inline-block; text-decoration: none; color: #fff; margin: 0.2em; vertical-align: middle; }
.resp-sharing-button { border-radius: 5px; transition: 25ms ease-out; padding: 0.5em 0.6em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; }
.resp-sharing-button__icon { display: inline-block; }
.resp-sharing-button__icon svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; }
.resp-sharing-button--small svg { margin: 0; vertical-align: middle; }
.resp-sharing-button--facebook { background-color: #3b5998; border: 1px solid #2d4373; }
.resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active { background-color: #2d4373; border-color: #23345a; }
.resp-sharing-button--twitter { background-color: #55acee; border: 1px solid #2795e9; }
.resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active { background-color: #2795e9; border-color: #2386d1; }
.resp-sharing-button--linkedin { background-color: #0077b5; border: 1px solid #046293; }
.resp-sharing-button--linkedin:hover, .resp-sharing-button--linkedin:active { background-color: #046293; border-color: #035481; }
.resp-sharing-button--email { background-color: #777; border: 1px solid #666; }
.resp-sharing-button--email:hover, .resp-sharing-button--email:active { background-color: #5e5e5e; border-color: #4c4c4c; }