.mema-single-banner {
    width:100%;
    height:300px;
    /* height:80%; */
    position:relative;
    /* background-size: cover; */
    /* &:before{
            content:"";
            background-color:#161616;
            height:100%;
            width:100%;
            display:block;
            position: absolute;
            top:0;
            left:0;
        } */

    img {

        height:100%;
        width:100%;
        object-fit:cover;
        object-position: left;
        pointer-events: none;


        mask-image:linear-gradient(#161616 0%,#16161600 100%);
        mask-size: cover;
        mask-repeat: repeat-x;
        -webkit-mask-image:linear-gradient(#161616 0%,#16161600 100%);
        -webkit-mask-size: cover;
        -webkit-mask-repeat: repeat-x;
        
    }

}

.mema-post-listing {
    display:grid;
    grid-template-columns: repeat(auto-fit,150px);
    gap:10px;
    margin-bottom:10px;

    .mema-post-list {
        display:block;
        width:150px;
        aspect-ratio: 1/1.5;
        background-color: #666;
    }
}

.mema-single-image {
    img {
        aspect-ratio:1/1.5;
    }
}


.mema-single-description {
    padding:20px !important;
    background-color:#161616 !important;
    margin:10px 0px;
    p {
        margin-top:0;
    }
}

.mema-single-sidebar {
    margin-top:-250px;
}

h2, h3, h4 {
    text-transform: uppercase;
}

.mema-single-wrapper {
    display:flex;
    flex-wrap: wrap;
    gap: 20px;
    /* max-width: 1600px;*/
    /* margin:0 auto; */
    /* padding:20px; */

    margin: -100px auto 0px auto;

    

    .mema-single-sidebar {
        flex:1 1 30%;
        min-width:250px;

        .mema-single-image {
            
            img {
                max-width:100%;
                height:auto;
            }
        }

    }

    .mema-single-content{
        flex: 2 1 65%;
        min-width:300px;
    }
}

@media (max-width:768px) {
    .mema-single-sidebar, .mema-single-content{
        flex-basis: 100%;
    }
}