:root {
    --black-87-opacity: rgba(0,0,0,0.87);
    --dark-primary-text: rgba(0,0,0,0.87);
    --dark-secondary-text: rgba(0,0,0,0.54);
    --dark-disabled-text: rgba(0,0,0,0.38);
    --dark-dividers: rgba(0,0,0,0.12);
    --dark-focused: rgba(0,0,0,0.12);
    --light-primary-text: white;
    --light-secondary-text: rgba(255,255,255,0.7);
    --light-disabled-text: rgba(255,255,255,0.5);
    --light-dividers: rgba(255,255,255,0.12);
    --light-focused: rgba(255,255,255,0.12);
    --warn-palette-50: #ffebee;
    --warn-palette-100: #ffcdd2;
    --warn-palette-200: #ef9a9a;
    --warn-palette-300: #e57373;
    --warn-palette-400: #ef5350;
    --warn-palette-500: #f44336;
    --warn-palette-600: #e53935;
    --warn-palette-700: #d32f2f;
    --warn-palette-800: #c62828;
    --warn-palette-900: #b71c1c;
    --warn-palette-A100: #ff8a80;
    --warn-palette-A200: #ff5252;
    --warn-palette-A400: #ff1744;
    --warn-palette-A700: #d50000;
    --warn-palette-50-contrast: var(--dark-primary-text);
    --warn-palette-100-contrast: var(--dark-primary-text);
    --warn-palette-200-contrast: var(--dark-primary-text);
    --warn-palette-300-contrast: var(--dark-primary-text);
    --warn-palette-400-contrast: var(--dark-primary-text);
    --warn-palette-500-contrast: var(--light-primary-text);
    --warn-palette-600-contrast: var(--light-primary-text);
    --warn-palette-700-contrast: var(--light-primary-text);
    --warn-palette-800-contrast: var(--light-primary-text);
    --warn-palette-900-contrast: var(--light-primary-text);
    --warn-palette-A100-contrast: var(--dark-primary-text);
    --warn-palette-A200-contrast: var(--light-primary-text);
    --warn-palette-A400-contrast: var(--light-primary-text);
    --warn-palette-A700-contrast: var(--light-primary-text);
    --grey-palette-50: #fafafa;
    --grey-palette-100: #f5f5f5;
    --grey-palette-200: #eeeeee;
    --grey-palette-300: #e0e0e0;
    --grey-palette-400: #bdbdbd;
    --grey-palette-500: #9e9e9e;
    --grey-palette-600: #757575;
    --grey-palette-700: #616161;
    --grey-palette-800: #424242;
    --grey-palette-900: #212121;
    --grey-palette-A100: #ffffff;
    --grey-palette-A200: #eeeeee;
    --grey-palette-A400: #bdbdbd;
    --grey-palette-A700: #616161;
    --grey-palette-50-contrast: var(--dark-primary-text);
    --grey-palette-100-contrast: var(--dark-primary-text);
    --grey-palette-200-contrast: var(--dark-primary-text);
    --grey-palette-300-contrast: var(--dark-primary-text);
    --grey-palette-400-contrast: var(--dark-primary-text);
    --grey-palette-500-contrast: var(--dark-primary-text);
    --grey-palette-600-contrast: var(--light-primary-text);
    --grey-palette-700-contrast: var(--light-primary-text);
    --grey-palette-800-contrast: var(--light-primary-text);
    --grey-palette-900-contrast: var(--light-primary-text);
    --grey-palette-A100-contrast: var(--dark-primary-text);
    --grey-palette-A200-contrast: var(--dark-primary-text);
    --grey-palette-A400-contrast: var(--dark-primary-text);
    --grey-palette-A700-contrast: var(--light-primary-text);
}

:root {
    --background-color-status-bar: var(--grey-palette-300);
    --background-color-app-bar: var(--grey-palette-100);
    --background-color-background: var(--grey-palette-50);
    --background-color-hover: rgba(0,0,0, 0.04);
    --background-color-card: white;
    --background-color-dialog: white;
    --background-color-disabled-button: rgba(0,0,0, 0.12);
    --background-color-raised-button: white;
    --background-color-focused-button: var(--dark-focused);
    --background-color-selected-button: var(--grey-palette-300);
    --background-color-selected-disabled-button: var(--grey-palette-400);
    --background-color-disabled-button-toggle: var(--grey-palette-200);
    --background-color-unselected-chip: var(--grey-palette-300);
    --background-color-disabled-list-option: var(--grey-palette-200);
    --background-color-tooltip: var(--grey-palette-700);
    --foreground-color-base: black;
    --foreground-color-divider: var(--dark-dividers);
    --foreground-color-dividers: var(--dark-dividers);
    --foreground-color-disabled: var(--dark-disabled-text);
    --foreground-color-disabled-button: rgba(0,0,0, 0.26);
    --foreground-color-disabled-text: var(--dark-disabled-text);
    --foreground-color-elevation: black;
    --foreground-color-hint-text: var(--dark-disabled-text);
    --foreground-color-secondary-text: var(--dark-secondary-text);
    --foreground-color-icon: rgba(0,0,0, 0.54);
    --foreground-color-icons: rgba(0,0,0, 0.54);
    --foreground-color-text: rgba(0,0,0, 0.87);
    --foreground-color-slider-min: rgba(0,0,0, 0.87);
    --foreground-color-slider-off: rgba(0,0,0, 0.26);
    --foreground-color-slider-off-active: rgba(0,0,0, 0.38);
}

