/*@font-face {
    font-family: 'Dubai Bold';
    src: url(fonts/DubaiW23-Bold.eot);
    src: url(fonts/DubaiW23-Bold.woff2) format('woff2'), url(fonts/DubaiW23-Bold.woff) format('woff'), url(fonts/DubaiW23-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Dubai Medium';
    src: url(fonts/DubaiW23-Medium.eot);
    src: url(fonts/DubaiW23-Medium.woff2) format('woff2'), url(fonts/DubaiW23-Medium.woff) format('woff'), url(fonts/DubaiW23-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}*/

.thumbnail2 {
    display: inline-block;
    max-width: 100%;
    border-radius: 0;
    line-height: 0;
}
.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.imgdiv img {
    width: 50% !important;
    height: 50% !important;
}
.all_nav_item a {
    color: grey !important;
}
.toggled_nav_item a {
    color: black !important;
    /*font-family: "Dubai Bold" !important*/
    font-family: adelle-sans-arabic, serif;
    font-weight: 600;
    font-style: normal;
}
.headtype1 h3, .headtype1 h4, .headtype2 h1 {
    /*font-family: 'Dubai Bold', serif!important*/
    font-family: adelle-sans-arabic, serif;
    font-weight: 600;
    font-style: normal;
}
.headtype1 h1, .headtype1 h2, .headtype2 h2, .specialhover {
    /*font-family: 'Dubai Medium', serif!important*/
    font-family: adelle-sans-arabic, serif;
    font-weight: 600;
    font-style: normal;
}
.specialhover {
    font-weight: 500 !important;
}
/*
#responsive-menu, .dubai, button, h1
#responsive-menu, .dubai, button, h1
font-family: adobe-arabic,sans-serif;
font-weight: 400;
font-style: normal;
*/

.headtype2 h3, .regtype {
    /*font-family: Scheherazade, serif!important*/
    font-family: adobe-arabic, sans-serif !important;
    /*font-family: myriad-arabic, sans-serif;*/
    font-weight: 400;
    /*font-style: normal !important;*/
}
.headtype2 h3, blockquote {
    font-weight: 700 !important;
    word-spacing: -1px;
}
body, br {
    display: block;
}
.regtype {
    letter-spacing: 0;
    word-spacing: 0px;
    color: #232323!important
}
.regtype {
    letter-spacing: 0;
    word-spacing: 0px;
    color: #232323!important
}
.regtype p, .regtype li {
    word-spacing: -1px;
}
.articlediv h2, .articlediv h3, .articlediv h4 {
    margin-top: 1.2em !important;
}
.headtype2 h3 {
    font-weight: 700;
    color: #2d2d2d!important
}
footer {
    font-size: 16px
}
body {
    font-size: 26px;
    margin-bottom: 6em;
    -webkit-font-smoothing: antialiased
}
.footnotes {
    font-size: 1rem;
    word-spacing: 0;
    text-align: initial!important
}
@media(min-width:320px) {
    .headtype2 h1 {
        font-size: 23px
    }
    .headtype2 h2 {
        font-size: 22px
    }
    .headtype2 h3 {
        font-size: 20px
    }
    .articlediv {
        font-size: 24px
    }
    /*TYPE 1 IN BLOG HOME but not in post */
    .headtype1 small {
        font-size: 10px
    }
    .catfont {
        font-size: 22px
    }
    .headtype1 h3 {
        font-size: 22px
    }
    .headtype1 h4 {
        font-size: 18px
    }
    .excerpt, .projectsp {
        font-size: 21px;
        word-spacing: -1px
    }
    .top-bar a {
        font-size: 23px!important
    }
    .articlediv {
        padding-left: 8px!important;
        padding-right: 8px!important
    }
}
@media(min-width:600px) {
    .headtype2 h1 {
        font-size: 28px
    }
    .headtype2 h2 {
        font-size: 26px
    }
    .headtype2 h3 {
        font-size: 24px
    }
    .articlediv {
        font-size: 26px
    }
    /*TYPE 1 IN BLOG HOME but not in post */
    .headtype1 small {
        font-size: 12px
    }
    .headtype1 h3 {
        font-size: 22px
    }
    .headtype1 h4 {
        font-size: 20px
    }
    .catfont {
        font-size: 22px
    }
    .excerpt, .projectsp {
        font-size: 21px;
        word-spacing: -1px;
    }
    .top-bar a {
        font-size: 26px!important
    }
}
@media(min-width:801px) {
    /*type 2 in post */
    .headtype2 h1 {
        font-size: 29px;
    }
    .headtype2 h2 {
        font-size: 28px;
    }
    .headtype2 h3 {
        font-size: 27px;
    }
    .articlediv {
        font-size: 28px;
    }
    /*TYPE 1 IN BLOG HOME but not in post */
    .headtype1 small {
        font-size: 14px
    }
    .headtype1 h3 {
        font-size: 25px
    }
    .headtype1 h4 {
        font-size: 22px
    }
    .catfont {
        font-size: 26px
    }
    .excerpt, .projectsp {
        font-size: 23px;
        word-spacing: -1px;
    }
    .top-bar a {
        font-size: 28px!important
    }
}
.small3 {
    font-size: 15px;
    font-weight: 600
}
.github, .goodreads, .linkedin, .twttr {
    font-size: 32px;
    text-shadow: 0
}
p {
    margin: .3em
}
br {
    content: "";
    margin-top: 1em
}
.excerpt {
    margin-top: -.4em
}
.projectsp p {
    margin-top: -.3rem
}
.social-links {
    line-height: 10px
}
.top-bar-title {
    float: right;
    margin-left: 1rem
}
.hr1 {
    width: 50%
}
.hr2, footer {
    width: 100%
}
@media(min-width:600px) {
    .articlediv {
        padding-left: 40px!important;
        padding-right: 40px!important
    }
}
@media(min-width:801px) {
    .articlediv {
        padding-left: 130px!important;
        padding-right: 130px!important
    }
    .custom-padding {
        padding-left: 0;
        padding-right: 0
    }
}
.regtype p {
    line-height: 1.4!important;
}
@media screen and (min-width:40em) {
    #responsive-menu {
        padding: 25px 0
    }
}
.remove-padding {
    padding-left: 0!important;
    padding-right: 0!important
}
.customm {
    padding-left: 8px!important;
    padding-right: 8px!important
}
.custom-padding {
    padding-top: .7rem
}
.titlediv {
    line-height: 3px
}
a {
    color: #0085f2
}
a:hover {
    text-decoration: underline;
    color: #0072ba
}
.specialhover a:hover {
    text-decoration: none;
    background-color: #e9ebe4
}
.top-bar {
    background: #fefefe
}
.top-bar ul {
    background-color: #fefefe
}
.top-bar a {
    color: #000
}
.small3 {
    /*  line-height: 12px; */
    color: #8e8e8e;
}
.regtype ul {
    list-style-type: disc
}
.regtype li ul {
    list-style-type: circle
}
.regtype li ul li ul {
    list-style-type: square
}
.no-bullet {
    list-style-type: none!important
}
.twttr {
    color: #00aced
}
.linkedin {
    color: #0e76a8
}
.goodreads {
    color: #78441C
}
.github {
    color: #33373B
}
.al {
    vertical-align: 0!important
}
html {
    position: relative;
    min-height: 100%
}
body, html {
    height: auto
}
footer {
    position: absolute;
    padding: 10px;
    bottom: 0
}