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

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

:root {
    --theme-base-color: #3A5B85;
    --theme-color-2: #A3CBFF;
    --theme-color-3: #719BD1;
    --theme-color-4: #85662D;
    --theme-color-5: #D1B071;
}

html {
    overflow-y: scroll;
}

body {
    font-size: 17pt;
    font-family: 'Noto Naskh Arabic UI', 'Segoe UI','Georgia';
    margin: 0;
    padding: 0;
    color: rgb(68, 68, 68);
}

p {
    margin: 10px 0 10px 0;
}

header {
    font-size: 23pt;
    line-height: 1.1em;
    padding: 0px;
    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 div#title-cell {
        padding: 2px;
        vertical-align: middle;
    }

        header div#title-cell p {
            padding: 2px;
            margin: 2px;
        }

            header div#title-cell p.arabic {
            }

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

section {
}

nav {
    margin: 0;
    padding: 0 0 0 0px;
    /*color: white;*/
    /*background-image: url('image/bg-line-darkbrown.png');*/
}

main {
    vertical-align: top;
    margin: 0;
    padding: 0 2px 0 8px;
}

    main div#banner .arabic {
        font-size: 14pt;
        line-height: 1.5em;
    }

    main div#banner {
        font-size: 12pt;
        line-height: 1.5em;
    }

address {
    display: inline-block;
    line-height: 1.5em;
}

div.experience {
    font-size: 9pt;
    line-height: 1.5em;
}

.arabic {
    font-family: 'Noto Naskh Arabic UI', serif;
}

table#geoip td:first-child {
    vertical-align: top;
}

h1, h2, h3 {
    font-weight: bold;
    font-size: inherit;
}

    h1 > a, h2 > a, h3 > a {
        font-size: inherit;
    }

div#portfolio-sample {
    background-color: #e8e8e8;
    padding: 5px;
}

ul li, ol li {
    list-style-type: circle;
    line-height: 1.5em;
}

aside {
    /*
    position:absolute;
    right:0px;
    top:70px;
    float: right;
    width:170px;
    border: 0px solid red;
    color:white;
    overflow:hidden;
        */
}

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

footer {
    font-size: 10pt;
    margin: 0;
    padding: 5px;
    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;
    }