.opps-list {
     list-style: none;
     margin: 1rem;
     padding: 0;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
}
 .opps-list li {
     padding: 1rem;
     border: 1px solid #ddd;
     display: flex;
     flex-direction: column;
     position: relative;
     transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
}
 .opps-list li:hover {
     transform: translateY(-5px);
     border-color: #aaa;
}
 .opps-list li.featured-opp {
     border: 1px solid #fc0;
     background: #fc0;
     color: #000;
}
 .opps-list li.featured-opp:after {
     content: "*";
     position: absolute;
     top:.5rem;
     right:.5rem;
     font-size: 2rem;
     line-height:1;
     color: #fff;
}
 .opps-list.lg-image li.featured-opp:after {
     display: none;
}
 .opps-list .opp-link {
     text-decoration: none;
}
 .opps-list .opp-link:after {
     content:"";
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     z-index:1;
}
 .opps-list .opp-link img {
     display: none;
}
 .opps-list .opp-provider {
     display: flex;
     background: #fafafa;
     border-radius: 3px;
     padding: 0.5rem;
     align-items: center;
     box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
     margin-top: auto;
}
 .opps-list .featured-opp .opp-provider {
     background-color: #fff;
     box-shadow: none;
}
 .opps-list .opp-provider img {
     border-radius: 50px;
     border: 1px solid #aaa;
     overflow: hidden;
     margin: 5px .75rem 5px 5px 
}
 .opps-list .opp-provider a {
     line-height: 3rem;
     font-size: 1.1rem;
}
/* Large images */
 .opps-list.lg-image {
     list-style: none;
     margin: 1rem;
     padding: 0;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     grid-gap: 1rem;
}
 .opps-list.lg-image .opp-link img {
     display: block;
     height: auto;
     width: 100%;
     margin: 0 0 1rem;
     border: 1px solid #ccc !important;
}
 .opps-list.lg-image .opp-provider img {
     display: none;
}
/* Skill and Type badges */
 .badge-list {
     margin: 0;
     display: flex;
     padding: 0;
     list-style: none;
}
 .badge-list:last-of-type {
     margin-bottom: 1rem;
}
 .badge-list li {
     font-size: 0.8rem;
     padding: 2px 6px;
     border-radius: 2px;
     margin-bottom: 2px;
}
 .badge-list li + li {
     margin-left: 2px;
}
 .badge-list.activity-types li {
     background: #cff4fc;
     color: #055160;
     border-color: #9eeaf9;
}
 .badge-list.emp-skills li {
     background: #fff3cd;
     color: #055160;
     border-color: #ffe69c;
}
 .featured-opp .badge-list.activity-types li {
     background: #fff;
     color: #000;
     border-color: #fff;
}
 .featured-opp .badge-list.emp-skills li {
     color: #333;
}