body{
    font-size:13px;
    background:black;
    color:white;
}
.sidebar{
    width:350px;
    margin-left:1rem;
}
.sidebar-container{
    position:sticky;
    top:.5rem;
}
.post-container{
    margin:-.5rem;
    flex-wrap:wrap;
}
.post-item{
    margin:.5rem;
    width:calc( (100% - 5rem) / 5);
    border:1px solid #942d86;
    background:#380940;
    padding:.25rem;
    border-radius:.35rem;
}
.content-container{
    position:sticky;
    top:.5rem;
}
.post-content{
    padding:10px 0;
}
.post-item .feat-img{
    width:100%;
    overflow:hidden;
    border-radius:.25rem;
}
.post-item .feat-img img{
    width:100%;
}
.post-item .post-item-title{
    line-height:1.2;
    text-align:center;
    font-weight:normal;
    padding:.5rem 0;
}
.post-item .post-item-body{
    margin-left:1rem;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}
.post-item .post-item-title a[href]{
    color:white;
    font-weight:normal;
}
.post-item .post-item-excerpt{
    margin-top:10px;
    line-height:1.2;
}
.header{
    position:sticky;
    background:black;
    display:block;
    top:0;
    z-index:1;
}
.header-container{
    display:flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    padding:.5rem 0;
    align-items:center;
    justify-content:center;
}
.mobile-menu-toggle{
    display:none;
    font-size:24px;
    opacity:.8;
    cursor:pointer;
}
.header-logo{
    max-height:50px;
}
.main-menu{
    background:#942D86;
}
.menu-list ul,.menu-list li{
    list-style:none;
    padding:0px;
    margin:0px;
}
.menu-list>ul{
    display:flex;
    justify-content:center;
}
.menu-list ul li{
    position:relative;
}
.menu-list ul li a[href],.menu-list ul li a[href]:hover{
    text-decoration:none;
    color:white!important;
    padding:.5rem 1.5rem;
    display:block;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
    position:relative;
}
.menu-list ul li a[href]:before{
    content:"";
    position:absolute;
    left:0px;
    bottom:0px;
    height:3px;
    width:0px;
    background:orangered;
    transition:all .2s ease;
}
.menu-list ul li a[href]:hover:before{
    width:100%;
}
.menu-list ul li a[href]:hover{
    background:#0002;
}
.menu-list ul>li:hover>ul{
    display:block;
}
.menu-list ul>li>ul>li:hover>ul{
    left:100%;
    top:0px;
}
.menu-list ul li ul{
    padding:.5rem 0;
    min-width:200px;
    opacity:.9;
    display:none;
    position:absolute;
    left:0px;
    z-index:3;
    background:linear-gradient(45deg,#204099,#007ABC);
}
.carousel{
    background:white;
}
.widget-item{
    border:1px solid #942d86;
    background:#380940;
    padding:.5rem;
    border-radius:.25rem;
}
.widget-title{
    padding:.5rem;
    background:black;
    color:white;
    font-weight:600;
    text-transform:uppercase;
    text-align:center;
    border-radius:.25rem;
    opacity:.9;
}
.widget-item+.widget-item{
    margin-top:.5rem;
}
.post-feat{
    border-radius:.25rem;
    background:white;
    padding:1rem;
    display:flex;
    display:-ms-flex;
    display:-webkit-flex;
    margin-bottom:1rem;
    background:none;
    padding:0px;
}
.post-feat-sidebar{
    margin-left:1rem;
    width:400px;
    height:300px;
    overflow:auto;
    background:white;
    border-radius:.25rem;
}
.post-feat-item{
    position:relative;
    overflow:hidden;
    border-radius:.25rem;
    height:300px;
}
.post-feat-item .item-img{
    position:absolute;
    width:100%;
}
.post-feat-item .item-img img{
    width:100%;
    filter:brightness(.8);
}
.post-feat-item .item-title{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    text-align:center;
    padding:1rem 2rem;
    background:#0003;
}
.post-feat-item .item-title a[href]{
    color:white;
    font-weight:bold;
    font-size:22px;
    line-height:1;
}
.post-feat-slider .carousel-indicators{
    bottom:0px;
    margin-bottom:.5rem;
}
.carousel-control-next, .carousel-control-prev{
    width:50px;
}
.carousel-indicators li{
    height:5px;
    border-radius:1rem;
    cursor:pointer;
}
.post-sidebar-item{
    padding:.5rem 1rem;
}
.post-sidebar-item+.post-sidebar-item{
    border-top:1px solid lightgrey;
}
.post-sidebar-item a[href]{
    text-decoration:none;
    color:#505050;
    font-weight:600;
    font-size:14px;
}
.post-mid-container{
    display:flex;
    align-items:stretch;
    margin-bottom:1rem;
}
.post-mid-container .post-mid-item{
    width:20%;
    background:white;
    border-radius:.25rem;
    padding:1rem;
}
.post-mid-container .post-mid-item+.post-mid-item{
    margin-left:.5rem;
}
.mid-item-img{
    border-radius:.25rem;
    overflow:hidden;
    text-align:center;
    max-height:100px;
}
.mid-item-img img{
    width:110%;
}
.mid-item-title{
    text-align:center;
    margin-top:.5rem;
}
.mid-item-title a[href]{
    color:#555;
    font-weight:600;
}
.footer{
    background:#230B27;
    color:white;
    padding:1rem 0px;
    min-height:150px;
}
.footer .copyright{
    text-align:center;
}
.footer-menu{
    margin-bottom:1rem;
}
.footer-menu ul,.footer-menu ul li {
    list-style:none;
    padding:0px;
    margin:0px;
}
.footer-menu>ul{
    display:flex;
    justify-content:center;
}
.footer-menu>ul>li{
}
.footer-menu>ul>li+li{
    margin-left:1rem;
}
.footer-menu ul li a[href]{
    color:white;
    font-weight:600;
    font-size:14px;
}
.footer-menu ul ul{
    margin-left:2rem;
}
.term-badge{
    background:cornsilk;
    padding:.25rem .5rem;
    margin-top:.25rem;
    margin-right:.25rem;
    display:block;
    border-radius:.25rem;
    font-weight:600;
}
a[href].term-badge{
    color:#565656;
}
.post-article{
    border:1px solid #942d86;
    background:#380940;
    padding:1rem;
    border-radius:.25rem;
    color:white;
}
.post-article img{
    border-radius:.25rem;
}
.post-article h1{
    font-size:22px;
    text-align:center;
}
a[href]{
    color:white;
    font-weight:600;
}
.pagination{
    align-items:center;
    justify-content:center;
}
.pagination  .page-item{
    margin-left:.5rem;
    margin-right:.5rem;
}
.pagination .page-item .page-link{
    border:0px;
    border-radius:.25rem;
    background:none;
}
.pagination .page-item span{
    font-weight:600;
    font-size:14px;
}
.pagination .page-item input, .pagination .page-item button{
    height:32px;
    padding:3px 16px;
    font-size:13px;
}
.pagination .page-item .btn.btn-primary{
    background:steelblue;
    border:1px solid steelblue;
    color:white;
}
.form-search .form-control{
    width:300px;
}
.mobile-menu{
    position:fixed;
    opacity:0;
    z-index:-1;
    background:#000a;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    transition:all .2s ease;
}
.mobile-menu .logo-place{
    padding:1rem 0;
    text-align:center;
}
.mobile-menu.show{
    opacity:1;
    z-index:99;
}
.mobile-menu-list{
    position:fixed;
    left:-300px;
    top:0px;
    width:300px;
    bottom:0px;
    transition:all .2s ease;
    background:linear-gradient(to bottom,#230B27,#000);
    overflow:auto;
}
.mobile-menu.show .mobile-menu-list{
    left:0px;
}
.mobile-menu-list ul,.mobile-menu-list li{
    list-style:none;
    list-style-type:none;
    color:white;
    padding:0px;
}
.mobile-menu-list ul li a[href]{
    color:white;
    font-size:14px;
    display:block;
    padding:.5rem 0;
}
.mobile-menu-list ul li a[href]{
    padding-left:2rem;
}
.mobile-menu-list ul li li a[href]{
    padding-left:3rem;
}
.mobile-menu-list ul li li li a[href]{
    padding-left:4rem;
}
.mobile-menu-list ul li+li,.mobile-menu-list ul li li:first-child{
    border-top:.5px solid #fff3;
}
@media (max-width:1024px){
    .header-container{
        padding-left:1rem;
        padding-right:1rem;
        text-align:center;
        justify-content:start;
    }
    .mobile-menu-toggle{
        display:block;
        flex:1;
        text-align:left;
    }
    .form-search .form-control{
        width:100%;
    }
    .post-content{
    }
    .post-container{
    }
    .sidebar-container{
        margin:0px;
        position:relative;
        top:0;
    }
    .content-container{
        position:relative;
        top:0px;
    }
    .sidebar{
        width:auto;
        margin:0px;
        padding:.5rem 0;
    }
    .footer-menu>ul{
        display:block;
        text-align:center;
    }
    .footer-menu>ul li+li{
        margin-left:0px;
    }
    .menu-list ul{
        display:block;
    }
    .menu-list ul li ul{
        opacity:1;
        left:1.5rem;
        border:1px solid #c0c0c0;
    }
    .post-feat{
        display:block;
    }
    .post-article img{
        width:100%!important;
        height:auto!important;
    }
    .post-feat-item{
        background:black;
    }
    .post-feat-sidebar{
        margin:0px;
        margin-top:1rem;
        width:auto;
    }
    .post-mid-container{
        display:block;
    }
    .post-mid-container .post-mid-item{
        width:auto;
    }
    .post-mid-container .post-mid-item+.post-mid-item{
        margin:0px;
        margin-top:1rem;
    }
    .mid-item-img{
        max-height:200px;
    }
    .post-item{
        display:block;
    }
    .post-item{
        width:calc( (100% - 3rem) / 3);
    }
    .post-item .feat-img{
        width:auto;
    }
    .post-item .feat-img img{
        height:auto;
        width:100%;
    }
    .post-item .post-item-body{
        margin:0px;
    }
    .post-item .post-item-title{
        text-align:center;
        margin-top:.5rem;
    }
    .main-menu{
        display:none;
    }
}
@media (max-width:500px){
    .post-item{
        width:calc( (100% - 2rem) / 2);
    }
}