@import url('css/tokens.css');
@import url('css/base.css');
@import url('css/layout.css');
@import url('css/desktop.css');

@import url('css/utilities/utilities.border.css');
@import url('css/utilities/utilities.button.css');
@import url('css/utilities/utilities.card.css');
@import url('css/utilities/utilities.colors.css');
@import url('css/utilities/utilities.form.css');
@import url('css/utilities/utilities.grid.css');
@import url('css/utilities/utilities.input.css');
@import url('css/utilities/utilities.radius.css');
@import url('css/utilities/utilities.spacing.css');
@import url('css/utilities/utilities.typography.css');

@import url('fonts/dibaj/dibaj.css');
@import url('fonts/estedad/estedad.css');
@import url('icons.css');

html, body {
    min-height: 100%;
}

body {
    font-family: 'Estedad', sans-serif;
    font-weight: 600;
    direction: rtl;
}

ltr {direction: ltr !important;}
rtl {direction: rtl !important;}

h1, h2, h3 {
    font-family: 'Dibaj', sans-serif;
    font-weight: 700;
}

h1:focus, h2:focus, h3:focus {
    border: none;
    outline: none;
}

a {
    text-decoration: none;
}

.page-header {
    background: linear-gradient( 180deg, rgba(60, 143, 158, .5) 15%, rgba(60, 143, 158, .2) 50%, rgba(255, 255, 255, 0) 95% );
}

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.text-middle { vertical-align: middle !important; }
.text-top { vertical-align: top !important; }
.text-bottom { vertical-align: bottom !important; }