/* Story pages (template 901) and category/archive pages (template 902) on phones (inc/mx-home-mobile.php).
   Everything here applies below 768 px only. Widgets by id: 7fa9524 the category list (ed85090 on the search page 906, 54c84b5 on the not-found page 907; their side column is 1e9e14a + d232e2e), 26b18e0 related stories,
   3846b4a most read and 13d36ec latest news in the side column, which falls below the content on phones. */
@media (max-width: 767px) {
    /* ---------- side column, both templates: titles of two lines at most ---------- */
    .mx-pages-m :is(.elementor-element-3846b4a, .elementor-element-13d36ec, .elementor-element-1e9e14a, .elementor-element-d232e2e) .jet-listing-dynamic-link { font-size: 17px !important; line-height: 1.5 !important; margin: 0 !important; }
    .mx-pages-m :is(.elementor-element-3846b4a, .elementor-element-13d36ec, .elementor-element-1e9e14a, .elementor-element-d232e2e) .jet-listing-dynamic-link__label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .mx-pages-m :is(.elementor-element-3846b4a, .elementor-element-1e9e14a) .elementor-element-0739a8a { padding: 9px 0 !important; }
    .mx-pages-m :is(.elementor-element-13d36ec, .elementor-element-d232e2e) .elementor-element-7c292c3 { padding: 8px 0 !important; }

    /* ---------- category list: the first story keeps its large photo, the rest are compact rows ---------- */
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-element-d6c00d5 .jet-listing-dynamic-link { font-size: 21px !important; line-height: 1.45 !important; margin: 0 !important; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-element-1929f23 { padding: 12px 0 !important; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-element-272573d .jet-listing-dynamic-link { font-size: 16px !important; line-height: 1.5 !important; margin: 0 !important; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .jet-listing-dynamic-link__label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-widget-jet-listing-dynamic-link { margin-bottom: 2px !important; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-widget-jet-listing-dynamic-link > .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-element-345695a { display: none !important; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .elementor-element-1a50dc5 .jet-listing-dynamic-image__img { width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; border-radius: 6px; }
    .mx-pages-m :is(.elementor-element-7fa9524, .elementor-element-ed85090, .elementor-element-54c84b5) .jet-listing-dynamic-field__content { font-size: 12px !important; }

    /* ---------- story page ---------- */
    /* breadcrumbs on one line; the long story title at its end is cut */
    .mx-pages-m .elementor-element-e4cf0f5 .jet-breadcrumbs__wrap { display: flex; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
    .mx-pages-m .elementor-element-e4cf0f5 .jet-breadcrumbs__item { flex: none; }
    .mx-pages-m .elementor-element-e4cf0f5 .jet-breadcrumbs__item:last-child { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .mx-pages-m .elementor-element-070b24f .jet-listing-dynamic-field__content { font-size: 23px !important; line-height: 1.45 !important; }
    /* related stories: the first full width, the other two side by side */
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-grid__items { margin-left: -7px !important; margin-right: -7px !important; width: auto !important; }
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-grid__item { padding: 0 7px !important; margin: 0 0 14px !important; }
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-grid__item:not(:first-child) { flex: 0 0 50% !important; max-width: 50% !important; }
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-grid__item:not(:first-child) .jet-listing-dynamic-link { font-size: 15px !important; line-height: 1.5 !important; margin: 0 !important; }
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-grid__item:not(:first-child) .jet-listing-dynamic-link__label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-grid__item:not(:first-child) .jet-listing-dynamic-image__img { width: 100%; aspect-ratio: 16 / 10; height: auto; object-fit: cover; border-radius: 6px; }
    .mx-pages-m .elementor-element-26b18e0 .elementor-widget-jet-listing-dynamic-link { margin-bottom: 2px !important; }
    .mx-pages-m .elementor-element-26b18e0 .elementor-widget-jet-listing-dynamic-link > .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
    .mx-pages-m .elementor-element-26b18e0 .jet-listing-dynamic-field__content { font-size: 12px !important; }
}