/*****************************************************************************/
/* Author: Nii Adjetey Sowah
/* Created: Feb 2014
/* Last updated: May 2014
/* Project: Wangana - Jekyll theme
/*****************************************************************************/
/* CSSTidy 1.3: Fri, 21 Mar 2014 12:14:07 -0600 */
#nav .separator {
color:#333!important;
font-weight:700!important;
margin-bottom:1px;
margin-top:1px;
background:#f5f5f5;
padding:10px 0 10px 10px;
}

#page-down {
bottom:30px;
}

#page-preview {
color:#afafaf!important;
font-size:30px;
}

#page-preview:active .page-preview-text,#page-preview:focus .page-preview-text,#page-preview:hover .page-preview-text {
top:auto;
}

#page-preview:hover {
color:#000!important;
}

#page-up {
top:0;
}

#search {
position:absolute;
top:0;
left:25%;
width: 70%;
}

#searchbox {
font-size:22px;
display:block;
width:100%;
border:none;
border-radius:0;
border-bottom:1px solid #aaa;
outline:none;
background:none;
margin:0;
padding:.1em 0 1px;
}

#wrap {
min-height:100%;
height:auto;
margin:0 auto -70px;
padding:0;
}

#wrap > .container {
max-width:800px!important;
padding:75px 0 60px;
}

.footer {
height:60px;
}

.header {
display:inline-block;
width:100%;
z-index:8000;
padding-left:40px;
}

.icon-remove-sign {
cursor:pointer;
position:absolute;
top:0;
width:34px;
height:34px;
line-height:34px;
text-align:center;
right:0;
display:block;
}

.postlist-detail-indicator {
    cursor:pointer;
}

.leaders {
overflow:hidden;
}

.leaders .leaders-left {
float:left;
margin:0;
padding:0 .2em 0 0;
}

.leaders .leaders-right {
float:right;
margin:0;
padding:0 0 0 .2em;
}

.leaders i {
color:#333;
}

.leaders li:after {
content:"";
display:block;
overflow:hidden;
height:1em;
border-bottom:2px dotted;
}

.page-nav {
position:fixed;
right:0;
width:100%;
display:inline-block;
padding:30px;
}

.page-preview-icon {
z-index:9001;
cursor:pointer;
}

.page-preview-text {
right:30px;
left:130px;
background:#fff;
position:absolute;
text-align:center;
top:-9000px;
display:block;
cursor:pointer;
padding-bottom:10px;
padding-top:10px;
}

.page-preview-title,.postlist-title {
font-size:22px;
font-weight:700;
}

.page-title {
font-size:31px;
font-weight:700;
padding:0 0 0 15px;
}

.post {
position:relative;
overflow:hidden;
padding:20px 15px 0;
}

.post > .container,#wrap > .container {
padding:75px 0 60px;
}

.post-comments {
border-top:2px solid #000;
}

.post-header {
width:100%;
text-align:center;
line-height:37px;
font-weight:700;
margin:0 0 20px;
padding:0 0 5px;
}

.post-li {
position:relative;
overflow:hidden;
border-bottom:1px solid #eee;
padding:20px 0 0;
}

.post-li:hover {
background:#f5f5f5;
}

.post-li:hover .postlist-meta,.post-li:hover .postlist-meta a {
color:#000000 !important;
}

.post-title {
font-size:32px;
font-weight:700;
}

.postlist-block {
list-style:none;
padding:0;
}

.postlist-detail {
display:none;
}

.postlist-meta,.postlist-meta a {
font-size:16px;
color: #afafaf;
}

.posts {
margin:0;
}

.results li {
padding:20px 0 0;
}

.sidebar a {
font-weight:700!important;
}

.sidebar li {
list-style-type:none;
display:block;
background:#f5f5f5;
margin:0;
padding:5px 10px;
}

.sidebar,#nav {
padding:0!important;
}

.signoff {
margin-top:60px;
background:#f5f5f5;
padding:20px;
}

.statusbar {
top:0;
position:fixed;
background-color:#eb5e29;
height:2px;
}

.tags,.tag-pages {
margin:25px 0;
}

.tags-contaier {
margin:20px 0 0;
}

body {
color:#000;
font:17px Poly, 'Helvetica Neue', Helvetica, serif, Arial!important;
}

html,body {
height:100%;
}
#menu, .comments-meta {
    display: none;
}
@media (max-width: 768px) {
    #wrap > .container {
        padding: 0 0 20px;
        overflow: hidden;
    }
    #wrap > .container > .row {
        margin: 0;
    }
    .content {
    	min-height: 400px !important;
        margin-top: 20px;
        width: 100% !important;
    }
    .post-li > div {
    	width: 100% !important;
    }
    #menu {
        display: block;
        color: #fff!important;
        font-weight: 700!important;
        margin-top: 1px;
        background: #333;
        padding: 10px 0 10px 10px;
        position: relative;
    }
    .menu-btn,.close-btn {
        position: absolute;
        top: 0.4em;
        left: 1.875em;
        display: block;
        width: 2.625em;
        height: 2.25em;
        padding: 0;
        border: 0;
        outline: none;
        background-size: 1.875em 1.5em;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
    }
    .menu-btn {
        background: #333 url("/assets/fonts/nav-icon.png") left center no-repeat;
    }
    .close-btn {
        background: #333 url("/assets/fonts/close-btn.png") left center no-repeat;
    }
    .menu-title {
        text-align: center;
        font-size: 25px;
        margin: 0;
    }
    #nav {
        height: 100%;
        background: #f5f5f5;
        position: absolute;
        z-index: 1200;
    }
    .sidebar{
        margin-left: 1.875em;
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        position: absolute;
        top:0;
        left: -70%;
    }
    .row-offcanvas-left.active {
        left: 70%;
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 70% !important;
    }
    .postlist-meta li {
        display: inline;
    }
    .hide-on-phone {
        display: none;
    }
    .comments-meta {
        display: block;
    }
}
@media (max-width: 380px) {
    #menu .menu-title, .page-nav {
        display: none;
    }
    #menu {
        height: 50px;
    }
    #search {
        position: relative;
        top: 0;
        left: 0;
        padding: 0 30px;
        width: 100%;
    }
    .leaders {
        padding-left: 15px;
    }
    .leaders .leaders-left, .leaders .leaders-right {
        width: 100%;
    }
    .results li {
        padding-bottom: 10px !important;
    }
}