.cpt-to-company {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
padding: 5px;
margin: 20px auto;
}
.cpt-to-company h2 {
color: var(--ast-global-color-1);
font-weight: 700;
margin: 20px;
width: 100%;
text-align: center;
}
.card-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.card-container .card {
width: auto;
display: flex;
height: 165px;
flex-direction: row;
align-content: center;
align-items: center;
margin: 1%;
}
@media (max-width: 767.98px) {
.card-container .card {
width: auto;
}
}
.card.linked_blends,
.card.linked_probiotic_strains {
height: auto;
padding: 10px;
}
.card.attending_events {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
}
.card-container.linked_blends,
.card-container.linked_probiotic_strains {
width: 100%;
display: flex;
justify-content: center;
}
.card img {
margin-right: 15px;
aspect-ratio: 1 / 1.5;
object-fit: cover;
border-radius: 8px;
max-height: 100%;
min-width: 33%;
}
.card h5 {
font-size: 14px;
width: 66%;
}
.linked_blends h5,
.linked_probiotic_strains h5 {
text-align: center;
}
.card {
border: none;
}
.card i {
margin-right: 10px;
}
.card span {
font-size: 10px;
font-weight: 400;
line-height: 15px;
width: 100%;
}
span.start-date {
width: auto;
}
span.end-date {
width: auto;
padding-left: 10px;
}
a.card.linked_blend,
a.card.linked_strain {
height: 55px;
padding: 10px;
}
.linked_blend h5,
.linked_strain h5 {
text-align: center;
}
.card .steps {
text-transform: uppercase;
color: var(--ast-global-color-3);
line-height: 11px;
padding-right: 3px;
}
.post-card.probiotic-strains, .post-card.probiotic-blends {
width:30%;
@media (max-width: 767.98px){
width:100%;
}
}