﻿@media print, screen and (min-width: 992px) {
    :root {
        --tile-padding-y: 1.7rem;
        --tile-padding-x: 1.4rem;
    }

    .media-container {
        width: 100%;
        height: 440px;
    }

    .filter-container > div {
        display: flex !important;
    }

    .align-items-center .search-bar {
        max-width: 38%;
        width: auto;
        margin-bottom: unset;
    }

    .all-articles-option-btn {
        min-width: 7.5rem;
        width: 11rem;
    }

    .advanced-options-grouping {
        flex-wrap: unset !important;
    }

    #search-popup .tile {
        padding: 3rem 6rem;
    }

    .related-articles-wrapper {
        border-radius: 0.5rem;
        margin: 0;
    }

    .text-and-image-container {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }

    .text-and-image-left .cta {
        margin-left: auto;
    }
 
        .text-and-image-container div p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
        }

        .text-and-image-left {
            flex-direction: row;
        }
        .text-and-image-left div:last-of-type {
            text-align: end;
        }

    .text-and-image-right {
        flex-direction: row-reverse;
    }

    .text-and-image-right div:last-of-type {
        text-align: start;
    }

    .highlight-icon-container {
        margin-left: 0;
    }

    /*---------CTA-GENERIC---------*/


    .cta-text-group .component-title-text {
        min-width: auto;
    }

    /*#endregion */

    .text-and-image-title-container {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 0.5rem;
    }

    .homepage-intro-container * {
        width: 50%;
    }
}