body {
    margin: 0;
    min-width: 360px;
}

.flex { display:flex; }
.flex-column { display:flex; flex-direction: column;}

.wrap-wrap { flex-wrap: wrap; }
.wrap-nowrap { flex-wrap: nowrap; }
.wrap-wrap-reverse { flex-wrap: wrap-reverse; }

.justify-flex-start { justify-content: flex-start; }
.justify-flex-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-space-between { justify-content: space-between; }
.justify-space-around { justify-content: space-around; }
.justify-space-evenly { justify-content: space-evenly; }

.aligncontent-flex-start { align-content: flex-start; }
.aligncontent-flex-end { align-content: flex-end; }
.aligncontent-center { align-content: center; }
.aligncontent-stretch { align-content: stretch; }
.aligncontent-space-between { align-content: space-between; }
.aligncontent-space-around { align-content: space-around; }

.alignitems-flex-start { align-items: flex-start; }
.alignitems-flex-end { align-items: flex-end; }
.alignitems-center { align-items: center; }
.alignitems-stretch { align-items: stretch; }
.alignitems-baseline { align-items: baseline; }

.hidden {
    display: none;
}
.input-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}
:root {
    --input-border: #8b8a8b;
    --input-focus-h: 245;
    --input-focus-s: 100%;
    --input-focus-l: 42%;
}

.input-group .error-hint {
    color: red;
}

.input {
    font-size: 16px;
    font-family: inherit;
    padding: 0.25em 0.5em;
    background-color: #fff;
    border: 2px solid var(--input-border);
    border-radius: 4px;
    transition: 180ms box-shadow ease-in-out;
}

    .input:focus {
        border-color: hsl( var(--input-focus-h), var(--input-focus-s), var(--input-focus-l) );
        box-shadow: 0 0 0 3px hsla( var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) + 40%), 0.8 );
        outline: 3px solid transparent;
    }

    .input:not(textarea) {
        line-height: 1;
        height: 2.25rem;
    }

input[type="file"] {
    font-size: 0.9em;
    padding-top: 0.35rem;
}

textarea.input {
    resize: vertical;
}

.input[readonly] {
    border-style: dotted;
    cursor: not-allowed;
    color: #777;
}

.input[disabled] {
    --input-border: #ccc;
    background-color: #eee;
    cursor: not-allowed;
}

label {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
}

.input + label {
    margin-top: 2rem;
}

