<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 u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
  
    c-btn--rounded
   
 
  

   
    c-btn--small u-label-05
   

  " data-toolbar--subscription-button>

                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--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--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="/">

                <svg class="c-brand 
  c-brand--resize-small 
  c-brand--inverse 
   
  " viewBox="0 0 170 50" xmlns="http://www.w3.org/2000/svg">

                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#brand-logo"></use>

                </svg>

            </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--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--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>

<!-- <div class="u-block u-none@md">
  <style>


  .masthead {
    --masthead-height: 30px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1400px;
    min-height: var(--masthead-height);
    position: relative;
    overflow: hidden;
  }
  @media (min-width: 600px) {
    .masthead {
      --masthead-height: 35px;
    }
  }
  @media (min-width: 740px) {
    .masthead {
      --masthead-height: 48px;
    }
  }
  @media (min-width: 992px) {
    .masthead {
      --masthead-height: 73px;
    }
  }
  .masthead input[type=checkbox]:checked ~ label {
    top: auto;
    bottom: 0;
  }
  .masthead input[type=checkbox]:checked ~ label::after {
    content: "Chiudi";
  }
  .masthead input[type=checkbox]:checked ~ figure {
    transition: opacity 0.3s ease-in;
  }
  .masthead input[type=checkbox]:checked ~ figure:first-of-type {
    display: none;
  }
  .masthead input[type=checkbox]:checked ~ figure:only-child, .masthead input[type=checkbox]:checked ~ figure:last-of-type {
    display: block;
  }
  .masthead__img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
  .masthead figure {
    margin: 0;
    transition: opacity, margin 0.3s ease-out;
  }
  .masthead figure:last-of-type:not(:only-child) {
    display: none;
  }
  .masthead figure:only-child {
    display: block;
  }
  .masthead label {
    --label-bg: white;
    --label-color: black;
    transition: top, bottom 0.9s ease-out;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: var(--label-bg);
    padding: 0.25rem 0.5rem;
  }
  .masthead label::after {
    content: "Apri";
    color: var(--label-color);
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.3;
  }
  .masthead input {
    display: none;
  }
  </style>
  <div class="masthead">
    
    <input id="trigger" type="checkbox" checked>		
    <label for="trigger"></label>
    
    <figure>
      <a href="#">
      <picture>
        <source media="(min-width: 960px)" srcset="https://ad.citynews.it/2023/masthead/06/autoimport-terni/desk/assets/image/chiuso.png">
        <img class="masthead__img" src="https://ad.citynews.it/2023/masthead/06/autoimport-terni/mobile/images/chiuso.jpg" />
      </picture> 
    </figure>
    <figure>	
      <picture>
        <source media="(min-width: 960px)" srcset="https://ad.citynews.it/2023/masthead/06/autoimport-terni/desk/assets/image/aperto.jpg">
        <img class="masthead__img" src="https://ad.citynews.it/2023/masthead/06/autoimport-terni/mobile/images/aperto.jpg" />
      </picture> 
      </a>
    </figure>	
  </div>

</div> -->

