@import url("../default.css");

@import url(https://cdn.ia.com.kw/fonts/notonaskharabicui/default.css);

:root {
    --theme-base-color: #3A5B85;
}

html {
    direction: rtl;
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    font-family: 'Noto Naskh Arabic UI', serif;
    color: rgb(68, 68, 68);
}

header {
    color: white;
    background-color: var(--theme-base-color);
}

    header div#logo-cell {
    }

    header div#logo {
        padding: 5px;
    }

    header .logo-image {
        height: auto;
        vertical-align: middle;
    }

    header .arabic {
        font-size: 15pt;
    }

/* ---------------------------- */

section {
}

nav {
}

#content {
    vertical-align: top;
}

main div#banner {
}

#content div#course {
    display: inline-table;
    padding: 7px;
    margin: 7px;
    border: solid 1px teal;
}

    #content div#course div#name {
        text-align: center;
    }

    #content div#course div#image {
        text-align: center;
    }

aside {
}

/* ---------------------------- */

a:link {
    color: #0000ff;
    text-decoration: none;
}

a:visited {
    color: #0000ff;
    text-decoration: none;
}

a:hover {
    color: #ff8888;
    text-decoration: none;
}

a.aspNetDisabled {
    color: rgb(68, 68, 68);
    text-decoration: none;
}

/* ---------------------------- */

footer {
    color: white;
    background-color: var(--theme-base-color);
}

    footer a:link {
        color: yellow;
        text-decoration: none;
    }

    footer a:visited {
        color: yellow;
        text-decoration: none;
    }

    footer a:hover {
        color: lightyellow;
        text-decoration: none;
    }