.strains-and-blends-tabs {
margin: 2rem 0;
a {
font-size: 16px;
font-style: normal;
font-weight: 700;
color: var(--ast-global-color-2);
}
}
.strains-and-blends-tabs .nav-tabs {
margin-bottom: 1.5rem;
margin-left: 0;
gap: 15px;
}
.strains-and-blends-tabs .nav-link {
border-radius: 15px;
border: 1px solid #8150b8;
color: #8150b8;
padding: 5px 25px;
min-width: 110px;
text-align: center;
font-family: var(--work-sans);
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.strains-and-blends-tabs .nav-link.active {
border-radius: 15px;
border: 1px solid #fff;
background: #502580;
color: #fff;
}
.strains-blends-list .post-card {
margin-bottom: 1.5rem;
padding: 1rem;
background-color: var(--ast-global-color-5);
border-radius: 0.5rem;
}
.post-card.post-type-badge::before {
content: attr(data-post-type);
display: inline-block;
padding: 0.25rem 0.5rem;
text-transform: uppercase;
color: var(--ast-global-color-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
background: #f9e0ff;
border-radius: 0.25rem;
margin-bottom: 0.5rem;
}
.post-card.probiotic-blends::before {
content: 'Blend';
}
.post-card.probiotic-strains::before {
content: 'Strain';
}
a.see-all-link { text-decoration: underline;
display: block;
margin: 0 auto;
width: fit-content;
color: #8150b8;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
@media (max-width: 767.98px) {
.strains-and-blends-tabs .nav-link {
font-size: 1rem;
padding: 0.5rem 1rem;
}
.post-card {
margin-bottom: 1.5rem;
}
}