<main class="o-page">
    <header class="o-page-reset u-relative u-overflow-clipped" data-entry-header="">
        <picture>
            <source media="(min-width:740px)" srcset="https://unsplash.it/1920/1080?random">
            <img class="l-entry__img u-size-full u-size-responsive-view u-cover" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/600/600?random">
            <figcaption class="figcaption-approfondimento u-absolute u-right u-top u-py-xsmall u-px-small u-caption-01 u-color-inverse u-flex u-gap-base u-cursor-pointer u-drop-shadow ">
                <svg class="o-icon o-icon--md u-flex-none">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use>
                </svg>
                <span>
                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam possimus officiis fuga tenetur repellendus eos, sunt tempore odit. Impedit cumque officia et perferendis aperiam sapiente iure a. Consequuntur, ex officiis.
                </span>
            </figcaption>
        </picture>
        <div class="l-entry__title u-p-base">
            <div class="u-flex u-items-center">

                <a class="c-story--dossier u-no-underline" href="#">
                    <small class="c-story__badge u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-block">
                        Dossier
                    </small>
                </a>

                <span class="kicker-approfondimento o-bg-primary u-label-02 u-block u-color-inverse u-px-xxsmall u-py-xxxsmall">salute</span>
            </div>
            <h1 class="u-my-small u-heading-01">Transizione di genere, impennata di richieste e lunghe attese</h1>
            <p class="u-body-03 u-my-small">
                <span class="highlight-approfondimento u-my-large">La trafila sanitaria e legale per effettuare i vari passaggi nella transizione di genere ha tempi lunghi e costi elevati. A Roma non si opera più e dalla Capitale si va in Toscana o all&#39;estero. La richiesta di presa in carico è sempre più alta, tanti i giovani che intraprendono la terapia ormonale.</span>
            </p>
        </div>
    </header>
    <div class="o-container o-page-item-reset">
        <article class="l-entry l-entry--approfondimento u-grid u-mb-xlarge@xl" data-entry>
            <section class="l-entry__byline u-p-small u-flex u-items-center u-gap-small">
                <div class="u-flex u-row u-items-center u-gap-small">
                    <div>
                        <figure class="c-avatar u-ratio-1    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/">Taffix</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>

                </div>

            </section>

            <section class="l-entry__body u-mt-base">

                <div class="c-entry u-py-base" data-content--body>

                    <div data-premium-content class="locked">

                        <div data-premium-content--preview>

                            <p>A Roma non si può completare il percorso di riattribuzione del sesso, se non nelle cliniche private. Gli interventi chirurgici nel pubblico sono infatti fermi e la persona trans che desideri adattare il proprio corpo, attraverso una o più operazioni, alla propria identità di genere deve varcare i confini regionali, spesso anche quelli nazionali. All’ospedale San Camillo, che ospita il dipartimento di chirurgia plastica e ricostruttiva che collabora con il SAIFIP, Servizio per l’Adeguamento tra Identità Psichica e Fisica (esternalizzato), gli effetti della pandemia – che aveva bloccato questo tipo di interventi in tutta Italia – sono perduranti. I bisturi dell’equipe di medici, che nel 2014 festeggiava i mille interventi effettuati, restano chiusi nel cassetto. Le alternative ci sono, costano decine di migliaia di euro e sono rappresentate da tre cliniche private nella Capitale. Ma le difficoltà e le lungaggini nel complesso percorso di affermazione di un genere diverso da quello biologico partono da più lontano.</p>
                        </div>
                        <div data-premium-content--locked>
                            <div class="c-paywall u-relative">
                                <button class="c-btn c-btn--primary u-label-01 u-mb-base u-py-base u-px-large u-size-fit u-cursor-pointer u-m-auto u-block" popovertarget="paywall">Leggi tutto l'articolo</button>
                                <div class="c-paywall__modal o-bg-base u-p-medium u-radius-base u-border-2 u-border-divider u-border-solid u-size-1-2">

                                    <div class="u-flex u-column u-justify-between u-gap-small u-size-full-height">

                                        <div class="u-flex u-justify-between u-items-center u-row-reverse">
                                            <label for="idpaywall" class="c-btn c-btn--naked u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap c-btn--small u-label-05" popovertarget="paywall" popovertargetaction="hide">
                                                <svg class="o-icon o-icon--md o-icon--animated">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
                                                </svg>
                                            </label>

                                            <button class="c-btn c-btn--default u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  

   
    c-btn--small u-label-05
   

  ">

                                                Accedi

                                            </button>

                                        </div>

                                        <div class="u-flex u-overflow-x-auto u-flex-one u-justify-center@md u-gap-medium">

                                            <div class="c-paywall__container u-flex u-items-center u-column u-gap-small u-m-auto">

                                                <p class="c-paywall__intro u-m-none u-text-center u-color-base">Ciao Luca, diventa Sostenitore e approfitta di tutti i vantaggi con un unico abbonamento.</p>

                                                <h2 class="c-paywall__title u-text-center u-m-none u-color-base">Risparmia con l’offerta AgrigentoNotizie plus</h2>

                                                <ul class="u-body-04 u-list-none u-m-none">

                                                    <li class="c-paywall__feature u-mb-xsmall u-relative u-color-base ">

                                                        Zero pubblicità su Siti e App del Network

                                                    </li>

                                                    <li class="c-paywall__feature u-mb-xsmall u-relative u-color-base ">

                                                        Sintesi della settimana via e-mail

                                                    </li>

                                                    <li class="c-paywall__feature u-mb-xsmall u-relative u-color-base ">

                                                        <strong>
                                                            Dossier: Tutti gli approfondimenti della tua città
                                                        </strong>

                                                    </li>

                                                    <li class="c-paywall__feature u-mb-xsmall u-relative u-color-base c-paywall__feature--disabled u-color-off u-line-through ">

                                                        Gli approfondimenti e inchieste Premium di tutte le città e nazionali

                                                    </li>

                                                </ul>

                                                <div class="c-paywall__products u-flex u-items-center u-gap-medium u-size-full">

                                                    <a class="c-paywall__btn c-paywall__btn--primary  u-size-full  u-p-base u-cursor-pointer u-relative u-text-center">

                                                        <p class="u-m-none u-heading-09 ">6,99€<small class="u-caption-01">/mese</small></p>

                                                        <span class="u-caption-01">per i primi 3 mesi poi 3,99 mese</span>

                                                    </a>

                                                    <a class="c-paywall__btn  c-paywall__btn--secondary u-size-full  u-p-base u-cursor-pointer u-relative u-text-center">

                                                        <mark class="c-paywall--discount u-color-inverse u-absolute u-uppercase u-py-xxsmall u-px-xsmall">Risparmi il 15%</mark>

                                                        <p class="u-m-none u-heading-09 ">70€<small class="u-caption-01">/anno</small></p>

                                                    </a>

                                                </div>

                                            </div>

                                        </div>
                                        <div class="u-flex u-column u-items-center u-gap-small">
                                            <span class="u-label-11 u-color-base">Disdici quando vuoi</span>

                                            <footer class="u-label-11 u-color-base u-m-auto">Ottieni il massimo! <strong><a class="o-link-underline" href="http://" target="_blank" rel="noopener noreferrer">Scopri tutti i piani</a></strong></footer>

                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>

                    <div class="c-maplist u-radius-base" data-map data-map--style='[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#c3d9c8"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#c0d5de"}]}]'>

                        <div class="c-maplist__map u-overflow-hidden">
                            <!-- <div data-map--canvas style="width:100%; height:100%;"></div> -->
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.135900314013!2d12.507381676991734!3d41.91143717123816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f6172de06c735%3A0x564eccf582727e1b!2sCitynews%20Spa!5e0!3m2!1sit!2sit!4v1678967424181!5m2!1sit!2sit" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>

                        <div class="c-maplist__list u-flex u-column" data-map--viewport>

                            <div class="c-maplist__item u-relative u-shadow-bottom" id="mapitem-1" data-map--point="41.9110697 12.5122242">

                                <div class="u-p-base u-mb-base o-bg-base">

                                    <span class="u-label-02 u-color-theme">Ristorante</span>
                                    <a class="o-link-text" href="#">
                                        <h1 class="u-heading-08 u-my-base">Al Mattarello1</h1>
                                    </a>

                                    <p class="u-body-03">In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. </p>

                                    <link media="all" rel="stylesheet" href="../../assets/css/v7_carousel.css">

                                    <div class="c-carousel c-carousel--lightbox u-p-base" id="<?php echo esc_entities( $sID ); ?>">

                                        <h3 class="u-label-03">
                                            <a class="u-mb-medium c-carousel__name" href="#">
                                                <svg class="o-icon o-icon--sm u-mr-xsmall u-mb-xxsmall">
                                                    <use xlink:href="#icon-camera"></use>
                                                </svg>
                                                Turismo e coronavirus, quali località più colpite nell&#39;estate 2020
                                            </a>
                                        </h3>

                                        <div class="c-carousel__container u-flex u-pb-base">

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal1">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random1" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random1" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal1">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal0" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random1" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal2">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random2" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random2" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal2">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal1" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random2" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal3">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random3" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random3" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal3">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random3" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal4" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal4">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random4" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random4" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal4">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random4" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal5" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="l-list-border u-mt-medium">

                                        <span class="u-label-07 u-color-light o-bg-base u-flex u-items-center">
                                            <svg class="o-icon o-icon--sm u-mr-xsmall">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                                            </svg>
                                            Vale XXI Aprile · Roma Nomentana
                                        </span>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-globe"></use>
                                            </svg>
                                            Sito web</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                                            </svg>
                                            Istagram</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-external-link"></use>
                                            </svg>
                                            Altri dettagli</a>

                                    </div>

                                    <figure class="o-skeleton o-skeleton-media--horizontal u-relative u-radius-base u-my-base">
                                        <picture class="u-block u-size-full u-absolute u-left u-top">
                                            <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/300/169?random" alt="">
                                        </picture>
                                    </figure>

                                </div>

                            </div>

                            <div class="c-maplist__item u-relative u-shadow-bottom" id="mapitem-2" data-map--point="41.9110697 12.5122242">

                                <div class="u-p-base u-mb-base o-bg-base">

                                    <span class="u-label-02 u-color-theme">Ristorante</span>
                                    <a class="o-link-text" href="#">
                                        <h1 class="u-heading-08 u-my-base">Al Mattarello2</h1>
                                    </a>

                                    <p class="u-body-03">In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. </p>

                                    <link media="all" rel="stylesheet" href="../../assets/css/v7_carousel.css">

                                    <div class="c-carousel c-carousel--lightbox u-p-base" id="<?php echo esc_entities( $sID ); ?>">

                                        <h3 class="u-label-03">
                                            <a class="u-mb-medium c-carousel__name" href="#">
                                                <svg class="o-icon o-icon--sm u-mr-xsmall u-mb-xxsmall">
                                                    <use xlink:href="#icon-camera"></use>
                                                </svg>
                                                Turismo e coronavirus, quali località più colpite nell&#39;estate 2020
                                            </a>
                                        </h3>

                                        <div class="c-carousel__container u-flex u-pb-base">

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal1">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random1" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random1" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal1">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal0" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random1" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal2">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random2" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random2" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal2">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal1" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random2" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal3">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random3" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random3" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal3">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random3" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal4" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal4">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random4" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random4" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal4">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random4" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal5" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="l-list-border u-mt-medium">

                                        <span class="u-label-07 u-color-light o-bg-base u-flex u-items-center">
                                            <svg class="o-icon o-icon--sm u-mr-xsmall">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                                            </svg>
                                            Vale XXI Aprile · Roma Nomentana
                                        </span>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-globe"></use>
                                            </svg>
                                            Sito web</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                                            </svg>
                                            Istagram</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-external-link"></use>
                                            </svg>
                                            Altri dettagli</a>

                                    </div>

                                    <figure class="o-skeleton o-skeleton-media--horizontal u-relative u-radius-base u-my-base">
                                        <picture class="u-block u-size-full u-absolute u-left u-top">
                                            <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/300/169?random" alt="">
                                        </picture>
                                    </figure>

                                </div>

                            </div>

                            <div class="c-maplist__item u-relative u-shadow-bottom" id="mapitem-3" data-map--point="41.9110697 12.5122242">

                                <div class="u-p-base u-mb-base o-bg-base">

                                    <span class="u-label-02 u-color-theme">Ristorante</span>
                                    <a class="o-link-text" href="#">
                                        <h1 class="u-heading-08 u-my-base">Al Mattarello3</h1>
                                    </a>

                                    <p class="u-body-03">In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. </p>

                                    <link media="all" rel="stylesheet" href="../../assets/css/v7_carousel.css">

                                    <div class="c-carousel c-carousel--lightbox u-p-base" id="<?php echo esc_entities( $sID ); ?>">

                                        <h3 class="u-label-03">
                                            <a class="u-mb-medium c-carousel__name" href="#">
                                                <svg class="o-icon o-icon--sm u-mr-xsmall u-mb-xxsmall">
                                                    <use xlink:href="#icon-camera"></use>
                                                </svg>
                                                Turismo e coronavirus, quali località più colpite nell&#39;estate 2020
                                            </a>
                                        </h3>

                                        <div class="c-carousel__container u-flex u-pb-base">

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal1">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random1" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random1" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal1">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal0" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random1" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal2">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random2" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random2" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal2">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal1" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random2" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal3">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random3" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random3" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal3">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random3" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal4" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal4">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random4" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random4" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal4">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random4" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal5" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="l-list-border u-mt-medium">

                                        <span class="u-label-07 u-color-light o-bg-base u-flex u-items-center">
                                            <svg class="o-icon o-icon--sm u-mr-xsmall">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                                            </svg>
                                            Vale XXI Aprile · Roma Nomentana
                                        </span>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-globe"></use>
                                            </svg>
                                            Sito web</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                                            </svg>
                                            Istagram</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-external-link"></use>
                                            </svg>
                                            Altri dettagli</a>

                                    </div>

                                    <figure class="o-skeleton o-skeleton-media--horizontal u-relative u-radius-base u-my-base">
                                        <picture class="u-block u-size-full u-absolute u-left u-top">
                                            <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/300/169?random" alt="">
                                        </picture>
                                    </figure>

                                </div>

                            </div>

                            <div class="c-maplist__item u-relative u-shadow-bottom" id="mapitem-4" data-map--point="41.9110697 12.5122242">

                                <div class="u-p-base u-mb-base o-bg-base">

                                    <span class="u-label-02 u-color-theme">Ristorante</span>
                                    <a class="o-link-text" href="#">
                                        <h1 class="u-heading-08 u-my-base">Al Mattarello4</h1>
                                    </a>

                                    <p class="u-body-03">In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno In abbinamento ai vini, taglieri di formaggi e salumi DOP di alta norcineria e provenienti da consorzi nazionali ed esteri. I locali entrambi raccolti contano circa 15 coperti all’interno e qualcuno in più all’esterno. </p>

                                    <link media="all" rel="stylesheet" href="../../assets/css/v7_carousel.css">

                                    <div class="c-carousel c-carousel--lightbox u-p-base" id="<?php echo esc_entities( $sID ); ?>">

                                        <h3 class="u-label-03">
                                            <a class="u-mb-medium c-carousel__name" href="#">
                                                <svg class="o-icon o-icon--sm u-mr-xsmall u-mb-xxsmall">
                                                    <use xlink:href="#icon-camera"></use>
                                                </svg>
                                                Turismo e coronavirus, quali località più colpite nell&#39;estate 2020
                                            </a>
                                        </h3>

                                        <div class="c-carousel__container u-flex u-pb-base">

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal1">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random1" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random1" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal1">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal0" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random1" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal2">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random2" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random2" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal2">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal1" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random2" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal3">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random3" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random3" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal3">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal2" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random3" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal4" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                            <figure class="c-carousel__item u-relative u-size-full-height u-mr-small u-ratio-1">
                                                <a class="u-block" href="#media.horizontal4">
                                                    <picture>
                                                        <source srcset="https://unsplash.it/1000/563?random4" media="(min-width: 740px)">
                                                        <img class="u-size-full u-size-full-height u-cover u-radius-base u-ratio-1" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/450/600?random4" alt="">
                                                    </picture>
                                                </a>
                                            </figure>

                                            <div class="c-carousel__overlay u-fixed u-overflow-hidden u-top u-left" id="media.horizontal4">

                                                <div class="c-carousel__expanded u-flex u-justify-center u-items-center ">
                                                    <a href="#page" class="u-absolute u-size-full-height u-size-full"></a>
                                                    <a href="#media.horizontal3" class="c-carousel__arrow o-link-inverse u-absolute u-left u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                                                        </svg>
                                                    </a>

                                                    <figure class="o-bg-dark u-p-large u-relative u-flex u-column u-items-center u-justify-center">
                                                        <img class="c-carousel__full-img" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/1000/563?random4" alt="">
                                                        <figcaption class="u-p-small u-caption-01 u-color-inverse">Luca Pezzetta è uno dei pizzaioli più interessanti della sua generazione. Da Clementina reinterpreta i classici e propone la cucina di pesce, tra cotture al barbecue e stagionature</figcaption>
                                                    </figure>

                                                    <a href="#media.horizontal5" class="c-carousel__arrow o-link-inverse u-absolute u-right u-p-small u-flex u-items-center">
                                                        <svg class="o-icon o-icon--md" data-dd-icon="">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                                                        </svg>
                                                    </a>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="l-list-border u-mt-medium">

                                        <span class="u-label-07 u-color-light o-bg-base u-flex u-items-center">
                                            <svg class="o-icon o-icon--sm u-mr-xsmall">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                                            </svg>
                                            Vale XXI Aprile · Roma Nomentana
                                        </span>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-globe"></use>
                                            </svg>
                                            Sito web</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                                            </svg>
                                            Istagram</a>

                                        <a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="true">
                                            <svg class="o-icon o-icon--sm u-mr-small">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-external-link"></use>
                                            </svg>
                                            Altri dettagli</a>

                                    </div>

                                    <figure class="o-skeleton o-skeleton-media--horizontal u-relative u-radius-base u-my-base">
                                        <picture class="u-block u-size-full u-absolute u-left u-top">
                                            <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="https://unsplash.it/300/169?random" alt="">
                                        </picture>
                                    </figure>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="c-readingbar u-z-cover u-size-full u-left o-bg-base u-flex u-gap-small u-items-center u-py-small u-mt-medium">

                        <small class="u-label-08">
                            <svg class="o-icon o-icon--sm u-mr-xsmall" aria-hidden="true">
                                <use xlink:href="#icon-clock"></use>
                            </svg>
                            <strong>4</strong> minuti di lettura
                        </small>
                    </div>

                </div>

            </section>

            <section class="l-entry__related u-mb-medium u-overflow-hidden">

                <span class="u-caption-01 u-color-secondary u-my-base u-block">Sullo stesso argomento</span>
                <div class="l-grid--scrollable c-related">

                    <article class="c-story  c-story--stack  " 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/37347877891805/integrazione-pixabay-2.jpg" media="(min-width: 740px)">
                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="" alt="Gli italiani di seconda generazione lanciano una marcia per la cittadinanza: “Diritto fondamentale”">

                                    </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 u-py-xxxsmall u-px-xxsmall ">Kicker</span>

                                </div>

                                <a class="o-link-text" href="#">
                                    <h1 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Gli italiani di seconda generazione lanciano una marcia per la cittadinanza: “Diritto fondamentale”</h1>
                                </a>

                            </header>

                            <div class="
         
        
           
        u-truncate-4 
        u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
        ">

                            </div>

                        </div>

                    </article>

                    <article class="c-story  c-story--stack  " 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/45358787940167/di-maio-ansa-6-4.jpg" media="(min-width: 740px)">
                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="" alt="Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli">

                                    </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 u-py-xxxsmall u-px-xxsmall ">Kicker</span>

                                </div>

                                <a class="o-link-text" href="#">
                                    <h1 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli</h1>
                                </a>

                            </header>

                            <div class="
         
        
           
        u-truncate-4 
        u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
        ">

                            </div>

                        </div>

                    </article>

                    <article class="c-story  c-story--stack  " 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/45358787940167/di-maio-ansa-6-4.jpg" media="(min-width: 740px)">
                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="" alt="Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli">

                                    </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 u-py-xxxsmall u-px-xxsmall ">Kicker</span>

                                </div>

                                <a class="o-link-text" href="#">
                                    <h1 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli</h1>
                                </a>

                            </header>

                            <div class="
         
        
           
        u-truncate-4 
        u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
        ">

                            </div>

                        </div>

                    </article>

                    <article class="c-story  c-story--stack  " 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/45358787940167/di-maio-ansa-6-4.jpg" media="(min-width: 740px)">
                                        <img class="u-size-full" decoding="async" referrerpolicy="no-referrer" loading="lazy" src="" alt="Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli">

                                    </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 u-py-xxxsmall u-px-xxsmall ">Kicker</span>

                                </div>

                                <a class="o-link-text" href="#">
                                    <h1 class="
         
        
        c-story__heading 
        u-heading-06
         
        u-m-none">Ultimi sondaggi, prove di rimonta per il M5s: e 6 italiani su 10 dicono sì allo ius soli</h1>
                                </a>

                            </header>

                            <div class="
         
        
           
        u-truncate-4 
        u-color-secondary c-story__summary u-body-03 u-color-secondary u-mb-none
        ">

                            </div>

                        </div>

                    </article>

                </div>

            </section>

            <section class="l-entry__footer u-my-small">
                <div class="c-newsletter u-p-large o-bg-gray u-flex u-column u-row@md u-gap-large u-items-start u-justify-center u-mb-medium o-bg-dark u-color-inverse">
                    <div class="u-flex u-column u-gap-small u-items-center u-items-start@md u-justify-center u-wrap-basis">
                        <h2 class="u-title-03 u-m-none u-mb-small">
                            Tutto il buono del weekend a
                            <span class="u-color-theme">Milano</span>
                        </h2>

                        <p class="u-body-03 u-mb-small u-break-word">
                            Iscriviti per ricevere le ultime novità sulle esperienze gastronomiche vicino a te, offerte esclusive ed altre appetitose notizie direttamente nella tua casella di posta.
                            <br />
                            Ogni venerdì sulla tua e-mail
                        </p>
                    </div>

                    <div class="u-flex u-column u-gap-small u-justify-center u-space-between u-size-full u-wrap-basis">
                        <input class="c-form-size--small u-p-small u-block u-size-full u-mb-base u-m-none@md" placeholder="Email" required="" type="email" value="" />

                        <label class="u-flex u-items-center u-gap-small"><input type="checkbox" required /><span class="u-caption-02 u-color-secondary">Ho letto e accettato i
                                <strong><a class="o-link-text" href="https://citynews.it/termini-servizio" target="_blank">termini del servizio</a></strong>
                                e le
                                <strong><a class="o-link-text" href="https://citynews.it/privacy" target="_blank">condizioni sulla privacy</a></strong></span></label>

                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->

                        <div class="submit_container clear u-flex u-cursor-pointer u-justify-center u-cursor-pointer">
                            <input class="button formEmailButton c-btn u-px-xxxlarge" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Iscriviti" />
                        </div>
                    </div>
                </div>

                <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>

                </div>

            </section>

        </article>

    </div>

