/* Global Donations CSS */

:root {
    /* Site width */
    --donations-max-width: 1440px;

    /* Chip colors */
    --donor-palette-info-lighten: #C2DAF0;
    --donor-palette-success-lighten: #C1DFC6;
    --donor-palette-warning-lighten: #F6DA9F;
    --donor-palette-error-lighten: #F3C3C8;

    /* Grays */
    --donor-palette-gray-98: #F3F3F7;
    --donor-palette-gray-90: #DCDEE9;
    --donor-palette-gray-80: #BBBFC8;
    --donor-palette-gray-50: #696C74;
    --donor-palette-gray-30: #3B3E45;
    --donor-palette-gray-10: #171A1F;
}

/* Mobile font sizing */
@media (max-width: 600px) {
    .mud-typography-h1 {
        font-size: 48px;
        line-height: 1.17; /* 56px */
    }
    .mud-typography-h2 {
        font-size: 36px;
        line-height: 1.22; /* 44px */
    }
    .mud-typography-h3 {
        font-size: 32px;
        line-height: 1.25; /* 40px */
    }
    .mud-typography-h4 {
        font-size: 24px;
        line-height: 1.33; /* 32px */
    }
    .mud-typography-h5 {
        font-size: 20px;
        line-height: 1.4; /* 28px */
    }
    .mud-typography-body1 {
        font-size: 18px;
        line-height: 1.55; /* 28px */
    }
    .mud-typography-body2 {
        font-size: 16px;
        line-height: 1.5; /* 24px */
    }
}

/* Sticky Footer */
html,
body {
    height: 100%;
    padding: 0;
}

/* Site width */

.mud-main-content {
    width: 100%;
}

.main-content-section {
    max-width: var(--donations-max-width);
    margin: 0 auto;
    padding-top: 80px !important;
    padding-bottom: 80px !important;

    @media only screen and (min-width: 1024px) {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}

/* Restyling MudBlazor buttons */
.mud-button-root {
    text-transform: none;
}

/* Centering Dialogs */
.mud-dialog-container {
    left: 0
}

/* Reset Dialog Default Title Padding */
.mud-dialog .mud-dialog-title {
    padding: 0;
}

.serif {
    font-family: "DM Serif Display", "Times New Roman", "Times", "serif" !important;
}

.w-100 {
    width: 100% !important;
}

/* Force all desktop modals to not be full screen at larger widths */
.mud-dialog { overflow-y: scroll !important; }
@media screen and (min-width: 768px) {
    .mud-dialog {
        width: auto;
        height: auto;
        max-height: calc(100vh - 20px);
        border-radius: 24px;
    }

    .w-50 {
        width: 50%;
        max-width: 656px;
    }
}

.search {
    .mud-input {
        border: 1px solid #BBBFC8;
        border-radius: 24px;
        height: 48px;
        padding: 12px 24px;
        margin-top: 0 !important;
    }
}

/* Adjust Alert background colors */
.mud-alert-text-error { background-color: var(--donor-palette-error-lighten); }
.mud-alert-text-success { background-color: var(--donor-palette-success-lighten); }
.mud-alert-text-warning { background-color: var(--donor-palette-warning-lighten); }

/* Custom alert message with a right aligned button */
.mud-alert-with-button .mud-alert-icon { align-items: center; }
.mud-alert-with-button .mud-alert-message { width: 100%; }