#tsWidget { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:18px; line-height:24px; max-width:900px; margin: 0 auto; 
	display: flex;
	flex-direction: column;
}

#tsWidget .related {
	font-size: 15px;
	color: #555;
	margin: 0 0 4px;
}

@media (min-width: 768px){
	#tsWidget .tsGrid {
    	grid-template-columns: repeat(2, 1fr);
	}
}

#tsWidget .tsGrid { 
	display: grid;
	grid-gap: 0.75em;
	box-sizing: border-box;
	column-gap: 12px;
	flex-wrap: wrap;
	grid-auto-rows: 1fr;
	justify-content: stretch;
	counter-reset: tsw-counter;
}

#tsWidget .tsItem {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	background-color: #545454;
	min-height: 60px;
    flex-basis: 47.5%;
    position: relative;
    cursor: pointer;
    padding: 5px 5px 5px 4px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.65s;
    text-decoration: underline;
}

#tsWidget .tsItem:hover {
	opacity: .8;
}

#tsWidget .image {
    background-size: cover;
    height: 100px;
    width: 100px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#tsWidget .column {
	flex:1;
	padding: 0 0.75em;
	word-wrap: break-word;
}

#tsWidget .icon {
    border-bottom: 14px solid transparent;
    border-left: 14px solid;
    border-top: 14px solid transparent;
    box-sizing: content-box;
    width: 8px;
}

@media (min-width: 768px){		
	#tsWidget .tsGrid div {
    	flex-basis: 47.5%;
	}
}

#tsWidget .tsItem { background-color: #006fcf; border-left: none; border-radius: 6px; }
#tsWidget .tsItem .icon { border-left-color: #fff; }