/* This file is intended to be hosted on Kindful to style the donation landing page. It is simply stored here for convenience and is not used by WordPress. */
:root {
    --white: rgb(255 255 255);
    --black: rgb(0 0 0);
    --highlander-50: rgb(239 236 235);
    --highlander-100: rgb(198 204 199);
    --highlander-200: rgb(160 172 163);
    --highlander-300: rgb(124 141 128);
    --highlander-400: rgb(90 111 94);
    --highlander-500: rgb(47 68 52);
    --highlander-600: rgb(52 75 58);
    --highlander-700: rgb(47 68 52);
    --highlander-800: rgb(43 62 47);
    --highlander-900: rgb(38 55 42);
    --highlander-950: rgb(33 48 37);
    --shore-50: rgb(239 236 235);
    --shore-100: rgb(239 236 235);
    --shore-200: rgb(216 198 190);
    --shore-300: rgb(192 161 147);
    --shore-400: rgb(141 91 67);
    --shore-500: rgb(114 58 30);
    --shore-600: rgb(100 49 25);
    --shore-700: rgb(86 40 20);
    --shore-800: rgb(72 32 16);
    --shore-900: rgb(58 24 12);
    --shore-950: rgb(44 16 8);
    --ivory-50: rgb(239 236 235);
    --ivory-100: rgb(239 236 235);
    --ivory-200: rgb(216 198 190);
    --ivory-300: rgb(192 161 147);
    --ivory-400: rgb(141 91 67);
    --ivory-500: rgb(114 58 30);
    --ivory-600: rgb(100 49 25);
    --ivory-700: rgb(86 40 20);
    --ivory-800: rgb(72 32 16);
    --ivory-900: rgb(58 24 12);
    --ivory-950: rgb(44 16 8);
    --nightsky-100: rgb(191 191 191);
    --nightsky-200: rgb(148 148 148);
    --nightsky-300: rgb(108 108 108);
    --nightsky-400: rgb(70 70 70);
    --nightsky-50: rgb(235 235 235);
    --nightsky-500: rgb(35 35 35);
    --nightsky-600: rgb(32 32 32);
    --nightsky-700: rgb(29 29 29);
    --nightsky-800: rgb(25 25 25);
    --nightsky-900: rgb(21 21 21);
    --nightsky-950: rgb(17 17 17);
    --campfire-50: rgb(239 236 235);
    --campfire-100: rgb(239 236 235);
    --campfire-200: rgb(216 198 190);
    --campfire-300: rgb(192 161 147);
    --campfire-400: rgb(141 91 67);
    --campfire-500: rgb(114 58 30);
    --campfire-600: rgb(100 49 25);
    --campfire-700: rgb(86 40 20);
    --campfire-800: rgb(72 32 16);
    --campfire-900: rgb(58 24 12);
    --campfire-950: rgb(44 16 8);
    --papaya-50: rgb(239 236 235);
    --papaya-100: rgb(239 236 235);
    --papaya-200: rgb(216 198 190);
    --papaya-300: rgb(192 161 147);
    --papaya-400: rgb(141 91 67);
    --papaya-500: rgb(114 58 30);
    --papaya-600: rgb(100 49 25);
    --papaya-700: rgb(86 40 20);
    --papaya-800: rgb(72 32 16);
    --papaya-900: rgb(58 24 12);
    --papaya-950: rgb(44 16 8);
    --salmon-50: rgb(234 203 191);
    --salmon-100: rgb(234 203 191);
    --salmon-200: rgb(221 170 148);
    --salmon-300: rgb(205 137 107);
    --salmon-400: rgb(187 105 67);
    --salmon-500: rgb(167 73 27);
    --salmon-600: rgb(153 67 25);
    --salmon-700: rgb(139 61 23);
    --salmon-800: rgb(125 55 21);
    --salmon-900: rgb(111 49 19);
    --salmon-950: rgb(97 43 17);
    --transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

:is(.theme-default #main-navbar .org-logo) {
    height: 46px;
    width: auto;
    max-width: none;
}

/* Page Layout */
#main-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    background-color: var(--highlander-500);
}

