<div class="c-toolbar u-none u-block@md o-bg-base" data-toolbar>
    <div class="o-container u-flex">
        <div class="u-mr-auto u-flex u-items-center u-justify-center u-py-xsmall ">
            <span class="u-label-06 ">
                Lunedì, 11 maggio 2020
            </span>

        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-pl-xsmall u-pr-medium u-size-100 u-py-xsmall">
            <a href="#" target="_blank" rel="noopener noreferrer">
                <svg class="c-brand-cn" width="91" height="24">
                    <use xlink:href="#brand-citynews"></use>
                </svg>
            </a>
        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
            <div class="c-modetoggle u-inline-flex">

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light">
                    <input type="radio" value="-1" class="u-none" data-color-scheme="-1">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sun"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità di sistema">
                    <input type="radio" value="0" class="u-none" data-color-scheme="0">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-monitor"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità dark">
                    <input type="radio" value="1" class="u-none" data-color-scheme="1">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-moon"></use>
                    </svg>
                </label>

            </div>
        </div>
        <!-- <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
		
<button class="c-btn c-btn--primary 
  
    c-btn--rounded
   
  
    u-flex
  
   
    c-btn--small 
    u-label-05
   
   
  u-cursor-pointer  u-items-center" 
  
>
  Abbonati 
  
</button>
		</div> -->
        <div class="c-toolbar__item u-flex u-items-center u-justify-center u-label-05 u-pl-medium u-cursor-pointer u-py-xsmall">

            <div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--user u-cursor-pointer u-relative u-flex u-items-center u-justify-center u-label-05">
                <img style=" width:2rem; height:2rem;" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="avatar avatar-md u-radius-circle" src="//citynews.stgy.ovh/~shared/avatars/49015311842645/avatar_1.img" alt="Foto Profilo Utente" title="remat">

                <div class="c-dropdown__panel u-absolute u-right u-overflow-hidden u-p-medium o-bg-light u-shadow u-z-upside">
                    <ul class="u-list-none u-m-none u-p-none">
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="user--view2021">Il mio profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/contents/">I miei contenuti</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/basic/">Modifica profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/privacy/">Privacy</a></li>
                        <li class="u-mb-small">
                            <form onsubmit="window.ga && ga( 'send', 'event', 'Community', 'Logout' ); return confirm( 'Sei sicuro di voler uscire dal sito?' );" action="/user/logout/" method="post">
                                <!--<?php echo input_hidden_tag( 'nonce', securityUtils::encodeVariable($sf_user->getNonce(), array('~sso', 'nonce', SF_GROUP, SF_DOMAIN, SF_APP, SF_TYPE, SF_DEBUG)) ); ?>-->
                                <button type="submit" class="c-btn c-btn--primary  u-label-04  u-cursor-pointer u-flex u-items-center u-label-04" value="Esci">
                                    Esci
                                </button>
                            </form>

                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>

<header class="c-header c-header--slim  u-zindex-5 u-py-base">
    <div class="o-container u-flex u-items-center u-height-full">

        <div class="u-none u-block@md" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-flex u-items-center u-ml-base@md">
            <a href="/">

                <style>
                    @font-face {
                        font-family: 'NovecentoNarrow';
                        src: url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff2"),
                            url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff");
                        font-style: normal;
                        font-display: swap;
                    }
                </style>

                <div class="c-brand c-brand__text u-uppercase u-no-underline c-brand--resize-small  ">
                    <span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
                </div>

            </a>

        </div>

        <div class="u-ml-auto c-navbar__search u-none u-block@md" data-search onclick="this.classList && 
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.toggle('is-hidden');}),
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.remove('is-open');})">

            <svg class="o-icon  o-icon--md u-cursor-pointer" data-search-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
            </svg>
            <svg class="o-icon  o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-search-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-none@md u-ml-auto" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg class="o-icon o-icon--inverse o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

    </div>
    <div class="c-searchbar u-shadow-bottom u-z-upside u-size-full u-absolute u-px-base u-py-large  is-hidden " data-search-bar>
        <div class="o-container u-px-small@md">

            <div class="u-relative">
                <input class="u-size-full   " type="text" placeholder="Cerca nel sito">
                <button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">

                    <svg class="c-form-icon o-icon o-icon--md">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
                    </svg>

                </button>
            </div>

        </div>
    </div>
</header>

