/* 
    Created on : Aug 31, 2017, 2:43:21 PM
    Author     : Zunayed Hassan
*/

/* font-family: 'Encode Sans Semi Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Condensed:400,700');

aside {
    position: fixed;
    min-width: 300px;
    height:70%;
    overflow:hidden;
}



aside > div {
    background: #eeeee5;
    margin-top: 1em;
    padding: 0em 0em 0.5em 0em;
    border-radius: 0.5em;
    overflow-y:scroll;
    height:100%;
}

aside ul {
    padding-left: 1em;
}

aside > div > ul {
    padding: 0.5em 1em;
}

aside ul li {
    list-style: none;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 12pt;
}

aside ul li a {
    font-size: 12pt;
}

aside h1 {
    font-size: 1.5em;
    padding: 1em;
    font-weight: bold;
}

aside > div > header {
    background: #d3d7cf;
    border-radius: 0.5em 0.5em 0em 0em;
    color: #555753;
}

section {
    margin-top: 2em;
}



.zh-option {
    font-weight: bold;
}

.zh-lightbox {
    max-width: 100%;
    margin-bottom: 1.5em;
}

.zh-lightbox-parent {
    text-align: center;
}



@media (max-width: 1024px) {
    aside {
        position: relative;
        min-width: 100%
    }
    
    aside > div {

    overflow-y:visible;
}
}