/* Nav Bar */
#main-navbar {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#content-wrapper {
    background-color: var(--highlander-500) !important;
    margin-top: 10rem;
}

:is(.public_organizations .classic-desc-wrapper h3, .public_chapters .classic-desc-wrapper h3) {
    color: var(--white) !important;
}

:is(.public_organizations #donate-form .form-header, .public_chapters #donate-form .form-header) {
    height: 100%;
    overflow: hidden;
}

:is(
        .public_organizations #donate-form .form-header h3,
        .public_chapters #donate-form .form-header h3
    ) {
    color: var(--highlander-500);
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.025em;
}

/* Select Amount Buttons */
:is(.public_organizations #donate-form .donation-buttons-wrapper .btn) {
    transition: var(--transition);
}

:is(
        .public_organizations #donate-form .donation-buttons-wrapper .btn:hover,
        .public_organizations #donate-form .donation-buttons-wrapper .btn:focus,
        .public_chapters #donate-form .donation-buttons-wrapper .btn:hover,
        .public_chapters #donate-form .donation-buttons-wrapper .btn:focus
    ) {
    background-color: var(--highlander-300) !important;
    color: var(--nightsky-500) !important;
}

:is(
        .public_organizations #donate-form .donation-buttons-wrapper .btn.active,
        .public_chapters #donate-form .donation-buttons-wrapper .btn.active
    ) {
    background-color: var(--highlander-500) !important;
    border: none !important;
    color: var(--white) !important;
}

/* Security Icon */
:is(
        .public_organizations #donate-form .form-header h3 i,
        .public_chapters #donate-form .form-header h3 i,
        .user_campaigns .infoCard .fa-lock,
        .admin_give .infoCard .fa-lock,
        .user_pledges.new .infoCard .fa-lock
    ) {
    color: var(--highlander-500);
}

/* Donation Amount Input */
:is(
        .public_organizations #donate-form .input-prepend input#donate-amount,
        .public_chapters #donate-form .input-prepend input#donate-amount
    ) {
    color: var(--highlander-500) !important;
}

/* Frequency Buttons */
:is(
        .public_organizations .toggle-button-container .toggle-wrapper .toggle-button.active,
        .public_chapters .toggle-button-container .toggle-wrapper .toggle-button.active
    ) {
    border-color: var(--highlander-500) !important;
}

/* Check Mark */
:is(
        .public_organizations .toggle-button-container .toggle-wrapper .toggle-button .toggle-check,
        .public_chapters .toggle-button-container .toggle-wrapper .toggle-button .toggle-check
    ) {
    color: var(--highlander-500) !important;
}

/* Donate Button */
:is(.public_organizations #donate, .user_campaigns .button) {
    border-radius: 0.375rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.75rem;
    font-weight: 600;
    text-transform: uppercase;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow);
    background-color: var(--highlander-500);
    color: var(--white);
    transition: var(--transition);
}

:is(.public_organizations #donate:hover, .user_campaigns .button:hover) {
    background-color: var(--highlander-600) !important;
}

/* Disabled State */
:is(
        .public_organizations #donate.kf-disabled-btn,
        .public_organizations #donate.kf-disabled-btn:hover,
        .public_chapters #donate.kf-disabled-btn,
        .public_chapters #donate.kf-disabled-btn:hover
    ) {
    background-color: var(--highlander-100);
}

@media (min-width: 768px) {
    :is(.public_organizations #donate) {
        line-height: 1.75rem;
        line-height: 1;
    }

    #content-wrapper {
        margin-top: 0;
    }
}

/* Gateway Page */

/* Cover transaction fees checkbox */
.user_campaigns .kf-comp-checkbox input + label:after,
.admin_give .kf-comp-checkbox input + label:after,
.user_pledges.new .kf-comp-checkbox input + label:after,
.user_campaigns .kf-comp-radio input + label:after,
.admin_give .kf-comp-radio input + label:after,
.user_pledges.new .kf-comp-radio input + label:after {
    background-color: var(--highlander-500) !important;
}