<main class="o-page">

    <div class="o-container o-page-item-reset">

        <article class="l-entry l-entry--gallery u-grid u-mb-medium u-mb-xlarge@lg" data-entry>

            <section class=" u-mb-medium@xl">
                <header class="l-entry__header" data-entry-header>
                    <a href="#" class="o-link-category u-label-02 u-block u-no-underline u-mb-small">Politica</a>
                    <h1 class="l-entry__title u-heading-01 u-mb-small">Viaggiare in treno nella fase 2</h1>
                    <p class="l-entry__summary u-body-03 u-color-secondary u-mb-small">Marker rossi sui sedili e &quot;tariffe dinamiche&quot;: così si viaggia in treno nella &quot;fase due&quot;</p>
                </header>

                <section class="l-entry__byline u-flex">
                    <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
                        <div class="u-mb-xxsmall u-mr-xsmall">
                            <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                                <a href="#">
                                    <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                                </a>
                            </figure>

                        </div>
                        <div>
                            <span class="u-label-05 u-mb-none u-block">
                                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">Alberto Berlini</a>
                            </span>
                            <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
                            <span class="u-label-08 u-color-light u-block">26 Aprile 2020</span>
                        </div>
                    </div>
                    <div class="c-share u-flex">

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--email u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon o-icon--inverse ">
                                    <use xlink:href="#icon-email" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                    </div>

                </section>

                <section class="l-entry__body l-list-border">

                    <figure class="u-flex u-column u-row@lg" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/13291433117503/fs-italiane-viaggiare-in-treno-nella-fase-due-1.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Viaggiare in treno nella fase 2</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright FOTO</span>

                        </figcaption>
                    </figure>

                    <figure class="u-flex u-column u-row@lg" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/36780333984985/fs-italiane-viaggiare-in-treno-nella-fase-due-2.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Viaggiare in treno nella fase 2</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright FOTO</span>

                        </figcaption>
                    </figure>

                    <figure class="u-flex u-column u-row@lg" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/51470434667807/fs-italiane-viaggiare-in-treno-nella-fase-due-3.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Viaggiare in treno nella fase 2</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright FOTO</span>

                        </figcaption>
                    </figure>

                    <figure class="u-flex u-column u-row@lg" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
                        <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
                            <img src="https://citynews-today.stgy.ovh/~media/original-mid/3826050104617/xtribe2.jpg" alt="" title="" itemprop="thumbnail" loading="lazy">
                        </a>
                        <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
                            <span class="u-title-08 u-inverse-01 u-block u-my-small">Xtribe</span>

                            <span class="u-caption-01 u-color-light u-block u-mb-small"></small>

                                <span class="u-caption-01 u-color-light u-block">Foto da: Copyright</span>

                        </figcaption>
                    </figure>

                </section>
            </section>

            <section class="l-entry__footer">
                <p class="u-caption-01 u-color-secondary">
                    &copy; Riproduzione riservata
                </p>
                <div class="c-share u-flex">

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon--fill-inverse ">
                                <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon--fill-inverse ">
                                <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon--fill-inverse ">
                                <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                    <a href="#" class="u-mr-xsmall">
                        <div class="c-share__item c-share__item--email u-flex u-items-center u-justify-center">
                            <svg class="o-icon--md  o-icon o-icon--inverse ">
                                <use xlink:href="#icon-email" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                            </svg>
                        </div>
                    </a>

                </div>

            </section>

            <section class="l-entry__related u-mb-medium">
                <section class="l-entry__byline u-flex">
                    <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
                        <div class="u-mb-xxsmall u-mr-xsmall">
                            <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                                <a href="#">
                                    <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                                </a>
                            </figure>

                        </div>
                        <div>
                            <span class="u-label-05 u-mb-none u-block">
                                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">Alberto Berlini</a>
                            </span>
                            <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
                            <span class="u-label-08 u-color-light u-block">26 Aprile 2020</span>
                        </div>
                    </div>
                    <div class="c-share u-flex">

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon--fill-inverse ">
                                    <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                        <a href="#" class="u-mr-xsmall">
                            <div class="c-share__item c-share__item--email u-flex u-items-center u-justify-center">
                                <svg class="o-icon--md  o-icon o-icon--inverse ">
                                    <use xlink:href="#icon-email" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                                </svg>
                            </div>
                        </a>

                    </div>

                </section>

                <span class="u-caption-01 u-color-secondary u-my-base u-block">Si parla di</span>
                <ul class="u-flex list-related  u-column@xl  u-my-none u-list-none u-list-reset">

                    <li class="u-mr-xsmall u-mb-xsmall@xl">
                        <a class="o-link-category u-label-03 u-no-underline" href="#">Ius culturae</a>
                    </li>

                    <li class="u-mr-xsmall u-mb-xsmall@xl">
                        <a class="o-link-category u-label-03 u-no-underline" href="#">Ius soli</a>
                    </li>

                </ul>
            </section>

        </article>

        <section class="u-mb-medium">
            <h3 class="c-title c-title--multiline u-relative">

                Potrebbe interessarti

            </h3>
            <div class="l-grid l-grid--small">

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg" alt="Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Emergenza Coronavirus</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

                    </div>

                </article>

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg" alt="Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Sei arresti</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

                    </div>

                </article>

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg" alt="Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Esteri</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Coronavirus, negli Usa 2.500 morti in un giorno ma Trump &quot;ha fretta&quot; di riaprire</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">&quot;Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti&quot;, dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo</p>

                    </div>

                </article>

                <article class="c-story  c-story--stack l-grid__item  " data-grid-position="" data-channel="">

                    <div class="c-story__media ">
                        <figure class="o-skeleton o-skeleton-media--responsive u-relative">

                            <a class="u-block u-size-full u-absolute u-left u-top" href="#">
                                <picture>

                                    <source srcset="https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg" media="(min-width: 740px)">
                                    <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg" alt="Turismo e coronavirus, quali località più colpite nell&#39;estate 2020">

                                </picture>

                            </a>
                        </figure>

                    </div>

                    <div class="c-story__content u-relative">

                        <header class="c-story__header ">

                            <div class="c-story__kicker u-mb-xsmall">

                                <span class="u-label-02 ">Lo studio del Touring Club italiano</span>

                            </div>

                            <a class="o-link-text" href="#">
                                <h1 class="
         
        
        c-story__heading 
        u-heading-04
         
        u-m-none">Turismo e coronavirus, quali località più colpite nell&#39;estate 2020</h1>
                            </a>

                        </header>

                        <p class="
           
          u-block u-none@md 
           
          c-story__summary u-mb-none  
          u-body-03">Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c&#39;è stato nulla da fare</p>

                    </div>

                </article>

            </div>
        </section>

    </div>

