/*** remove page title ***/
#block-t2portal-page-title {
	display: none;
}

h1 {
    padding: 0 !important; 
}

.box {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px;
    width: 100%; 

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#playlist-container  {
    height: max-content; 
    overflow-x: scroll; 
    width: 100%; 


    overflow-x: auto;
    white-space: nowrap;
    flex-shrink: 0; 

    display: flex;
    flex-direction: column;
    align-items: left;

    margin: 5px 0 35px 0; 


    a {
        width: 60%;
    }

    img {
        cursor: pointer;
        height: auto; 
        width: 95%;
        height: 100%;  
        margin-right: 16px;
        border-radius: 8px;
        display: block; 
    }

    p {
        overflow: hidden; 
        text-overflow: ellipsis;
        height: 100%; 
    }
}

.playlist-video {
    display: flex;
    flex-direction: row;
    margin: 0 0 24px 0; 
    height: 215px;  
}

.video-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden; 
    text-overflow: ellipsis;

    overflow-wrap: break-word;
    text-wrap: wrap;
    font-size: 1rem;

    a {
        width: 100% !important; 
        text-decoration: none !important;
    }

    h4 {
        padding: 0 0 12px 0; 
    }
}