*[FxLayout], *[fxLayoutAlign],
h1[fxLayout], h1[fxLayoutAlign],
h2[fxLayout], h2[fxLayoutAlign],
h3[fxLayout], h3[fxLayoutAlign],
h4[fxLayout], h4[fxLayoutAlign],
h4[fxLayout], h4[fxLayoutAlign],
.mat-mdc-card-title[fxLayout], .mat-mdc-card-title[fxLayoutAlign],
.mat-mdc-card-subtitle[fxLayout], .mat-mdc-card-subtitle[fxLayoutAlign],
.mat-mdc-card-actions[fxLayout], .mat-mdc-card-actions[fxLayoutAlign],
.mat-display-1[fxLayout], .mat-display-1[fxLayoutAlign],
.mat-mdc-list-base .mat-mdc-list-item[fxLayout], .mat-mdc-list-base .mat-mdc-list-item[fxLayoutAlign],
.mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-line[fxLayout], .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-line[fxLayoutAlign]
 {
  display: flex;
  flex-direction: row;
}
*[FxLayout="column"] {
  flex-wrap: nowrap;
  flex-direction: column;
}
*[FxLayout="row"] {
  flex-wrap: nowrap;
  flex-direction: row;
}
*[FxLayout="row wrap"] {
  flex-wrap: wrap
}
*[FxLayoutAlign^="start"],
.mat-mdc-dialog-actions[FxLayoutAlign^="start"] {
  justify-content: flex-start;
}
*[FxLayoutAlign^="center"],
.mat-mdc-dialog-actions[FxLayoutAlign^="center"] {
  justify-content: center;
}
*[FxLayoutAlign^="end"],
.mat-mdc-dialog-actions[FxLayoutAlign^="end"] {
  justify-content: flex-end;
}
*[FxLayoutAlign^="space-around"],
.mat-mdc-dialog-actions[FxLayoutAlign^="space-around"] {
  justify-content: space-around;
}
*[FxLayoutAlign^="space-between"],
  .mat-mdc-dialog-actions[FxLayoutAlign^="space-between"]{
  justify-content: space-between;
}
*[FxLayoutAlign^="space-evenly"],
.mat-mdc-dialog-actions[FxLayoutAlign^="space-evenly"] {
  justify-content: space-evenly;
}
*[FxLayoutAlign$=" center"] {
  align-content: center;
  align-items: center;
}
*[FxLayoutAlign$=" stretch"] {
  align-content: stretch;
  align-items: stretch;
}
*[FxLayoutAlign$=" start"] {
  align-content: start;
  align-items: start;
}
*[FxLayoutAlign$=" end"] {
  align-content: end;
  align-items: end;
}
*[FxLayout] > *[fxFlex], *[FxLayout] > *:not([fxFlex]),
*[FxLayoutAlign] > *[fxFlex], *[FxLayoutAlign] > *:not([fxFlex]) {
  flex: 1 1 auto;
  box-sizing: border-box;
}
*[FxLayoutAlign] > *[fxFlex='grow'], *[FxLayout] > *[fxFlex='grow'] { flex: 1 1 100%; max-width: 100%; }
*[FxLayoutAlign] > *[fxFlex='initial'], *[FxLayout] > *[fxFlex='initial'] { flex: 0 1 auto; }
*[FxLayoutAlign] > *[fxFlex='auto'], *[FxLayout] > *[fxFlex='auto'] { flex: 1 1 auto; }
*[FxLayoutAlign] > *[fxFlex='none'], *[FxLayout] > *[fxFlex='none'] { flex: 0 0 auto; }
*[FxLayoutAlign] > *[fxFlex='nogrow'], *[FxLayout] > *[fxFlex='nogrow'] { flex: 0 1 auto; }
*[FxLayoutAlign] > *[fxFlex='noshrink'], *[FxLayout] > *[fxFlex='noshrink'] { flex: 1 0 auto; }
*[fxLayoutGap="1rem"], *[fxLayoutGap="1rem grid"] { margin: 0px -1rem -1rem 0px; } *[fxLayoutGap="1rem"] > *, *[fxLayoutGap="1rem grid"] > * { padding: 0px 1rem 1rem 0px; }
*[fxLayoutGap="2rem"], *[fxLayoutGap="2rem grid"] { margin: 0px -2rem -2rem 0px; } *[fxLayoutGap="2rem"] > *, *[fxLayoutGap="2rem grid"] > * { padding: 0px 2rem 2rem 0px; }



/*@media screen and (min-width: 1920px) and (max-width: 5000px){
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
}
@media screen and (min-width: 600px) and (max-width: 959px) {
}
@media screen and (max-width: 599px) {
}*/



h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2;
}
.alignitems-center h1, 
.alignitems-center h2, 
.alignitems-center h3 
.alignitems-center h4 
.alignitems-center h5 
.alignitems-center h6 {
    text-align: center;
}