</main>

<div class="c-readingbar u-z-higher u-fixed u-size-full u-left u-z-cover o-bg-base u-flex u-row-reverse u-justify-between u-items-center u-p-small " data-reading>

    <div>
        <div class="c-share u-flex">

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--facebook u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon--fill-inverse ">
                        <use xlink:href="#icon-facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--twitter u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon--fill-inverse ">
                        <use xlink:href="#icon-twitter" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--whatsapp u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon--fill-inverse ">
                        <use xlink:href="#icon-whatsapp" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

            <a href="#" class="u-mr-xsmall">
                <div class="c-share__item c-share__item--email u-flex u-items-center u-justify-center">
                    <svg class="o-icon--md  o-icon o-icon--inverse ">
                        <use xlink:href="#icon-email" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                </div>
            </a>

        </div>
    </div>

    <div class="u-flex@md u-column u-row@md u-items-center">
        <h5 class="u-none@sm u-heading-07 u-color-base u-mb-xxsmall">Invia l’articolo</h5>
        <h5 class="u-none u-block@sm u-heading-07 u-color-base u-mb-xxsmall">Viaggiare in treno nella fase 2</h5>
    </div>

    <div class="c-readingbar__progress u-absolute u-bottom u-left" data-progress></div>

</div>
{% render "@toolbar" %}
{% render "@header--slim", {local: true}, false %}

