@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:wght@300;400;700&family=Nunito:wght@200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400;1,500&display=swap');

:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #1E075F;
    --secondary: #F46388;
    --tertiary: #4893A4;
    --quaternary: #9D328C;
}

html * {
    font-family: 'Roboto';
}

.banner {
    font-weight: 900;
    font-size: 3em;
    line-height: 54px;
    color: var(--primary);
}
.banner-lite {
    font-weight: 600;
    font-size: 2em;
}
.bg-primary { background-color: var(--primary); }
.bg-tertiary { background-color: var(--tertiary); }
.bg-quaternary { background-color: var(--quaternary); }

.color-primary { color: var(--primary) !important; }
.color-secondary { color: var(--secondary) !important; }
.color-tertiary { color: var(--tertiary) !important; }
.color-quaternary { color: var(--quaternary) !important; }

.display-flex.align-items-center { display: flex; align-items: center; }
.display-flex.align-items-end { display: flex; align-items: flex-end; } 
.align-items-center { align-items: center; }
.display-inline-block { display: inline-block; }
.donate-card { padding: .9em; background-color: #F0EAEA; min-width: 7em; margin-left: .4em;
    border-radius: 10px; display: inline-block ; font-size: 1.5em; font-weight: 800; }
.donate-card:hover { background-color: #f0f0f0; cursor: pointer; }
.donate-card.active { background-color: #111; color: #fff; }
.donate-card.active p.typo.text { color: #fff; }
.donate-card p.typo.text { font-weight: 800; }

footer aside a { margin-top: 1em; display: block; }
footer.portal-footer * { color: white; }

.font-bold { font-weight: 600; }
.font-black { font-weight: 800; }

.font-nm { font-size: 1em; }
.font-md { font-size: 1.2em }
.form .field .subtitle { margin-bottom: .2em; }
/* add * content styled red to labels with required attribute */
.form .field label[required]:after { content: "*"; color: red; }

.h-100 { height: 100%; }

.label-card-container .card {
    display: flex;
    max-width: 15em;
    margin: 0 auto;
}.label-card-container .card > div {
    justify-content: center;
    align-items: center;
}
.ltr { direction: ltr; }

.portal-band { width: 100vw; background-color: #e9e1e3; }
.dotted-divider { border-bottom: 1px dotted #333; }
.theme-img--dark { display: none; }

.navbar.primary { background-color: var(--color-primary); }
.navbar.primary .navbar-item { color: var(--color-tertiary); }
.navbar.primary .navbar-item:hover { background-color: transparent; color: var(--color-secondary); }

.rtl { direction: rtl; }

.text-white { color: var(--white) !important; }

.w-100 { width: 100% }