.inim-component.list-view .list-view-wrapper { padding:0rem 0 2.5rem; }
.inim-component.list-view .list-view-heading { color:rgb(var(--black)); font-size:1.75rem; line-height: 1.5rem; text-align:center; text-transform: uppercase; margin-bottom:3.75rem; }
.inim-component.list-view .list { display:grid; width:100%; position: relative; gap:2rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.inim-component.list-view .posts-item { text-align: center; display:flex; flex-direction: column; align-items: center; padding:0; }
.inim-component.list-view .posts-image { width:100%; height:18rem; border-radius:10px; background: none center center no-repeat; background-size: cover; background-color:rgb(var(--white)); margin-bottom:2rem; color:rgb(var(--black)); position:relative; }
.inim-component.list-view .posts-image > i { z-index:10; position:absolute; top:50%; left:50%; transform: translate(-0.5rem, -0.5rem); font-size:1.5rem; width:1.5rem; height:1.5rem; line-height:1.5rem; color:rgb(var(--white)); opacity: 0; transition: opacity .5s; }
.inim-component.list-view .posts-image:hover > i { opacity: 1; }
.inim-component.list-view .posts-image > i::after { content:""; background-color:rgb(var(--black)); width:3rem; height:3rem; border-radius: 50%; z-index:-1; position:absolute; top:50%; left:50%; transform: translate(-1.5rem, -1.5rem); }
.inim-component.list-view .list.special-card .posts-item:first-child .posts-image { padding:1rem 1rem; }
.inim-component.list-view .posts-title { font-family:var(--font-headings); font-size:1.5rem; line-height:2rem; font-weight:600; text-align:left; width: 100%; margin-bottom:1rem; }
.inim-component.list-view .posts-title a { color:rgb(var(--black)); }
.inim-component.list-view .posts-meta { text-align:left; width: 100%; font-family:var(--font-headings); font-size:0.75rem; line-height:0.875rem; font-weight: bold; text-transform:uppercase; margin-bottom:0.5rem; }
.inim-component.list-view time.posts-meta { color:rgb(var(--gray-1)); display: flex; align-items: center; }
.inim-component.list-view .posts-meta i { margin-right:0.5rem; }
.inim-component.list-view .posts-text { text-align:left; width: 100%; }
.inim-component.list-view .inim-link { text-align:left; width: 100%; }
.inim-component.inverted-color.list-view .posts-image * { color:rgb(var(--white)); }
.inim-component.list-view .list-view-filter { width:100%; margin: 2rem 0; display: flex; align-items: center; gap:1rem; }
.inim-component.list-view .list-view-filter label { font-family:var(--font-headings); font-size:0.75rem; flex:0 0 auto; text-transform: uppercase; font-weight: bold; }
.inim-component.list-view .list-view-filter select { font-size:1rem; line-height: 1.75rem; padding:1rem; width:auto; font-weight:bold; background-color: rgb(var(--gray-background)); border:1px solid rgb(var(--gray-2)); border-radius:8px; color:rgb(var(--black)); }
.inim-component.list-view .list-view-filter select * { color:rgb(var(--black)); }
.inim-component.list-view .list .spinner { display:none; top:auto; bottom:-3rem; }
body.mobile .inim-component.list-view .special-card .posts-item:first-child .posts-meta,
body.mobile .inim-component.list-view .special-card .posts-item:first-child .posts-title { color:inherit; }
body.mobile .inim-component.list-view .special-card .posts-item:first-child time, body.mobile .inim-component.list-view .special-card .posts-item:first-child time i { color:rgb(var(--gray-1)) !important; }
.inim-component.list-view.jobs .list { display:block; }
.inim-component.list-view.jobs .posts-item { text-align: left; margin:0 0 1rem; padding-bottom:1rem; border-bottom:1px solid rgb(var(--gray-2)); align-items: flex-start; }
.inim-component.list-view.jobs .posts-item a { width: 100%; display:flex; }
.inim-component.list-view.jobs .posts-item i { margin-left:auto; font-size:1.5rem; }

@media (min-width: 768px) { 
    .inim-component.list-view .posts-item { padding:0; }
    .inim-component.list-view .posts-image { width:100%; }
}

@media (min-width: 992px) {
    .inim-component.list-view .list-view-heading { text-align:left; }
    .inim-component.list-view .list.special-card .posts-item:first-child { grid-column: 1/span 2; }
    .inim-component.list-view .list.special-card .posts-item:first-child .posts-image { max-width:100%; width:100%; height:100%; padding:3.75rem 3rem; margin-bottom:0; }
    .inim-component.list-view .list-view-filter { margin: 3rem 0 6rem; }
    .inim-component.list-view .special-card .posts-item:first-child time { color: rgb(var(--white)); }
}