.tpl-study-overview,
.dt-study-overview {
    @screen lg {
        background: linear-gradient(
            90deg,
            #f7f7f7 20%,
            #ffffff 0,
            #ffffff 100%
        );
    }

    .content-header .uhasselt-container .column {
        @apply pb-0 lg:pb-8;

        .heading {
            @apply m-0 lg:mb-8;
        }
    }

    .left-col {
        @apply col-span-4 xl:col-span-3;
        @apply lg:bg-gray-300 py-6 lg:p-12;

        #search-filter-desktop h3.heading {
            @apply mt-4;
        }

        .search-field .form-input {
            @apply bg-white;
        }

        .search-field .button {
            @apply float-none;
        }

        #study-filter {
            @apply bg-gray-300 p-6 lg:p-0 mb-6;
        }
    }

    .right-col {
        @apply col-span-8 xl:col-span-9;
        @apply py-6 lg:py-12;
    }

    .study-tags {
        @apply mb-10 flex flex-wrap gap-4 items-center;
    }

    .study-result-filter {
        @apply mb-6;
        @apply flex justify-between gap-4 md:items-center flex-col md:flex-row;

        .study-select {
            @apply flex gap-4 items-center;

            .form-select {
                @apply w-44;
            }

            .link {
                @apply text-black-400;

                &.active {
                    @apply text-black;
                }
            }
        }
    }

    .paragraph {
        h3.heading,
        .heading.h3 {
            @apply text-red;
        }
    }
}