.justify-space-between * {
    text-align: center;
}
.justify-space-between *:last-child {
    text-align:right;
}
.justify-space-between *:first-child {
    text-align: left;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
h1 {font-size: 4rem;}
h2 {font-size: 3rem;}
h3 { font-size: 2rem; }
h4 {font-size: 1.5rem;}
h5 {font-size: 1.25rem;}
h6 {font-size: 1rem;}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,ul ul,ol ul,ul ol {margin-bottom: 0;}
dt {font-weight: 600;}
dd {margin-bottom: .5rem;margin-left: 0;}
blockquote {
    background: rgb(200,200,200,.05);
    border-left: 3px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}

    blockquote p {
        display: inline-block;
    }

b,strong {font-weight: bolder;}
small {font-size: 80%;}
sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {bottom: -.25em;}
sup {top: -.5em;}
.uppercase {
    text-transform: uppercase;
}

.strikeout {
    text-decoration: line-through;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}

.mat-card {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    position: relative;
    padding: 16px;
    border-radius: 4px;
}

.mat-card {
    background: white;
    color: rgba(0, 0, 0, 0.87);
}
.mat-card-image {
    width: calc(100% + 32px);
    margin: 0 -16px 16px -16px;
}
.mat-card-image:first-child {
    margin-top: -16px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.mat-card > :first-child, .mat-card-content > :first-child {
    margin-top: 0;
}

.mat-card-image {
    width: calc(100% + 32px);
    margin: 0 -16px 16px -16px;
}
.mat-card-title:not(:first-child), .mat-card-subtitle:not(:first-child) {
    margin-top: -4px;
}

.mat-card-title {
    display: block;
    margin-bottom: 8px;
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500;
}
    .mat-card-title:not(:first-child), .mat-card-subtitle:not(:first-child) {
        margin-top: -4px;
    }

.mat-card-actions, .mat-card-subtitle, .mat-card-content {
    display: block;
    margin-bottom: 16px;
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, 0.54);
}

.mat-card-subtitle, .mat-card-content {
    font-size: 14px;
}
.mat-card > .mat-card-actions:last-child {
    margin-bottom: -8px;
    padding-bottom: 0;
}
.mat-card-actions-align-end .mat-button:last-child, .mat-card-actions-align-end .mat-raised-button:last-child, .mat-card-actions-align-end .mat-stroked-button:last-child {
    margin-left: 0;
    margin-right: 0;
}

.mat-card-actions .mat-button, .mat-card-actions .mat-raised-button, .mat-card-actions .mat-stroked-button {
    margin: 0 8px;
}

.mat-button, .mat-icon-button, .mat-raised-button, .mat-stroked-button, .mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 8px 16px;
    border-radius: 4px;
    overflow: visible;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-button, .mat-raised-button, .mat-stroked-button, .mat-flat-button {
    display: flex;
    align-items: center;
}

    .mat-button .material-symbols-outlined, .mat-raised-button .material-symbols-outlined, .mat-stroked-button .material-symbols-outlined, .mat-flat-button .material-symbols-outlined {
        margin-right: 0.5rem;
    }

    .mat-button.large, .mat-raised-button.large, .mat-icon-button.large, .mat-stroked-button.large, .mat-flat-button.large, .mat-fab.large, .mat-mini-fab.large {
        font-size: 20px;
    }

    .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button {
        color: inherit;
        background: transparent;
    }

.mat-button-group {
    padding: .5rem;
    display: flex;
    flex-direction: row;
}

    .mat-button-group .mat-button {
        border: 1px solid gray;
        cursor: pointer;
        margin-right: .1rem;
    }

.mat-stroked-button {
    border: 1px solid grey;
}

    .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]), .mat-raised-button:not([class*=mat-elevation-z]) {
        box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 20%), 0px 0px 0px 0px rgb(0 0 0 / 14%), 0px 0px 0px 0px rgb(0 0 0 / 12%);
    }

    .mat-stroked-button:not(.mat-button-disabled) {
        border-color: rgba(0, 0, 0, 0.12);
    }

    .mat-button .mat-button-wrapper > *, .mat-flat-button .mat-button-wrapper > *, .mat-stroked-button .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > *, .mat-icon-button .mat-button-wrapper > *, .mat-fab .mat-button-wrapper > *, .mat-mini-fab .mat-button-wrapper > * {
        vertical-align: middle;
    }


.mat-chip-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -4px;
}

    .mat-chip-list-wrapper input.mat-input-element, .mat-chip-list-wrapper .mat-standard-chip {
        margin: 4px;
    }

a.mat-chip {
    text-decoration: none;
    cursor: pointer;
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
}

.mat-standard-chip {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 16px;
    align-items: center;
    cursor: default;
    min-height: 32px;
    height: 1px;
}

.mat-chip {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

img.rounded {
    border-radius: 0.625rem;
}

.content-type-toolbar-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9;
}

    .content-type-toolbar-menu nav {
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: .5rem 2rem;
    }

        .content-type-toolbar-menu nav .navbar-toggler {
            font-weight: 500;
            padding: .75rem 1rem;
        }

            .content-type-toolbar-menu nav .navbar-toggler span {
                font-size: 2rem;
                padding: 4px 0;
            }

        .content-type-toolbar-menu nav .nav-link {
            margin-top: 14px;
        }

        .content-type-toolbar-menu nav .nav-link, .content-type-toolbar-menu nav .menu-link {
            text-decoration: none;
            font-size: 1.1rem;
            font-weight: 500;
            padding: .5rem .5rem;
        }

    .content-type-toolbar-menu .subnav-content {
        display: none;
        position: absolute;
        right: 1.5rem;
    }

    .content-type-toolbar-menu .subnav:hover .subnav-content,
    .content-type-toolbar-menu .subnav:focus .subnav-content,
    .content-type-toolbar-menu .subnav .menu-link:focus {
        display: flex;
        flex-direction: column;
        z-index: 999999;
    }

.content-type-markdown, .content-type-video, .content-type-contact-us, .content-type-subscribe {
    margin-top: 90px;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
    align-content: inherit;
    align-items: inherit;
    justify-content: inherit;
}

    .content-type-markdown a {
        text-decoration: none;
        color: inherit;
        opacity: .5;
        border: 1px solid rgb(0,0,0, .87);
        border-radius: 10%;
        padding: 0.5rem;
        line-height: 280%;
        text-wrap: nowrap;
        white-space: nowrap;
    }

        .content-type-markdown a[href^="https://"],
        .content-type-markdown a[href^="http://"] {
            background-color: inherit;
            color: inherit;
            opacity: inherit;
            border: none;
            padding: inherit;
            line-height: inherit;
        }

