@media screen and (min-width: 1080px) {
	
    /***** Structure *****/
    #sidebar .item {
        position: relative;
    }
    #sidebar .item {
        display: grid;
        grid-template-columns: 40% auto;
        gap: 10px;
    }

    /***** Visual *****/
    #sidebar .itemVisual img {
        width: 100%;
        height: 100px;
    }
    #sidebar .itemVisual img {
        object-fit: cover;
    }

    /***** Details *****/
    #sidebar .itemDetails {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 10px;
    }
    #sidebar .itemDetails div {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 5px;
    }
    #sidebar .itemDetails a {
        font-family: 'content-font';
        font-size: 12px;
        font-weight: 600;
        color: #fff;
    }
    #sidebar .itemDetails a h5 {
        font-family: 'content-font';
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 4px;
        text-align: left;
        text-transform: uppercase;
    }
    #sidebar .itemDetails a h5:hover {
        color: var(--secondary);
        transition: .3s linear;
    }
    
    
}