@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap');

@font-face {
    font-family: 'SimplyRSVP Poppins';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

:root {
    --simplyrsvp-font-latin: 'SimplyRSVP Poppins', 'Poppins', sans-serif;
    --simplyrsvp-font-arabic: 'Tajawal', 'Tahoma', sans-serif;
}

html,
body,
body * {
    font-family: var(--simplyrsvp-font-latin) !important;
}

html:lang(ar),
html:lang(ar) body,
html:lang(ar) body *,
html[dir='rtl'],
html[dir='rtl'] body,
html[dir='rtl'] body *,
body[dir='rtl'],
body[dir='rtl'] *,
[lang='ar'],
[lang='ar'] * {
    font-family: var(--simplyrsvp-font-arabic) !important;
}

/* Preserve icon glyph fonts; replacing these would render icons as boxes. */
.fa,
.fas,
.fa-solid,
.far,
.fa-regular {
    font-family: 'Font Awesome 6 Free' !important;
}

.fab,
.fa-brands {
    font-family: 'Font Awesome 6 Brands' !important;
}

.material-icons {
    font-family: 'Material Icons' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
    letter-spacing: normal !important;
    text-transform: none !important;
    white-space: nowrap;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.material-icons-round {
    font-family: 'Material Icons Round' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.material-icons-sharp {
    font-family: 'Material Icons Sharp' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.material-symbols-sharp {
    font-family: 'Material Symbols Sharp' !important;
    font-feature-settings: 'liga' !important;
    direction: ltr;
    unicode-bidi: isolate;
}

.bi::before,
[class^='bi-']::before,
[class*=' bi-']::before {
    font-family: 'bootstrap-icons' !important;
}