:root{ --black:#000000; }  .post-cards-grid { list-style: none; padding: 0 !important; margin:0; display:grid; } @media(min-width:991px){ .post-cards-grid { grid-template-columns:repeat(12,1fr); grid-template-rows:1fr 1fr; gap:clamp(1rem, 0.446vw + 0.857rem, 1.5rem); } .post-cards-grid li:first-of-type{ grid-area: 1 / 1 / 3 / 6; } .post-cards-grid li:nth-of-type(2){ grid-area: 1 / 6 / 3 /10; } .post-cards-grid li:nth-of-type(3){ grid-area: 1 / 10 / 1 / 13 } .post-cards-grid li:nth-of-type(4){ grid-area: 2 / 10 / 2 / 13; } .post-cards-grid li:nth-of-type(n+5){ grid-template-columns:repeat(4,1fr); gap:clamp(1rem, 0.446vw + 0.857rem, 1.5rem); } } @media(767px <= width <= 991px){ .post-cards-grid { grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:1rem; } } @media(width <= 767px){ .post-cards-grid { grid-template-columns:1fr; grid-template-rows:1fr; gap:1rem; }} .post-cards-grid li{ flex-direction: column; overflow: hidden; position: relative; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; min-height: 260px; isolation: isolate; } .post-cards-grid .news-card{ display: flex; z-index: 1; flex-wrap: nowrap; flex-direction: column; justify-content:flex-end; height: 100%; } .post-cards-grid .news-card__img-wrapper { position: absolute; inset: 0; width: 100%; margin: 0; } .post-cards-grid .news-card__img { width: 100%; height: 100%; object-fit: cover; } .post-cards-grid .news-card__content-wrapper { background: rgba(0, 0, 0, 0.6);  color: white; padding: var(--space-s); z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content:flex-end; } .post-cards-grid .news-card__title { margin: 0 0 10px; font-size: var(--text-l); font-family:var(--sans); font-weight:500; line-height: 1.2; } .post-cards-grid .news-card__link { color: white; } .post-cards-grid .news-card__link:focus { color: #000; } .post-cards-grid .news-card__meta-wrapper { display: flex; justify-content: space-between; margin: 0; order:-1; font-size: var(--text-s); text-transform: uppercase; letter-spacing: .5px; } .small-grid { list-style: none; padding: 0 !important; margin:0; display:grid; } @media(min-width:991px){ .small-grid { grid-template-columns:repeat(4,1fr); gap:clamp(1rem, 0.446vw + 0.857rem, 1.5rem); } } @media(767px <= width <= 991px){ .small-grid { grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:1rem; } } @media(width <= 767px){ .small-grid { grid-template-columns:1fr; grid-template-rows:1fr; gap:1rem; }} .small-grid .news-card{ display: grid; gap: 1rem; grid-template-columns: 1fr 3fr; } .small-grid .news-card__img-wrapper { width: 75px; height: 75px; align-self:center; grid-row:1; } .small-grid .news-card__img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1; border-radius: 99rem; } .small-grid .news-card__content-wrapper { padding: var(--space-s); display: flex; flex-direction: column; justify-content:flex-end; flex-grow: 3; } .small-grid .news-card__title { margin: 0 0 10px; font-size: var(--text-m); font-family:var(--sans); font-weight:500; line-height: 1.3; } .small-grid .news-card__meta-wrapper { display: flex; justify-content: space-between; margin: 0 0 10px; font-size: var(--text-s); order: -1; } .fa, .fa-classic, .fa-regular, .far { font-family: "Font Awesome 6 Pro"!important; } .leaflet-popup-content-wrapper{ font-size: var(--text-xs)!important; font-family: Source Sans Pro,-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-weight: 500; }