</main>
<footer class="c-footer o-bg-dark u-z-sky">
    <div class="o-container">

        <div class="c-footer__head u-py-base u-flex u-items-center u-justify-between">
            <a href="/">

                <svg class="c-brand 
  c-brand--small 
   
   
  " viewBox="0 0 500 50" xmlns="http://www.w3.org/2000/svg">

                    <path d="M22.5 40.6l1.5 8.5h10.5L24.5.9H10L0 49.1h10.2l1.4-8.5h10.9zM278.3 0c11 0 17.7 6.6 17.7 25 0 18.3-6.6 25-17.7 25-11 0-17.7-6.5-17.7-25 0-18.3 6.6-25 17.7-25zM53.2 0c9.7 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.4-6.8-4.6 0-6.8 4-6.8 14.5 0 11.9 2.5 16.3 7.8 16.3 4 0 5.8-2.2 6.3-4.3v-4.8h-7v-9.5h16.4V49h-9.2v-3h-.2a11 11 0 01-8.6 3.6c-8.3 0-15.9-5.7-15.9-25C35.6 6.2 42.6 0 53.2 0zm86.7 0c9.8 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.3-6.8-4.7 0-7 4-7 14.5 0 11.9 2.6 16.3 8 16.3 3.9 0 5.7-2.2 6.3-4.3v-4.8h-7v-9.5h16.3V49h-9.1v-3h-.2a11 11 0 01-8.6 3.6c-8.4 0-16-5.7-16-25 0-18.6 7-24.7 17.6-24.7zM89.1.9c9.5 0 14.4 6.5 14.4 15.9 0 5.9-2.2 10.5-6.5 12.7l7.6 19.6H93.3l-6-17.4-1.4.1h-1.4v17.3h-10V.9zm29.1 0v48.2h-10V.9h10zm69.3 0v9.6h-16.3v9.3h12.2V29h-12.2v10.4H188V49h-26.7V.9h26.3zm15.2 0l12.9 28h.2V.9h9.6v48.2h-10.2l-12.9-27h-.2v27h-9.6V.9h10.2zm56.2 0v9.6h-9.8V49h-10V10.5h-9.8V.9h29.6zm19.4 8.7c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5zm-261.1.8l1.5 9 2.1 12h-7.5l2.1-12.1 1.5-8.9h.3zm71.2 0h-4v13h4.2c2.9 0 4.8-2 4.8-6.5 0-4-1.7-6.5-5-6.5z" class="c-brand__edition"></path>
                    <path d="M356.8 0c11 0 17.8 6.6 17.8 25 0 18.3-6.6 25-17.8 25-11 0-17.8-6.5-17.8-25 0-18.3 6.7-25 17.8-25zm-44.6.9l13 28h.1V.9h9.6v48.2h-10.2l-12.9-27h-.2v27H302V.9h10.2zm93.8 0v9.6h-10V49h-10V10.5h-9.9V.9H406zm14 0v48.2h-10.1V.9h10zm33 0V11l-13.4 22.2-3.7 6 .1.3h17.2v9.6h-28.7v-9.7L438.8 16l3.3-5.4-.1-.2h-17V.9h28zm14.9 0v48.2h-10.1V.9h10zm31.8 0v9.6h-16.4v9.3h12.2V29h-12.2v10.4H500V49h-26.8V.9h26.5zM356.8 9.6c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5z" class="c-brand__network"></path>

                </svg>

            </a>
            <a href="#c-header" class="o-link-text u-label-05 u-flex u-column u-items-center">
                <svg class="o-icon o-icon--animated o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-up-circle"></use>
                </svg>
                <span class="u-label-08">Torna su</span>
            </a>
        </div>

        <div class="c-footer__section u-pt-base u-mb-medium u-mb-large@lg u-flex u-wrap">
            <div class="u-mb-medium u-pr-large u-size-1-2@md u-size-1-3@lg">
                <div class="u-flex u-mb-base">
                    <a href="http://" target="_blank" rel="noopener noreferrer">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 00-2.7 31.8V19.4H9.5v-4.5h3.8v-3.3c0-3.8 2.3-5.9 5.7-5.9l3.5.2v4H20c-1.8 0-2.2.9-2.2 2.2v2.8h4.4l-.5 4.5h-3.9v12.5A16 16 0 0016 0z" />
                        </svg>
                    </a>
                    <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path fill-rule="evenodd" d="M16 32a16 16 0 1 0 0-32 16 16 0 0 0 0 32Zm7.1-24-5.8 6.8 6.4 9.2H19l-4.3-6.2L9.4 24H8l6.1-7.1L8 8h4.7l4 5.9 5-5.9h1.4Zm-8.3 8 .6 1 4.2 6h2.2l-5.2-7.4-.6-.9L12 9H9.9l5 7Z" clip-rule="evenodd" />
                            <clipPath>
                                <path d="M0 0h32v32H0z" />
                            </clipPath>
                        </svg>
                        <!-- <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32"><path d="M16 0a16 16 0 100 32 16 16 0 000-32zm7.3 12.5v.4a10.4 10.4 0 01-16 8.8 7.5 7.5 0 005.4-1.5 3.7 3.7 0 01-3.5-2.5 3.7 3.7 0 001.7 0 3.7 3.7 0 01-3-3.7c.6.2 1.1.4 1.7.4a3.7 3.7 0 01-1.6-3c0-.7.2-1.3.5-1.9a10.4 10.4 0 007.6 3.9 3.7 3.7 0 016.2-3.4 7.4 7.4 0 002.3-.9 3.7 3.7 0 01-1.6 2 7.3 7.3 0 002.1-.5 7.5 7.5 0 01-1.8 1.9z"/></svg> -->
                    </a>
                    <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 110 32 16 16 0 010-32zm1 7h-4.7c-1 0-1.6.2-2.2.5a4.4 4.4 0 00-1.6 1c-.4.5-.8 1-1 1.6-.2.6-.4 1.2-.4 2.2v7.4c0 1 .2 1.6.4 2.2a4.4 4.4 0 001 1.6c.5.4 1 .8 1.6 1 .6.2 1.2.4 2.2.4h7.4c1 0 1.6-.2 2.2-.4a4.6 4.6 0 002.6-2.6c.2-.6.4-1.3.4-2.2V19a66.3 66.3 0 000-2.3v-2-2.5c0-1-.2-1.6-.4-2.2a4.4 4.4 0 00-1-1.6 4.4 4.4 0 00-1.6-1c-.6-.2-1.2-.4-2.2-.4L17 7zm0 1.6h2.6a5 5 0 011.7.4c.4.1.7.4 1 .7.3.3.6.6.7 1 .1.3.3.8.3 1.7V17a60.6 60.6 0 010 2v.6a5 5 0 01-.3 1.7 3 3 0 01-1.7 1.7 48.3 48.3 0 01-4.3.4h-2a49 49 0 01-4.3-.4 2.8 2.8 0 01-1-.7 2.8 2.8 0 01-.7-1 5 5 0 01-.3-1.7V19a61.5 61.5 0 010-2V15v-2.6c0-1 .2-1.4.3-1.7a2.7 2.7 0 01.7-1 2.8 2.8 0 011-.7 5 5 0 011.7-.3h2.8zm-1 2.8a4.6 4.6 0 000 9.2 4.6 4.6 0 000-9.2zm0 1.6a3 3 0 110 6 3 3 0 010-6zm4.8-2.9a1 1 0 100 2.2 1 1 0 000-2.2z" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                        <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                            <path d="M16 0a16 16 0 110 32 16 16 0 010-32zm6.6 7H9.4v4.4l-2.4.4 1.8 9.3V24h14.3v-2.8l1.9-9.3-2.4-.4V7zm-.5 7.6v8.2H9.9v-8.2h12.2zm-8 1a3 3 0 00-3.1 3.1 3 3 0 003 3 3 3 0 003-3v-.5h-3v1h2v.2a2 2 0 01-2 1.3 2 2 0 01-2-2 2 2 0 013.4-1.4l.7-.8-.1-.1a3 3 0 00-2-.7zm7 4.7h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-4l2.6.6-.6 3v-2.2h-1.7l-.3-1.4zm-1.4-1.7l.6 3.1H8.8v2.2l-.6-3 11.5-2.3zM21.5 8v3H21l-.4-2-10 2v-3h11z" fill-rule="evenodd" />
                        </svg>
                    </a>
                </div>

                <span class="u-label-08 u-color-light">Today plurisettimanale telematico reg. tribunale di Roma n. 93/2010 P.iva 10786801000. Testata iscritta all’<a href="#" class="u-label-08 o-link-inverse">USPI</a></span>
                <span class="u-label-08 u-color-light u-block u-mt-base">Citynews spa - Viale Stelvio 70, 20159 Milano</span>
            </div>
            <div class="u-size-full u-size-1-2@md u-size-1-3@lg u-flex">

                <div class="u-size-1-2">
                    <h4 class="u-nav-05 u-color-light u-mb-small">Canali</h4>
                    <ul class="u-list-none u-m-none u-p-none">

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Notizie</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Ultime notizie</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Life</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Cultura</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Opinioni</a>
                        </li>

                    </ul>
                </div>

                <div class="u-size-1-2">
                    <h4 class="u-nav-05 u-color-light u-mb-small">Link utili</h4>
                    <ul class="u-list-none u-m-none u-p-none">

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Presentazione</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Registrati</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Codice di condotta</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Condizioni generali</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Privacy</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Invia contenuti</a>
                        </li>

                        <li class="u-mb-small">
                            <a class="u-nav-03 o-link-text" href="#">Help</a>
                        </li>

                    </ul>
                </div>

            </div>
            <div class="c-footer__claim u-size-full u-size-1-3@lg u-flex u-column u-justify-center u-items-center u-p-xlarge">
                <span class="u-title-05 u-color-inverse u-text-center u-mb-base">Il tuo brand sulle nostre testate</span>

                <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
  
    c-btn--rounded
   
 
  

  
    u-label-04
   

  " true>

                    Richiedi info

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

        <div class="c-footer__section o-divider o-divider--top u-py-base u-flex u-column u-row@md u-items-center u-justify-between">
            <div class="u-flex u-items-center u-mb-base u-mb-none@lg u-justify-between">
                <a class="u-mr-base" href="">
                    <svg class="c-brand-cn" width="91" height="24">
                        <use xlink:href="#brand-citynews"></use>
                    </svg>
                </a>
                <div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--network u-cursor-pointer u-flex u-items-center u-justify-center u-label-05 u-p-small" data-dd-controller>
                    Edizioni locali
                    <svg class="o-icon o-icon--animated o-icon--md" data-dd-icon>
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                    </svg>
                    <div class="c-dropdown__panel u-fixed u-bottom u-size-full" data-dd-panel>
                        <div class="u-flex u-p-medium u-overflow-auto u-size-full">
                            <div class="u-flex">

                                <a href="http://www.romatoday.it" title="romatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="milanotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="torinotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="firenzetoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="padovaoggi">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="chietitoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="palermotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="arezzonotizie">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="baritoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="lecceprima">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="ilpiacenza">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="veneziatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trevisotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trentotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
                                </a>
                            </div>
                            <div class="u-flex">

                                <a href="http://www.romatoday.it" title="romatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="milanotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="torinotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="firenzetoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="padovaoggi">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="chietitoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="palermotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="arezzonotizie">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="baritoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="lecceprima">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="ilpiacenza">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="veneziatoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trevisotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
                                </a>
                                <a href="http://www.romatoday.it" title="trentotoday">
                                    <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <span class="u-label-08 u-color-light u-self-center">© Copyright 2009-2020</span>
        </div>

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

