/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 3/2026
 * ===========================
 */

:root {
  --no-shadow: 0px 0px 2px rgba(0, 0, 0, 0);
  --small-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  --large-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  --transition-time: 250ms;
  
  --small-font-size: 12pt;
  --small-line-height: 1.5;
}

#SearchFilter-list-container {
  ul.schedule {    
    padding:48px 0 96px;
    margin:0;
    @media screen and (min-width:960px) {
      padding-top:0;
    }
    li.item-list__item {
      margin:0;
      a.item-list__link {
        position:relative;        
        .item-list__content {
          padding: 24px 24px 30px;
          .item-list__title {
            margin-top:0;
          }
          p:not(.item-list__title) {
            font-size: var(--small-font-size);
            line-height: var(--small-line-height);
          }
        }
        .item-list__media {
          width:100%;
          height:100%;
          max-width:none;
          display:flex;
          img {
            object-fit:cover;
          }
        }
        .item-list__membersonly {
          position:absolute;
          top:9px;
          right:9px;
          i {
            font-size:1.25rem;
            --fa-primary-color: #005d7a;
            --fa-secondary-color: #fff163;
          }
        }
      }            
    }
  }
}

/* Grid View */
.grid-view {
  ul#SearchFilter-list li a.item-list__link p.item-list__type {
    font-weight:bold;
    margin-bottom:3px;
    font-style:italic;
  }
}
@media (min-width:768px) {
  .grid-view ul#SearchFilter-list {
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    grid-gap: 36px;
    li a.item-list__link {
      display:grid;
      grid-template-columns: 220px 1fr;
      align-items:center;
      height:100%;
      p.item-list__type {
        font-weight:bold;
        margin-bottom:3px;
        font-style:italic;
      }
      p.item-list__description {
        overflow:hidden;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
      &::after {
        display:none;
      }
    }
  }
}  

.schedule {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 36px;
  overflow: visible;
  width:100%;
}
.schedule .resource__item{
  border-radius:20px;
  overflow:hidden;
}
.schedule .resource__item,
.schedule .resource__item:hover,
.schedule .resource__item:focus {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
}
.schedule .resource__item {
  border:0;
}
.schedule .education__img,
.schedule .resource__img {
  border-radius:0;
  height: auto;
  min-height: 0 !important;
  img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
  }
}
.schedule .item-list__item {
  background: white;
  border-top: none;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
}
.schedule .item-list__item.resource__item {
  padding:0;
}
.schedule a.item-list__link .item-list__title {
  color: #262626;
  font:inherit;
  font-weight: bold;
  margin:.25rem 0;
  display:block;
}
.schedule a.item-list__link:hover .item-list__title,
.schedule a.item-list__link:focus .item-list__title {
  color: #0072c6;
}