.cdl-cultural-card--has-thumb .cdl-cultural-card__link {
padding-top: 0;
}
.cdl-cultural-card--has-thumb .cdl-cultural-visual--card,
.cdl-cultural-card--has-thumb .cdl-concept-card__media,
.cdl-cultural-card--has-thumb .cdl-rhythm-card__media,
.cdl-cultural-card--has-thumb .cdl-orisha-card__media {
width: 100%;
max-height: none;
aspect-ratio: 16 / 9;
min-height: 0;
margin: 0 0 0.75rem;
border-radius: 8px 8px 0 0;
overflow: hidden;
background: #fff;
} .cdl-cultural-archive__section--concept .cdl-cultural-card--has-thumb .cdl-concept-card__media,
.cdl-cultural-hub .cdl-cultural-card--has-thumb .cdl-concept-card__media,
.cdl-cultural-portal .cdl-cultural-card--has-thumb .cdl-concept-card__media {
background: #fff;
}
.cdl-cultural-card--has-thumb.cdl-cultural-card--instrument .cdl-cultural-visual--card {
background: #fff;
border-radius: 10px 10px 0 0;
}
.cdl-cultural-card--has-thumb .cdl-cultural-visual--card .cdl-cultural-visual__img,
.cdl-cultural-card--has-thumb .cdl-concept-card__media .cdl-cultural-visual__img,
.cdl-cultural-card--has-thumb .cdl-rhythm-card__media .cdl-cultural-visual__img,
.cdl-cultural-card--has-thumb .cdl-orisha-card__media .cdl-cultural-visual__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
} .cdl-cultural-card.cdl-cultural-card--has-thumb {
background: #fff;
}
.cdl-cultural-card--has-thumb .cdl-cultural-card__badge,
.cdl-cultural-card--has-thumb .cdl-cultural-card__title,
.cdl-cultural-card--has-thumb .cdl-cultural-card__summary,
.cdl-cultural-card--has-thumb .cdl-cultural-card__more {
padding-left: 1rem;
padding-right: 1rem;
}
.cdl-cultural-archive__section--concept .cdl-cultural-card--concept .cdl-concept-card__media,
.cdl-cultural-hub .cdl-cultural-card--concept .cdl-concept-card__media {
max-height: none;
} .cdl-cultural-single--concept.cdl-cultural-single--hero-v33 .cdl-cultural-hero,
.cdl-cultural-single--rhythm.cdl-cultural-single--hero-v33 .cdl-rhythm-hero {
width: 100%;
max-width: 100%;
margin: 0 0 clamp(1.35rem, 3.5vw, 2rem);
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: 0 16px 44px rgba(18, 14, 24, 0.1);
}
.cdl-cultural-single--concept.cdl-cultural-single--hero-v33 .cdl-cultural-hero .cdl-cultural-visual--hero,
.cdl-cultural-single--concept.cdl-cultural-single--hero-v33 .cdl-cultural-hero__media,
.cdl-cultural-single--rhythm.cdl-cultural-single--hero-v33 .cdl-rhythm-hero .cdl-cultural-visual--hero,
.cdl-cultural-single--rhythm.cdl-cultural-single--hero-v33 .cdl-rhythm-hero__media {
width: 100%;
max-width: none;
margin: 0;
aspect-ratio: 16 / 9;
min-height: clamp(200px, 36vw, 380px);
max-height: min(56vh, 520px);
border-radius: 0;
overflow: hidden;
background: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c9a) 8%, #1a1816);
}
.cdl-cultural-single--concept.cdl-cultural-single--hero-v33 .cdl-cultural-hero .cdl-cultural-visual__img,
.cdl-cultural-single--rhythm.cdl-cultural-single--hero-v33 .cdl-rhythm-hero .cdl-cultural-visual__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
display: block;
}
.cdl-cultural-single--concept.cdl-cultural-single--hero-v33 .cdl-cultural-single__header--with-hero .cdl-cultural-visual--hero:not(.cdl-cultural-hero .cdl-cultural-visual--hero),
.cdl-cultural-single--rhythm.cdl-cultural-single--hero-v33 .cdl-cultural-single__header--with-hero > .cdl-cultural-visual--hero {
max-width: 100%;
width: 100%;
} .cdl-cultural-card--has-thumb .cdl-cultural-visual--placeholder,
.cdl-cultural-card--has-thumb .cdl-cultural-visual__glyph {
display: none !important;
}
.cdl-cultural-card:not(.cdl-cultural-card--has-thumb) .cdl-cultural-visual--placeholder[data-cultural-type="concept"] {
background: linear-gradient(
160deg,
color-mix(in srgb, var(--cdl-cultural-accent, #6b4c9a) 14%, #f8f6f3),
#fff 72%
);
}
.cdl-cultural-card:not(.cdl-cultural-card--has-thumb) .cdl-cultural-visual--placeholder[data-cultural-universe="bachata"],
.cdl-cultural-card[data-cultural-universe~="bachata"]:not(.cdl-cultural-card--has-thumb) .cdl-cultural-visual--placeholder {
background: linear-gradient(160deg, rgba(180, 72, 96, 0.12), #fff 75%);
}
.cdl-cultural-card:not(.cdl-cultural-card--has-thumb) .cdl-cultural-visual--placeholder[data-cultural-universe="west-coast-swing"],
.cdl-cultural-card[data-cultural-universe~="west-coast-swing"]:not(.cdl-cultural-card--has-thumb) .cdl-cultural-visual--placeholder {
background: linear-gradient(160deg, rgba(72, 120, 180, 0.1), #fff 75%);
}
@media (max-width: 640px) {
.cdl-cultural-single--concept.cdl-cultural-single--hero-v33 .cdl-cultural-hero .cdl-cultural-visual--hero,
.cdl-cultural-single--rhythm.cdl-cultural-single--hero-v33 .cdl-rhythm-hero .cdl-cultural-visual--hero {
min-height: clamp(180px, 52vw, 280px);
max-height: min(48vh, 360px);
}
}