.link-list-overview {
    @apply mb-8;
    @apply relative;

    .link-list.gray {
        @apply bg-white shadow-2xl;
        @apply p-6;

        .heading.title {
            @apply pb-4 border-b border-solid border-gray;
        }
    }

    &:before {
        content: '';
        background-color: #f7f7f7;
        position: absolute;
        height: 100%;
        width: 200vw;
        left: -100vw;
        z-index: -1;
    }

    .uhasselt-container {
        @apply py-16;

        .wrapper {
            @apply grid;
            @apply gap-8;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            @screen md {
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            }
        }
    }

    .link-wrap {
        @apply w-full;
        @apply text-left;
        @apply md:text-right;

        .link {
            @apply underline;
        }
    }
}

.has-sidenav {
    .link-list-overview {
        .uhasselt-container {
            @apply p-0;
        }
    }
}