<main class="o-page">

  <div class="o-container o-page-item-reset">

    <article class="l-entry l-entry--gallery u-grid u-mb-medium u-mb-xlarge@lg" data-entry>
      
      <section class=" u-mb-medium@xl">
        <header class="l-entry__header" data-entry-header >
          <a href="#" class="o-link-category u-label-02 u-block u-no-underline u-mb-small">{{kicker}}</a>
          <h1 class="l-entry__title u-heading-01 u-mb-small">{{title}}</h1>
          <p class="l-entry__summary u-body-03 u-color-secondary u-mb-small">{{summary}}</p>
        </header>

        <section class="l-entry__byline u-flex">
          <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
            <div class="u-mb-xxsmall u-mr-xsmall">
            {% render "@avatar" %}
            </div>
            <div>
              <span class="u-label-05 u-mb-none u-block">
                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">{{author.name}}</a>      
              </span>
              <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
              <span class="u-label-08 u-color-light u-block">{{date}}</span>
            </div>
          </div>
          {% render "@share" %}
        </section> 

        <section class="l-entry__body l-list-border">
          {% for item in gallery %}
          <figure class="u-flex u-column u-row@lg" itemprop="associatedMedia" itemtype="http://schema.org/ImageObject" itemscope>
            <a name="" class="u-size-full u-size-3-4@lg o-bg-gray u-text-center u-mr-base@lg u-relative" href="">
              <img src="{{ item.media }}" alt="" title="" itemprop="thumbnail" loading="lazy">
            </a>
            <figcaption class="u-size-full u-size-1-4@lg" itemprop="caption description">
              <span class="u-title-08 u-inverse-01 u-block u-my-small">{{item.title}}</span>

              
              <span class="u-caption-01 u-color-light u-block u-mb-small"></small>
              
              <span class="u-caption-01 u-color-light u-block">Foto da: {{ item.credits }}</span>

            </figcaption>
          </figure>
          {% endfor %}
        </section>
      </section>

      <section class="l-entry__footer">
        <p class="u-caption-01 u-color-secondary">
          &copy; Riproduzione riservata
        </p>
        {% render "@share" %}
      </section>

      <section class="l-entry__related u-mb-medium">
        <section class="l-entry__byline u-flex">
          <div class="u-flex u-column@xl u-items-center u-items-start@xl u-mb-small@xl">
            <div class="u-mb-xxsmall u-mr-xsmall">
            {% render "@avatar" %}
            </div>
            <div>
              <span class="u-label-05 u-mb-none u-block">
                <a class="o-link-text" href="/author/profile/alberto-berlini/8108506324632/">{{author.name}}</a>      
              </span>
              <span class="u-label-08 u-color-base u-mb-xxsmall u-block">Redattore Today</span>
              <span class="u-label-08 u-color-light u-block">{{date}}</span>
            </div>
          </div>
          {% render "@share" %}
        </section> 

        <span class="u-caption-01 u-color-secondary u-my-base u-block">Si parla di</span>
        {% render "@tag", {layout: 'auto' }, true %}
      </section>

    </article>

    <section class="u-mb-medium">
      {% render "@title--multiline", {title: 'Potrebbe interessarti'}, true %}
      {% render "@items--grid", {limit: 4, grid_layout: 'small', size:'narrow', hideSummary: true}, true %}
    </section>


  </div>

</main>

{% render "@readingbar", {title:title, sticky:false}, true %}
{
  "title": "Viaggiare in treno nella fase 2",
  "summary": "Marker rossi sui sedili e \"tariffe dinamiche\": così si viaggia in treno nella \"fase due\"",
  "kicker": "Politica",
  "date": "26 Aprile 2020",
  "categoryColor": "red",
  "author": {
    "name": "Alberto Berlini",
    "role": "Redattore",
    "thumb": "https://citynews-today.stgy.ovh/~media/square-mid/39253218949838/Berlinialberto.jpeg"
  },
  "media": {
    "src": "https://via.placeholder.com/600x338",
    "caption": "this is a caption"
  },
  "related": [
    {
      "item": null,
      "title": "Gli italiani di seconda generazione lanciano una marcia per la cittadinanza: “Diritto fondamentale”",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/37347877891805/integrazione-pixabay-2.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    },
    {
      "item": null,
      "title": "Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli",
      "label": "Kicker",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/45358787940167/di-maio-ansa-6-4.jpg"
      }
    }
  ],
  "gallery": [
    {
      "title": "Viaggiare in treno nella fase 2",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/13291433117503/fs-italiane-viaggiare-in-treno-nella-fase-due-1.jpg",
      "credits": "Copyright FOTO"
    },
    {
      "title": "Viaggiare in treno nella fase 2",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/36780333984985/fs-italiane-viaggiare-in-treno-nella-fase-due-2.jpg",
      "credits": "Copyright FOTO"
    },
    {
      "title": "Viaggiare in treno nella fase 2",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/51470434667807/fs-italiane-viaggiare-in-treno-nella-fase-due-3.jpg",
      "credits": "Copyright FOTO"
    },
    {
      "title": "Xtribe",
      "media": "https://citynews-today.stgy.ovh/~media/original-mid/3826050104617/xtribe2.jpg",
      "credits": "Copyright"
    }
  ]
}

Item template is designed to diplay news articles, videos and photo galleries.

Parameters

  • cover - set media image or video player to 100% size of grid template area

Variants

  1. Article - default template used for both news and video
  2. Gallery - exclusively used for photo galleries

Dark theme

Default video and Gallery templates have data-theme="dark" set by default on <body>.