.thumbnail{
    height: 600px;
    top: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
}
.single-post-content{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;

.post-content{
        width: 73%;
        margin-left: 2rem;
        box-shadow: 0px 0px 25px 0px rgba(0, 78, 66, 0.05);
        border-radius: 10px;
        padding: 2rem;
.post{
.header-post{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                h1{
                    font-size: 1.7rem;

                }
            }
            .thumbnail{
                width: 100%;
                height: 330px;
                border-radius: 10px;
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
            }
            .footer-post{
                .slider-post{

                }
            }
        }
    }
    .sidebar{
        width: 25%;
        .category-list{
            color: white;
            background: rgba(14, 100, 86, 1);
            border-radius: 10px;
            li a{
                color: white;
            }
        }
    }
    .sidebar > .category-list{
        padding: .5rem 1rem;
    }
    .sidebar > .category-list > li > ul.category-list > li {
        padding: .7rem 0;
    }
    .sidebar > .category-list > li > ul.category-list{

    }
    .sidebar > .category-list > li:not(:last-child)::after {
        content: '';
        display: block;
        position: relative;
        width: 100%;
        height: 2px;
        bottom: -1.5rem;
        background: linear-gradient(90deg, #0E6456 0%, #FFF 50%, #0E6456 100%);
    }
    .sidebar > .category-list > li > ul, .sidebar > .category-list > li > ul > li > ul{
        display: none;
    }

    .sidebar > .category-list > li:hover > ul , .sidebar > .category-list > li > ul > li:hover > ul {
        display: block;
    }

}
.single-post-content {
    .form-select {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .thumbnail {
        height: 200px;
    }
    .single-post-content{
        flex-wrap: wrap;
        .sidebar{
            display: none;
        }
        .form-select{
            display: block;
        }
        .post-content{
            width: 100%;
            margin-left: 0;
        }
    }
}
.post-content{
   ul{
       list-style: disc;
   }
   ol{
       list-style: decimal;
   }
}
.current-category a{
    position: relative;
    color: #F5B800 !important;
    width: 100%;
    display: block;
    &:after {
        content: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.85786%209L16%209M16%209L8.92893%2016.0711M16%209L8.92893%201.92893%22%20stroke%3D%22%23F5B800%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
        position: absolute;
        right: 0;
        color: #F5B800;
        width: 20px;
        line-height: 0;
    }
}