@charset "utf-8";

/*
 * File    : sub-resources.css
 * Author  : STUDIO-JT (JSH)
 *
 * RESOURCES
 * HOVER
 */



/* **************************************** *
 * RESOURCES
 * **************************************** */
.resource__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60rem 24rem; align-items: stretch; }
.resource__item { position: relative; }
.resource__link { display: flex; flex-direction: column; justify-content: space-between; gap: 24rem; height: 100%; min-height: 260rem; padding: 24rem; background: var(--color-gray-200); color: var(--color-black); transition: background .3s; }
.resource__desc { margin-top: 12rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.resource__icon { display: flex; justify-content: flex-end; }
.resource__icon img { display: block; width: 80rem; }



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

    /* RESOURCES */
    .resource__link:hover { background: var(--color-gray-300); }

}