{# {% render "@subheader--dossier", {cta:true,navigation:false } ,true %} #}

<!-- <div class="u-block u-none@md">
  {% render "@masthead" %}
</div> -->

<main class="o-page">
  <header class="o-page-reset u-relative u-overflow-clipped" data-entry-header="">
      <picture>
        <source media="(min-width:740px)" srcset="{{horizontal}}">
        <img class="l-entry__img u-size-full u-size-responsive-view u-cover" decoding="async"
          referrerpolicy="no-referrer" loading="lazy" src="{{square}}">
        <figcaption class="figcaption-approfondimento u-absolute u-right u-top u-py-xsmall u-px-small u-caption-01 u-color-inverse u-flex u-gap-base u-cursor-pointer u-drop-shadow ">
          <svg class="o-icon o-icon--md u-flex-none">
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use>
          </svg>
          <span>
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam possimus officiis fuga tenetur repellendus eos, sunt tempore odit. Impedit cumque officia et perferendis aperiam sapiente iure a. Consequuntur, ex officiis.
          </span>
        </figcaption>  
      </picture>
      <div class="l-entry__title u-p-base">
        <div class="u-flex u-items-center">
          {% if badge %}
          <a class="c-story--dossier u-no-underline" href="#">
            <small
              class="c-story__badge u-label-02 u-uppercase u-py-xxxsmall u-px-xxsmall u-block">
              {{badge}}
            </small>
          </a>
          {% endif %}
          <span class="kicker-approfondimento o-bg-primary u-label-02 u-block u-color-inverse u-px-xxsmall u-py-xxxsmall">{{kicker}}</span>
        </div>
        <h1 class="u-my-small u-heading-01">{{title}}</h1>
        <p class="u-body-03 u-my-small">
          <span class="highlight-approfondimento u-my-large">{{summary}}</span>
        </p>
      </div>
  </header>
  <div class="o-container o-page-item-reset">
    <article class="l-entry l-entry--approfondimento u-grid u-mb-xlarge@xl" data-entry>
      <section class="l-entry__byline u-p-small u-flex u-items-center u-gap-small">
        <div class="u-flex u-row u-items-center u-gap-small">
          <div>
          {% 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 u-mt-base">

        {% if type=="video" %}
        <div class="l-entry__media o-fullscreen u-mb-small">
          {%if video.src=="ex" %}
          <div class="o-skeleton__external-video">
            <iframe width="640" height="360"
              src="https://player.vimeo.com/video/514354441?autoplay=1&loop=1&color=50ae55&title=0&byline=0&portrait=0"
              frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
          </div>
          {% else %}
          <video autoplay controls tabindex="0" playsinline webkit-playsinline x-webkit-airplay="deny"
            x-webkit-wirelessvideoplaybackdisabled
            src="http://citynews-today.video.stgy.ovh/~media/mp4-hd/6510987175026/nelle-spiagge-di-tampa-bay-basta-stare-a-6-piedi-di-distanza.mp4"></video>
          {% endif %}
        </div>
        {% endif %}

        <div class="c-entry u-py-base" data-content--body>

          <div data-premium-content class="locked">
        
            <div data-premium-content--preview>
        
              <p>A Roma non si può completare il percorso di riattribuzione del sesso, se non nelle cliniche private. Gli interventi chirurgici nel pubblico sono infatti fermi e la persona trans che desideri adattare il proprio corpo, attraverso una o più operazioni, alla propria identità di genere deve varcare i confini regionali, spesso anche quelli nazionali. All’ospedale San Camillo, che ospita il dipartimento di chirurgia plastica e ricostruttiva che collabora con il SAIFIP, Servizio per l’Adeguamento tra Identità Psichica e Fisica (esternalizzato), gli effetti della pandemia – che aveva bloccato questo tipo di interventi in tutta Italia – sono perduranti. I bisturi dell’equipe di medici, che nel 2014 festeggiava i mille interventi effettuati, restano chiusi nel cassetto. Le alternative ci sono, costano decine di migliaia di euro e sono rappresentate da tre cliniche private nella Capitale. Ma le difficoltà e le lungaggini nel complesso percorso di affermazione di un genere diverso da quello biologico partono da più lontano.</p>
            </div> 
            <div data-premium-content--locked>
              <div class="c-paywall u-relative">
                <button class="c-btn c-btn--primary u-label-01 u-mb-base u-py-base u-px-large u-size-fit u-cursor-pointer u-m-auto u-block" popovertarget="paywall">Leggi tutto l'articolo</button>
                {% render "@paywall", { idpaywall:"paywall"}, true %}
              </div>

            </div> 
          </div>
           {% render "@maplist" %}  
         {% render "@readingbar" %}  
        </div>


      </section>

      <section class="l-entry__related u-mb-medium u-overflow-hidden">

        <span class="u-caption-01 u-color-secondary u-my-base u-block">Sullo stesso argomento</span>
        <div class="l-grid--scrollable c-related">

          {% for i in related %}
          {% set i = loop.index0 %}
            {% render "@story", 
              {modifier: 'stack', 
              size: 'tiny', 
              title: related[i].title, 
              media: related[i].media, 
              label: related[i].label}, 
            false %}
          {% endfor %}

        </div>

      </section>

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

      </section>

    </article>


  </div>
  
</main>
{% render "@footer" %}
{
  "title": "Transizione di genere, impennata di richieste e lunghe attese",
  "summary": "La trafila sanitaria e legale per effettuare i vari passaggi nella transizione di genere ha tempi lunghi e costi elevati. A Roma non si opera più e dalla Capitale si va in Toscana o all'estero. La richiesta di presa in carico è sempre più alta, tanti i giovani che intraprendono la terapia ormonale.",
  "kicker": "salute",
  "date": "26 Aprile 2020",
  "categoryColor": "red",
  "author": {
    "name": "Taffix",
    "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"
      }
    },
    {
      "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"
      }
    }
  ],
  "page": "item",
  "approfondimento": true,
  "badge": "Dossier",
  "type": "article",
  "logo": "https://citynews.stgy.ovh/~shared/images/v7/channel-custom/dossier-channel-logo-dossier.svg",
  "horizontal": "https://unsplash.it/1920/1080?random",
  "vertical": "https://unsplash.it/450/600?random",
  "square": "https://unsplash.it/600/600?random"
}

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>.