.content-type-contact-us, .content-type-subscribe {
    margin-bottom: 1rem;
}

.content-type-image, .content-type-icon, .content-type-donation-form {
    margin-top: 90px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    align-content: inherit;
    align-items: inherit;
    justify-content: inherit;
}


.content-type-hero-banner-section, .content-type-event-banner, .content-type-story-banner {
    /* Set a specific height */
    min-height: 350px !important; /* bad 'important', need to override style tag on this */
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.hero-text {
    padding-top: 4rem;
    padding-bottom: 2rem;
    transform: translate(10%);
    color: white;
    width: 80%;
    max-width: 1150px;
}

    .hero-text > h1 {
        font-size: 400%;
        line-height: 105%;
    }

    .hero-text > p {
        font-size: 170%;
        line-height: 110%;
        margin-top: 0.5rem;
    }
        .hero-text > p > a {
            width: fit-content;
        }

    .hero-text > small {
        font-style: italic;
        font-size: 100%;
    }
    .hero-text a {
        color: white;
    }

.content-type-icon figure .material-symbols-outlined {
    border-radius: 50%;
    padding: 1rem;
}

.content-type-icon .material-symbols-outlined {
    font-size: 400%;
}

.content-type-image img {
    width: 100%;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}

.content-type-footer {
    padding: 3rem 0 0.5rem 0;
}

    .content-type-footer .flex-column {
        min-width: 32%;
        flex: 0 0 32%;
        padding-top: 1rem;
        padding-right: 1rem;
        color: inherit;
    }

        .content-type-footer .flex-column ul.nav {
            padding-inline-start: 0;
        }

        .content-type-footer .flex-column li.nav-item {
            padding-left: 0;
            list-style: none;
            color: inherit;
        }
            .content-type-footer .flex-column li.nav-item h4 {
                margin-top: 1rem;
                margin-bottom: 0;
            }

            .content-type-footer .flex-column li.nav-item a.nav-link {
                text-decoration: none;
                color: inherit;
                opacity: .5;
            }

                .content-type-footer .flex-column li.nav-item a.nav-link:active {
                    opacity: 1;
                }

                .content-type-footer .flex-column li.nav-item a.nav-link:hover {
                    opacity: .8;
                }

    .content-type-footer .built-with {
        bottom: .25rem;
    }

        .content-type-footer .built-with a.footer-link {
            text-decoration: none;
            color: inherit;
            opacity: .5;
        }

            .content-type-footer .built-with a.footer-link:active {
                opacity: 1;
            }

            .content-type-footer .built-with a.footer-link:hover {
                opacity: .8;
            }

.content-type-item-list {
    display: flex;
    flex-wrap: wrap;
    align-content: inherit;
    align-items: inherit;
    justify-content: inherit;
}

    .content-type-item-list a.list-item {
        text-decoration: none;
    }

    .content-type-item-list .list-item {
        display: flex;
        max-width: 350px;
        padding: 0 .5% 1rem .5%;
    }

        .content-type-item-list .list-item .mat-card {
            width: 100%;
        }

            .content-type-item-list .list-item .mat-card .mat-card-title {
                line-height: normal;
            }

            .content-type-item-list .list-item .mat-card .mat-card-content {
                padding-bottom: 1.5rem;
            }

            .content-type-item-list .list-item .mat-card .mat-card-actions {
                position: absolute;
                bottom: 1rem;
                right: 1rem;
            }

@media only screen and (max-width: 665px) {
    .content-type-item-list {
        flex-direction: column;
    }

        .content-type-item-list .list-item {
            width: 100%;
            padding: 0 0 1rem 0;
        }
}

slider * {
    box-sizing: border-box;
}

.slider > section.buttons {
    text-align: center;
    overflow: hidden;
    margin-bottom: .5rem;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

    .slider > section.buttons:before,
    .slider > section.buttons:after {
        content: "";
        display: table;
        clear: both;
    }

.slider .arrow {
    display: inline-block;
    border-left: 0.25em solid white;
    border-bottom: 0.25em solid white;
    width: 0.75em;
    height: 0.75em;
    cursor: pointer;
    margin: 0.2rem 0 0 0;
}

    .slider .arrow.left {
        transform: rotate(45deg);
    }

    .slider .arrow.right {
        transform: rotate(225deg);
    }

.slider .dot {
    display: inline-block;
    background-color: transparent;
    color: transparent;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    padding: 1px;
    cursor: pointer;
}

    .slider .dot.active {
        background-color: white;
    }

        .slider .dot.active:before {
            content: attr(data-slideNumber);
            color: black;
        }


.slider > .slides {
    max-width: 700px;
    margin: auto;
}

    .slider > .slides > .slide {
        width: 100%;
        height: auto;
        aspect-ratio: 7/5;
        margin-right: 50px;
        border-radius: 10px;
        background: #eee;
    }

        .slider > .slides > .slide .author-info {
            background: rgba(0, 0, 0, 0.75);
            color: white;
            padding: 0.75rem 0;
            text-align: center;
            width: 100%;
            margin: 0;
            height: 22px;
        }

        .slider > .slides > .slide > img {
            width: 100%;
            height: auto;
            aspect-ratio: 7/5;
        }

.item-list {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-content: inherit;
    align-items: inherit;
    justify-content: inherit;
}

    .item-list a .item-wrapper {
        text-decoration: none;
    }

    .item-list .item-wrapper {
        display: flex;
        width: 24%;
        padding: 0 .5% 1rem .5%;
    }

@media only screen and (min-width: 968px) and (max-width: 1478px) {
    .item-list .item-wrapper {
        width: 32%;
        padding: 0 .5% 1rem .5%;
    }
}

@media only screen and (min-width: 666px) and (max-width: 968px) {
    .item-list .item-wrapper {
        width: 49.5%;
        padding: 0 .25% 1rem .25%;
    }

    .content-type-footer .flex-column {
        min-width: 48%;
        flex: 0 0 48%;
    }
}

@media only screen and (max-width: 665px) {
    .content-type-item-list {
        flex-direction: column;
    }

        .content-type-item-list .list-item {
            width: 100%;
            padding: 0 0 1rem 0;
        }

    .item-list .item-wrapper {
        width: 100%;
        padding: 0 0 1rem 0;
    }

    .content-type-footer .flex-column {
        min-width: 90%;
        flex: 0 0 90%;
    }
}


.item-list .item-wrapper .item-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .item-list .item-wrapper .item-card.mat-card {
        width: 100%;
        padding-top: 0;
    }

        .item-list .item-wrapper .item-card.mat-card .mat-card-title {
            padding-top: 16px;
            line-height: normal;
            font-size: 18px;
        }

        .item-list .item-wrapper .item-card.mat-card .mat-card-content {
            padding-bottom: 1.5rem;
        }

.item-card.mat-card .mat-card-content section.attributes > div > span {
    padding: .25rem;
}

/*$blue-3: hsl(211, 57%, 25%);
$blue-4: hsl(211, 39%, 44%);
$blue-5: hsl(211, 51%, 65%);
$blue-7: hsl(211, 90%, 93%);
$blue-rich: hsl(211, 65%, 48%);*/

dialog.dialog-iframe {
    padding: 0;
    border: 0;
    border-radius: 0.6rem;
    box-shadow: 0 0 1em black;
}
    /* native backdrop */
    dialog.dialog-iframe::backdrop {
        background-color: rgba(0, 0, 0, 0.4);
    }
    /* polyfill backdrop */
    dialog.dialog-iframe + .backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }

dialog[open].dialog-iframe {
    animation: slide-up 0.4s ease-out;
}

/* The following styles are for older browsers when using
   the polyfill. These aren’t necessary for Chrome/Firefox. */
dialog.dialog-iframe {
    display: none;
    position: fixed;
    top: 0;
    margin-left: auto;
    margin-right: auto; /* should center it, but not working in Safari */
    /*max-width: 80vw;*/
    background-color: white;
}

dialog[open].dialog-iframe {
    display: block;
}


/* prettying things up a bit */
dialog.dialog-iframe .close {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    padding: 0.3em;
    line-height: 0.6;
    background-color: transparent;
    border: 0;
    font-size: 2em;
}

dialog.dialog-iframe .modal-body,
dialog.dialog-iframe .modal-footer {
    padding: 0;
    margin: 0;
}

dialog.dialog-iframe .modal-header {
    padding: 1rem;
    margin: 0;
    padding-bottom: 0.6em;
    /*background-color: $blue-7;*/
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    border-bottom: 1px solid black; /* $blue-5 */
}

dialog.dialog-iframe .modal-footer {
    border-top: 1px solid black; /* $blue-5 */
}

.content-type-donation-form {
    align-items: inherit;
    justify-content: inherit;
    align-content: inherit;
}
.aligncontent-center .content-type-donation-form {
    text-align-last: center;
}
.aligncontent-flex-end .content-type-donation-form {
    text-align-last: end;
}

section > .top-shape-curve-down {
    position: static;
    height: 25%;
    min-height: 8rem;
    max-height: 35rem;
    width: 100%;
    z-index: -1;
    border-radius: 0 0 40% 60%;
}
section .shape-abs {
    position: static;
    height: 8rem;
    width: 100%;
}
    section .shape-abs .top-shape-curve-up {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
        section .shape-abs .top-shape-curve-up::before {
            content: '';
            display: block;
            height: 224%;
            position: absolute;
            border-radius: 100%;
            top: -10px;
            left: 0px;
            width: 160%;
            box-shadow: -260px -50px 0 0 currentColor;
        }
        section .shape-abs .top-shape-curve-up::after {
            content: '';
            display: block;
            height: 320%;
            position: absolute;
            border-radius: 30%;
            top: 0;
            right: 0;
            width: 200%;
            box-shadow: 260px -115px 0 0 currentColor;
        }

.content-type-icon figure,
.content-type-image figure,
.content-type-video {
    display: flex;
    flex-direction: column;
    align-content: inherit;
    align-items: inherit;
    justify-content: inherit;
    margin: 0;
}
    .content-type-icon figure figcaption {
        padding-top: 2rem;
        font-size: 1.25rem;
    }

button.raised {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.rounded-photo {
    border-radius: 50%;
    margin: auto;
}
.profile-avatar {
    border-radius: 50%;
    width: 100%;
    margin: auto;
}
@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translate(0, 15px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

body {
}

.content-type-toolbar-menu .subnav:hover .subnav-content {
    box-shadow: 0 0.15em 0.25em black;
}
.content-type-icon figure .material-symbols-outlined {
    background-color: var(--dark-focused);
}


button.primary, .mat-raised-button.primary {
    background-color: var(--primary-palette-500);
    color: var(--primary-palette-500-contrast);
}
button.primary:hover, a.mat-raised-button.primary:hover, button.primary:focus, a.mat-raised-button.primary:focus,
 button.primary.active, a.mat-raised-button.primary.active{
    background-color: var(--primary-palette-300);
    color: var(--primary-palette-300-contrast);
}

button.accent, .mat-raised-button.accent {
    background-color: var(--accent-palette-500);
    color: var(--accent-palette-500-contrast);
}
button.accent:hover, a.mat-raised-button.accent:hover, button.accent:focus, a.mat-raised-button.accent:focus,
   button.accent.active, a.mat-raised-button.accent.active{
    background-color: var(--accent-palette-300);
    color: var(--accent-palette-300-contrast);
}

.background-primary-50 { background-color: var(--primary-palette-50); color: var(--primary-palette-50-contrast);}
.background-primary-100 { background-color: var(--primary-palette-100); color: var(--primary-palette-100-contrast);}
.background-primary-200 { background-color: var(--primary-palette-200); color: var(--primary-palette-200-contrast);}
.background-primary-300 { background-color: var(--primary-palette-200); color: var(--primary-palette-300-contrast);}
.background-primary-400 { background-color: var(--primary-palette-300); color: var(--primary-palette-400-contrast);}
.background-primary-500 { background-color: var(--primary-palette-500); color: var(--primary-palette-500-contrast);}
.background-primary-600 { background-color: var(--primary-palette-600); color: var(--primary-palette-600-contrast);}
.background-primary-700 { background-color: var(--primary-palette-700); color: var(--primary-palette-700-contrast);}
.background-primary-800 { background-color: var(--primary-palette-800); color: var(--primary-palette-800-contrast);}
.background-primary-900 { background-color: var(--primary-palette-900); color: var(--primary-palette-900-contrast);}
.background-primary-A100 { background-color: var(--primary-palette-A100); color: var(--primary-palette-A100-contrast);}
.background-primary-A200 { background-color: var(--primary-palette-A200); color: var(--primary-palette-A200-contrast);}
.background-primary-A400 { background-color: var(--primary-palette-A400); color: var(--primary-palette-A400-contrast);}
.background-primary-A700 { background-color: var(--primary-palette-A700); color: var(--primary-palette-A700-contrast);}
.background-accent-50 { background-color: var(--accent-palette-50); color: var(--accent-palette-50-contrast);}
.background-accent-100 { background-color: var(--accent-palette-100); color: var(--accent-palette-100-contrast);}
.background-accent-200 { background-color: var(--accent-palette-200); color: var(--accent-palette-200-contrast);}
.background-accent-300 { background-color: var(--accent-palette-200); color: var(--accent-palette-300-contrast);}
.background-accent-400 { background-color: var(--accent-palette-300); color: var(--accent-palette-400-contrast);}
.background-accent-500 { background-color: var(--accent-palette-500); color: var(--accent-palette-500-contrast);}
.background-accent-600 { background-color: var(--accent-palette-600); color: var(--accent-palette-600-contrast);}
.background-accent-700 { background-color: var(--accent-palette-700); color: var(--accent-palette-700-contrast);}
.background-accent-800 { background-color: var(--accent-palette-800); color: var(--accent-palette-800-contrast);}
.background-accent-900 { background-color: var(--accent-palette-900); color: var(--accent-palette-900-contrast);}
.background-accent-A100 { background-color: var(--accent-palette-A100); color: var(--accent-palette-A100-contrast);}
.background-accent-A200 { background-color: var(--accent-palette-A200); color: var(--accent-palette-A200-contrast);}
.background-accent-A400 { background-color: var(--accent-palette-A400); color: var(--accent-palette-A400-contrast);}
.background-accent-A700 { background-color: var(--accent-palette-A700); color: var(--accent-palette-A700-contrast);}
.background-warn-50 { background-color: var(--warn-palette-50); color: var(--warn-palette-50-contrast);}
.background-warn-100 { background-color: var(--warn-palette-100); color: var(--warn-palette-100-contrast);}
.background-warn-200 { background-color: var(--warn-palette-200); color: var(--warn-palette-200-contrast);}
.background-warn-300 { background-color: var(--warn-palette-200); color: var(--warn-palette-300-contrast);}
.background-warn-400 { background-color: var(--warn-palette-300); color: var(--warn-palette-400-contrast);}
.background-warn-500 { background-color: var(--warn-palette-500); color: var(--warn-palette-500-contrast);}
.background-warn-600 { background-color: var(--warn-palette-600); color: var(--warn-palette-600-contrast);}
.background-warn-700 { background-color: var(--warn-palette-700); color: var(--warn-palette-700-contrast);}
.background-warn-800 { background-color: var(--warn-palette-800); color: var(--warn-palette-800-contrast);}
.background-warn-900 { background-color: var(--warn-palette-900); color: var(--warn-palette-900-contrast);}
.background-warn-A100 { background-color: var(--warn-palette-A100); color: var(--warn-palette-A100-contrast);}
.background-warn-A200 { background-color: var(--warn-palette-A200); color: var(--warn-palette-A200-contrast);}
.background-warn-A400 { background-color: var(--warn-palette-A400); color: var(--warn-palette-A400-contrast);}
.background-warn-A700 { background-color: var(--warn-palette-A700); color: var(--warn-palette-A700-contrast);}

.foreground-primary-50 { color: var(--primary-palette-50); }
.foreground-primary-100 { color: var(--primary-palette-100); }
.foreground-primary-200 { color: var(--primary-palette-200); }
.foreground-primary-300 { color: var(--primary-palette-200); }
.foreground-primary-400 { color: var(--primary-palette-300); }
.foreground-primary-500 { color: var(--primary-palette-500); }
.foreground-primary-600 { color: var(--primary-palette-600); }
.foreground-primary-700 { color: var(--primary-palette-700); }
.foreground-primary-800 { color: var(--primary-palette-800); }
.foreground-primary-900 { color: var(--primary-palette-900); }
.foreground-primary-A100 { color: var(--primary-palette-A100); }
.foreground-primary-A200 { color: var(--primary-palette-A200); }
.foreground-primary-A400 { color: var(--primary-palette-A400); }
.foreground-primary-A700 { color: var(--primary-palette-A700); }
.foreground-accent-50 { color: var(--accent-palette-50); }
.foreground-accent-100 { color: var(--accent-palette-100); }
.foreground-accent-200 { color: var(--accent-palette-200); }
.foreground-accent-300 { color: var(--accent-palette-200); }
.foreground-accent-400 { color: var(--accent-palette-300); }
.foreground-accent-500 { color: var(--accent-palette-500); }
.foreground-accent-600 { color: var(--accent-palette-600); }
.foreground-accent-700 { color: var(--accent-palette-700); }
.foreground-accent-800 { color: var(--accent-palette-800); }
.foreground-accent-900 { color: var(--accent-palette-900); }
.foreground-accent-A100 { color: var(--accent-palette-A100); }
.foreground-accent-A200 { color: var(--accent-palette-A200); }
.foreground-accent-A400 { color: var(--accent-palette-A400); }
.foreground-accent-A700 { color: var(--accent-palette-A700); }
.foreground-warn-50 { color: var(--warn-palette-50); }
.foreground-warn-100 { color: var(--warn-palette-100); }
.foreground-warn-200 { color: var(--warn-palette-200); }
.foreground-warn-300 { color: var(--warn-palette-200); }
.foreground-warn-400 { color: var(--warn-palette-300); }
.foreground-warn-500 { color: var(--warn-palette-500); }
.foreground-warn-600 { color: var(--warn-palette-600); }
.foreground-warn-700 { color: var(--warn-palette-700); }
.foreground-warn-800 { color: var(--warn-palette-800); }
.foreground-warn-900 { color: var(--warn-palette-900); }
.foreground-warn-A100 { color: var(--warn-palette-A100); }
.foreground-warn-A200 { color: var(--warn-palette-A200); }
.foreground-warn-A400 { color: var(--warn-palette-A400); }
.foreground-warn-A700 { color: var(--warn-palette-A700); }