#inner_container {
	padding: 0;
}

:where(#adv_list) .adv {
	display: grid;
	grid-template-columns: [line-start] 100px [line1] 80px [line2] 20px [line3] 100px [line4] minmax(30px, auto) [line-end];
	grid-template-rows: [row-start] 22px [row1] 51px [row2] 27px [row-end];
	cursor: pointer;
	margin-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.2);
}

/*
.title, .price, .location {
	padding: 10px;

	-ms-word-break: break-all;

	word-break: break-all;

	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
*/

.image {
	cursor: pointer;
	grid-column-start: line-start;
	grid-column-end: line1;
	grid-row-start: row-start;
	grid-row-end: row-end;
	background-color: rgba(0, 0, 0, 0.3);
}

.image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.title {
	display: flex;
	align-items: center;
	cursor: pointer;
	grid-column-start: line1;
	grid-column-end: line-end;
	grid-row-start: row1;
	grid-row-end: row2;
	padding: 10px;
}

.title a {
	color: var(--color-text);
	font-size: 1.2em;
}

.buysell {
	cursor: pointer;
	background-color: var(--color-theme);
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column-start: line1;
	grid-column-end: line2;
	grid-row-start: row-start;
	grid-row-end: row1;
}

.category {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #c1c1c1;
	color: black;
	grid-column-start: line2;
	grid-column-end: line4;
	grid-row-start: row-start;
	grid-row-end: row1;
	padding: 0 5px 0 5px;
}

.date {
	display: flex;
	align-items: center;
	justify-content: start;
	cursor: pointer;
	grid-column-start: line4;
	grid-column-end: line-end;
	grid-row-start: row-start;
	grid-row-end: row1;
	padding: 0 15px 0 15px;
}

.price {
	display: flex;
	align-items: center;
	justify-content: start;
	cursor: pointer;
	grid-column-start: line1;
	grid-column-end: line3;
	grid-row-start: row2;
	grid-row-end: row-end;
	padding: 0 15px 0 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.date div, .price div, .location div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
}

.price div span, .location div span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	color: rgba(255, 255, 255, 0.6);
}

.location {
	display: flex;
	align-items: center;
	justify-content: end;
	cursor: pointer;
	grid-column-start: line3;
	grid-column-end: line-end;
	grid-row-start: row2;
	grid-row-end: row-end;
	padding: 0 15px 0 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.unread {
	background-color: #3f4b59;
	color: white;
}

#top_bar {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#top_bar button {
	margin-bottom: 10px;
}