55 lines
1004 B
CSS
55 lines
1004 B
CSS
.event-intro {
|
|
margin: var(--space-30) auto var(--space-7) auto;
|
|
width: 87.5vw;
|
|
max-width: var(--block-text-wide-width);
|
|
}
|
|
@media (max-width: 500px) {
|
|
.event-intro h1 {
|
|
font-size: 1.8rem;
|
|
}
|
|
}
|
|
.event-intro__meta {
|
|
margin-bottom: var(--space-7);
|
|
align-content: baseline;
|
|
}
|
|
@media (min-width: 600px) {
|
|
}
|
|
|
|
.event-intro__bottom {
|
|
margin: var(--space-5) auto var(--space-10) auto;
|
|
width: 87.5vw;
|
|
max-width: var(--block-text-width);
|
|
}
|
|
.event-intro__bottom:last-child {
|
|
margin-bottom: var(--space-20);
|
|
}
|
|
|
|
.event-intro__description {
|
|
font-family: var(--headline);
|
|
font-weight: var(--headline-extra-bold);
|
|
color: var(--grey);
|
|
}
|
|
|
|
.event-intro__date,
|
|
.event-intro__from-to,
|
|
.event-intro__place {
|
|
font-family: var(--text);
|
|
font-weight: var(--text-bold);
|
|
}
|
|
.event-intro__date {
|
|
display: block;
|
|
}
|
|
|
|
@media (min-width: 400px) {
|
|
.event-intro__date {
|
|
display: inline;
|
|
}
|
|
.event-intro__from-to::before {
|
|
content: " | ";
|
|
}
|
|
}
|
|
|
|
.event-intro__image {
|
|
align-self: center;
|
|
}
|