/* In-article recommendation: editorial, compact and visually tied to the article. */


html body.single-post .varcelona-inline-next {


	margin: 30px 0 34px;


	padding: 0;


	border: 1px solid rgba(255,255,255,.10);


	border-left: 3px solid #ed1b2f;


	border-radius: 10px;


	background: rgba(7, 28, 47, .78);


	box-shadow: none;


	overflow: hidden;


}





html body.single-post .varcelona-inline-next__link {


	display: grid;


	grid-template-columns: 120px minmax(0, 1fr);


	min-height: 92px;


	color: #fff;


	text-decoration: none !important;


}





html body.single-post .varcelona-inline-next__media {


	display: block;


	min-height: 92px;


	background: #07111d;


	overflow: hidden;


}





html body.single-post .varcelona-inline-next__media img {


	display: block;


	width: 100%;


	height: 100%;


	min-height: 92px;


	object-fit: cover;


	transition: transform .22s ease;


}





html body.single-post .varcelona-inline-next__placeholder {


	display: flex;


	height: 100%;


	min-height: 92px;


	align-items: center;


	justify-content: center;


	color: rgba(255,255,255,.72);


	font-weight: 900;


	letter-spacing: .08em;


}





html body.single-post .varcelona-inline-next__body {


	display: flex;


	min-width: 0;


	padding: 13px 17px 12px;


	flex-direction: column;


	justify-content: center;


}





html body.single-post .varcelona-inline-next__eyebrow {


	margin-bottom: 5px;


	color: #f6c300;


	font-size: 10px;


	font-weight: 900;


	letter-spacing: .13em;


	line-height: 1;


	text-transform: uppercase;


}





html body.single-post .varcelona-inline-next__title {


	display: -webkit-box;


	overflow: hidden;


	color: #fff;


	font-size: 16px;


	font-weight: 800;


	line-height: 1.28;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


}





html body.single-post .varcelona-inline-next__cta {


	margin-top: 5px;


	color: rgba(255,255,255,.58);


	font-size: 11px;


	font-weight: 700;


}





@media (hover: hover) {


	html body.single-post .varcelona-inline-next__link:hover .varcelona-inline-next__media img { transform: scale(1.035); }


	html body.single-post .varcelona-inline-next__link:hover .varcelona-inline-next__title { color: #f6c300; }


	html body.single-post .varcelona-inline-next__link:hover .varcelona-inline-next__cta { color: #fff; }


}





@media (max-width: 640px) {


	html body.single-post .varcelona-inline-next { margin: 26px 0 30px; border-radius: 9px; }


	html body.single-post .varcelona-inline-next__link { grid-template-columns: 92px minmax(0, 1fr); min-height: 88px; }


	html body.single-post .varcelona-inline-next__media,


	html body.single-post .varcelona-inline-next__media img,


	html body.single-post .varcelona-inline-next__placeholder { min-height: 88px; }


	html body.single-post .varcelona-inline-next__body { padding: 11px 12px; }


	html body.single-post .varcelona-inline-next__eyebrow { margin-bottom: 5px; font-size: 9px; }


	html body.single-post .varcelona-inline-next__title { font-size: 13.5px; line-height: 1.25; }


	html body.single-post .varcelona-inline-next__cta { margin-top: 4px; font-size: 10px; }


}