.tpl-article-detail {
    .content-header.hasimage {
        @apply mb-9;
    }

    .content-header .uhasselt-container .column {
        @apply relative;
        @apply py-12;

        &::after {
            @apply absolute hidden lg:block;
            content: url(/assets/img/down-arrow.svg);
            width: 24px;
            height: 192px;
            @apply left-6 md:left-14;
            bottom: 0;
            transform: translateY(calc(100% - 20px));
        }
    }

    .content-header .wrap-image {
        &::after {
            @apply hidden;
        }
    }

    .contact-title {
        @apply text-red;
        @apply font-semibold;
    }

    .wrap-case-detail {
        @apply max-w-6xl mr-auto ml-auto relative;
        @apply p-16 shadow-2xl my-16;

        .social {
            @apply lg:absolute;
            @apply lg:top-1/4;
            @apply lg:-right-16;
            @apply flex-row lg:flex-col;
            @apply items-end;

            li {
                @apply lg:text-center;
                @apply lg:w-12;
                @apply mr-4 lg:mr-0;
                @apply lg:mb-4;

                .resp-sharing-button svg {
                    @apply w-5 lg:w-7;
                    @apply lg:m-auto;
                }
            }

            .social-text {
                @apply text-sm;
            }
        }
    }

    .wrap-case-detail-info {
        @apply grid grid-cols-12 gap-16;
        @apply max-w-6xl my-16;
        @apply mr-auto;
        @apply ml-auto;
    }

    .back-overview {
        @apply absolute;
        @apply bottom-0;

        .icon {
            @apply mr-2;
        }

        .text {
            @apply underline;
        }
    }
}

.tpl-article-detail.has-tags
    .content-header
    .uhasselt-container
    .column::after {
    @apply hidden;
}