.meetingsFilter {
margin-bottom: 50px;
}
.meetingsFilter #meetingsFilterForm {
display: flex;
gap: 30px;
}
@media (max-width: 767px) {
.meetingsFilter #meetingsFilterForm {
flex-direction: column
}
}
.meetingsFilter #meetingsFilterForm .committeesFilter {
flex: 1;
max-width: 480px;
position: relative;
}
.meetingsFilter #meetingsFilterForm .committeesFilter label::after {
position: absolute;
content: '';
top: 18px;
right: 20px;
width: 24px;
aspect-ratio: 1;
-webkit-mask: var(--mask, url('https://api.iconify.design/mdi/chevron-down.svg') no-repeat center / cover);
mask: var(--mask, url('https://api.iconify.design/mdi/chevron-down.svg') no-repeat center / cover);
background: var(--icon-color, var(--color-primary));
pointer-events: none;
}
.meetingsFilter #meetingsFilterForm .input {
flex: 1;
max-width: 480px;
position: relative;
}
.meetingsFilter #meetingsFilterForm .input input[type='text'] {
z-index: 2;
width: 100%;
font-size: 18px;
color: #000;
background: #fff;
border: 1px solid #bdbdbd;
border-radius: 6px;
padding: 18px 20px;
cursor: text;
transition: border-color 0.4s ease;
outline: none;
-webkit-appearance: none;
}
.meetingsFilter #meetingsFilterForm .input input[type='text']:hover,
.meetingsFilter #meetingsFilterForm .input input[type='text']:focus {
border-color: var(--border-color-hover, var(--color-primary));
}
.meetingsFilter #meetingsFilterForm .input button {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
color: var(--color-primary);
font-size: 16px;
padding: 0;
}
.meetingsFilter #meetingsFilterForm select {
z-index: 2;
width: 100%;
font-size: 18px;
color: #000;
background: #fff;
border: 1px solid #bdbdbd;
border-radius: 6px;
padding: 18px 20px;
cursor: pointer;
transition: border-color 0.4s ease;
outline: none;
-webkit-appearance: none;
}
.meetingsFilter #meetingsFilterForm select::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
}
.meetingsFilter #meetingsFilterForm select:hover,
.meetingsFilter #meetingsFilterForm select:focus {
border-color: var(--border-color-hover, var(--color-primary));
}
.meetingOverview {
--grid-gap: 32px 30px;
margin-bottom: 50px;
}
.meetingOverview .card__block.v2 {
--bottom-info-font-size: 16px;
margin-left: 3px;
position: relative;
border-radius: 0px 6px 6px 0px;
border: 1px solid #bdbdbd;
border-left: none;
box-shadow: -3px 0 0 var(--color-primary, #4664af);
padding: 30px;
}
.meetingOverview .card__block.v2 .title {
margin: 0;
}
.meetingOverview .card__block.v2 a {
--card-title-color: black;
--card-title-font-weight: 600;
}
.meetingOverview .card__block.v2 .bottomInfoWrapper {
padding-top: 14px;
}
.cardContainer.v1 .wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--grid-width, 345px), 1fr));
grid-gap: var(--grid-gap, 30px);
}
.card__block.v2 {
position: relative;
display: flex;
flex-direction: column;
padding-bottom: var(--card-padding-bottom, 35px);
border-bottom: var(--card-border-bottom, 2px solid var(--card-border-color, var(--color-primary)));
z-index: 0;
}
.card__block.v2.horizontal {
gap: var(--card-horizontal-gap, 30px);
--card-padding-bottom: 0;
--card-border-bottom: none;
--card-image-max-width: 100%;
--card-img-aspect-ratio: 1;
}
@media (min-width: 992px) {
.card__block.v2.horizontal {
flex-direction: row;
--card-image-max-width: 240px
}
}
.card__block.v2.horizontal .content {
--card-headline-margin-top: 0;
--card-title-span-line-height: calc(36 / 26);
}
.card__block.v2.horizontal .image {
flex: 2;
}
@media (max-width: 991px) {
.card__block.v2.horizontal.shadow {
--card-horizontal-gap: 0
}
}
.card__block.v2.horizontal.shadow .image {
border-radius: var(--border-radius-default);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card__block.v2.shadow {
--card-border-bottom: 0;
--card-padding-bottom: 0;
--card-headline-margin-top: 0;
background: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
border-radius: var(--border-radius-default);
}
.card__block.v2.shadow .image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.card__block.v2.shadow .content {
padding: var(--content-padding, 30px);
}
.card__block.v2 .content {
display: flex;
flex-direction: column;
flex: 1;
}
.card__block.v2 .bottomInfoWrapper {
display: flex;
align-items: center;
gap: 24px;
padding-top: 16px;
margin-top: auto;
}
@media (max-width: 991px) {
.card__block.v2 .bottomInfoWrapper {
flex-direction: column;
align-items: flex-start;
gap: 16px
}
}
.card__block.v2 .headline {
font-size: var(--card-headline-font-size, 14px);
font-weight: var(--card-headline-font-weight, 300);
color: var(--text-color, #202020);
margin-top: var(--card-headline-margin-top, 15px);
margin-bottom: 10px;
}
.card__block.v2 .bottomInfo,
.card__block.v2 .categoryPill {
color: var(--text-color, #202020);
}
@media (max-width: 991px) {
.card__block.v2 .bottomInfo,
.card__block.v2 .categoryPill {
margin-top: 10px
}
}
.card__block.v2 .bottomInfo {
font-size: var(--bottom-info-font-size, 14px);
padding-top: var(--bottom-info-pt, 0);
font-weight: var(--bottom-info-font-weight, 400);
}
.card__block.v2 .bottomInfo span {
padding-inline: 6px;
}
.card__block.v2.headline-badge .headline {
position: absolute;
inset: 0;
}
.card__block.v2:hover .image img {
transform: scale(1.04) translateZ(0);
}
.card__block.v2 .image {
overflow: hidden;
width: 100%;
max-width: var(--card-image-max-width, 100%);
border-radius: var(--border-radius-default);
border: var(--card-image-border, 0);
}
.card__block.v2 .image img {
width: 100%;
aspect-ratio: var(--card-img-aspect-ratio, 659/446);
-o-object-fit: var(--img-object-fit, cover);
object-fit: var(--img-object-fit, cover);
transition: transform 0.4s ease;
}
.card__block.v2 .title {
font-size: var(--card-title-font-size, 20px);
margin-top: var(--card-title-mt, 10px);
margin-bottom: var(--card-title-mb, 0);
}
.card__block.v2 .title a {
color: var(--card-title-color, #231f20);
font-weight: var(--card-title-font-weight, 500);
}
.card__block.v2 .title a:before {
position: absolute;
inset: 0;
content: '';
z-index: 1;
}
.card__block.v2 .title a:hover {
color: var(--card-title-color-hover, var(--color-primary));
}
.card__block.v2 .title span {
display: -webkit-box;
-webkit-line-clamp: var(--card-title-line-clamp, 2);
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: var(--card-title-span-line-height, calc(36 / 20));
}
.card__block.v2 .intro {
display: -webkit-box;
-webkit-line-clamp: var(--card-intro-line-clamp, 3);
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
font-weight: 300;
line-height: calc(30 / 18);
}
.card__block.v2 .categories {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 13px;
}
@media (max-width: 991px) {
.card__block.v2 .categories {
gap: 10px
}
}
.card__block.v2 .categoryPill {
font-size: var(--category-font-size, 14px);
font-weight: var(--category-font-weight, 300);
padding: var(--category-padding, 8px 10px);
border-radius: var(--category-border-radius, 6px);
background-color: var(--category-color, #eaf1f6);
}
.card__block.v2 ul.bottomList {
display: flex;
flex-direction: column;
gap: 7px;
list-style: none;
padding: 0;
margin: 0;
}
.card__block.v2 ul.bottomList li {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
font-weight: 400;
color: #3f3f3f;
}
.card__block.v2 ul.bottomList li:before {
display: inline-block;
width: 22px;
height: 22px;
content: '';
background: var(--color-secondary);
}
.card__block.v2 ul.bottomList li.dateTime:before {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.card__block.v2 ul.bottomList li.address:before {
height: 27px;
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
/*# sourceMappingURL=meetingOverview.css.map */