/*
 * Brodnik CSS bundle: content-list.css
 * Reusable rr-news-list feed used by news pages and Personal overview.
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.rr-news-list span{display:inline-flex;
	width:fit-content;
	background:rgba(168,138,93,.18);
	border-radius:5px;
	padding:4px 8px;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:10px;
	font-weight:800;
	color:#745b38}

.rr-news-list{display:grid;
	gap:8px}

.rr-news-list article > a{display: grid;
	grid-template-columns: 160px minmax(0, 1fr) 48px;
	gap: 0;
	min-height: 132px;
	align-items: stretch;
	overflow: hidden;
	border: 1px solid rgba(16, 35, 29, .09);
	border-radius: 10px;
	background: rgba(251, 247, 239, .62);
	padding: 0;}

.rr-news-list article > a > img{width: 100%;
	height: 100%;
	min-height: 100%;
	align-self: stretch;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
	transition: transform .45s ease;}

.rr-news-list article > a > div{min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 16px 20px;}

.rr-news-list__more{display: inline-flex;
	width: fit-content;
	background: none !important;
	border-radius: 5px;
	padding: 0 !important;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 22px !important;
	font-weight: 800;
	color: var(--road-clay) !important;
	align-self: center;
	justify-self: center;}

.rr-news-list a:hover img{transform: scale(1.03);}

.rr-news-list__more{transition: padding-left .22s ease;}

.rr-news-list a:hover .rr-news-list__more{padding-left: 5px !important;}

.rr-news-list h3{font-family:var(--font-heading);
	font-size:22px;
	margin:5px 0 3px;
	line-height:22px;
	color: var(--charcoal);}

.rr-news-list p{font-size:13px;
	margin:0;
	color:var(--soft-charcoal)}

.rr-news-list a{font-size:28px;
	color:var(--road-clay);
	text-decoration:none}

@media (max-width: 860px){
.rr-news-list article > a{grid-template-columns: 120px minmax(0, 1fr) 28px;
		gap: 12px;}
.rr-news-list article > a > div{min-width: 0;}
}

@media (max-width: 640px){
.rr-news-list{gap: 10px;}
.rr-news-list article > a{display: grid;
		grid-template-columns: 110px minmax(0, 1fr) 42px;
		gap: 0;
		min-height: 112px;
		padding: 0;
		align-items: stretch;
		overflow: hidden;
		border: 1px solid rgba(16, 35, 29, .09);
		border-radius: 10px;
		background: rgba(251, 247, 239, .62);}
.rr-news-list article > a > img{width: 100%;
		height: 100%;
		min-height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 0;}
.rr-news-list article > a > div{min-width: 0;
		padding: 10px 8px 10px 12px;
		display: flex;
		flex-direction: column;
		justify-content: center;}
.rr-news-list h3{display: -webkit-box;
		margin: 5px 0 0;
		overflow: hidden;
		font-size: 16px;
		line-height: 1.25;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;}
.rr-news-list p{display: none;}
.rr-news-list__more{align-self: center;
		justify-self: center;
		padding: 0 !important;
		font-size: 26px !important;
		line-height: 1;}
}

.rr-news-list{margin-bottom:24px;}