/* =====================================================
Expertise – Feed card styles
Based on real markup from stobg-feeds-card
Mirrors .colblock visual system exactly
===================================================== */

/* Feed grid = flex container matching .rightblock behavior */
.rightblock .stobg-feeds-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}

/* Card = .colblock equivalent */
.rightblock .stobg-feeds-card {
position: relative;
width: 48.18%;
height: 357px;
margin-right: 3.64%;
margin-bottom: 38px;
overflow: hidden;
background: #231f20;
cursor: pointer;
list-style: none;
}

/* Two-column spacing */
.rightblock .stobg-feeds-card:nth-child(2n),
.rightblock .stobg-feeds-card:last-child {
margin-right: 0;
}

/* IMAGE – full card background */
.rightblock .stobg-feeds-card__image {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
z-index: 0;
}

.rightblock .stobg-feeds-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.75s;
}

/* Hover zoom */
.rightblock .stobg-feeds-card:hover .stobg-feeds-card__image img {
transform: scale(1.1);
}

/* OVERLAY – gradient like original */
.rightblock .stobg-feeds-card::after {
content: "";
position: absolute;
inset: 0;
/* background: linear-gradient(to bottom,
	rgba(35, 31, 32, 0) 0%,
	rgba(35, 31, 32, 0.95) calc(100% - 120px),
	rgba(35, 31, 32, 0.95) 100%); */
z-index: 1;
pointer-events: none;
}

/* TEXT BLOCK – bottom anchored */
.rightblock .stobg-feeds-card__content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 14px 19px 16px;
box-sizing: border-box;
z-index: 2;
background: #231f20d4;
}

/* Excerpt – white text, clamped to 2 lines */
.rightblock .stobg-feeds-card__excerpt {
color: #fff;
font-size: 13px;
line-height: 1.4;
margin: 0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* FOOTER ROW – Learn More left, Date right */
.rightblock .stobg-feeds-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}

/* Learn More – bottom left */
.rightblock .stobg-feeds-card__learn-more {
color: #fff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px;
pointer-events: auto;
}

.rightblock .stobg-feeds-card__learn-more:hover {
text-decoration: underline;
}

/* Date – bottom right, teal accent */
.rightblock .stobg-feeds-card__date {
color: #6E90AA;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
text-align: right;
}

.rightblock .stobg-feeds-card__title a {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1;

display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

overflow: hidden;

}

h2.stobg-feeds-card__title {
margin-bottom: 12px;
line-height: 0.75;
font-family: "Roboto Condensed", sans-serif;
}

/* Ensure all links are clickable */
.rightblock .stobg-feeds-card__content a,
.rightblock .stobg-feeds-card__image {
pointer-events: auto;
}

.stobg-feeds-card__content {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 30%;
}

.stobg-feeds-card__bottom {
margin-top: 12px;
}

.stobg-feeds-card__bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
}

/* META ROW WRAPPER (same as .flexwrap behavior) */
.stobg-feeds-card__bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
}

/* DATE + POST TYPE */
.stobg-feeds-card__bottom-inner span {
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: #6E90AA;
text-transform: uppercase;
}

/* LEARN MORE LINK */
.stobg-feeds-card__bottom-inner a {
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-transform: uppercase;
position: relative;
text-decoration: none;
}