<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'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'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'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'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-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>
{% for i in range(1,5)%}
{# <div class="c-maplist__navbar u-shadow-bottom u-p-small u-justify-between">
<a href="#mapitem-{{i-1}}" class="o-link-inverse">
<svg class="o-icon o-icon--md u-mr-small">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
</svg>
</a>
{{title}}{{i}}
<a href="#mapitem-{{i+1}}" class="o-link-inverse">
<svg class="o-icon o-icon--md u-mr-small">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</div> #}
{% endfor %}
<div class="c-maplist__list u-flex u-column" data-map--viewport>
{% for i in range(1,5)%}
<div class="c-maplist__item u-relative u-shadow-bottom" id="mapitem-{{i}}" data-map--point="{{lat}} {{lng}}">
<div class="u-p-base u-mb-base o-bg-base">
<span class="u-label-02 u-color-theme">{{type}}</span>
<a class="o-link-text" href="#">
<h1 class="u-heading-08 u-my-base">{{title}}{{i}}</h1>
</a>
<p class="u-body-03">{{abstract}} {{abstract}} </p>
{% render '@carousel--lightbox' %}
<div class="l-list-border u-mt-medium">
{% if address %}
<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>
{{address}}
</span>
{% endif%}
{% if link %}
<a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="{{link}}">
<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="{{link}}">
<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>
{% endif%}
{% if details %}
<a class="o-link-secondary u-block u-label-07 u-flex u-items-center" href="{{details}}">
<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>
{% endif%}
</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>
{% endfor %}
</div>
</div>
{
"type": "Ristorante",
"title": "Al Mattarello",
"abstract": "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.",
"address": "Vale XXI Aprile · Roma Nomentana",
"link": true,
"details": true,
"lat": 41.9110697,
"lng": 12.5122242
}
~function(d,y,n,a,m,i,c,p,l,u,s){d.al=function(l,u,s){var a=null;var m=false;var i=function(){if(m)return;m=true;if(a){clearTimeout(a);a=null}try{if(u&&typeof u==typeof function(){})u.apply(d)}catch(_){}};var c=y.createElement(n);c.type=unescape(/text%2fjava/.source)+n;c.async=true;c.onload=c.onerror=function(){c.onload=c.onerror=c.onreadystatechange=null;i()};c.onreadystatechange=function(){if(c.readyState!=/loaded/.source&&c.readyState!=/complete/.source)return;c.onload=c.onerror=c.onreadystatechange=null;i()};c.src=l;a=setTimeout(function(){a=null;i()},s||45E3);try{var p=y.getElementsByTagName(n)[0];p.parentNode.insertBefore(c,p)}catch(_){i()}}}(window,document,/script/.source);
!function(d,y,n,a,m,i,c,p,l,u,s){if(!document.getElementsByTagName)return;var aHead=document.getElementsByTagName("head");if(!aHead.length)return;var oHead=aHead[0];if(!oHead)return;if(!oHead.appendChild)return;var aBlackList=["//maps.googleapis.com/maps/api/js/QuotaService.RecordEvent?"];var fnAppendChild=oHead.appendChild;oHead.appendChild=function(oNode){do{if(!oNode)break;if(oNode.nodeType!=1)break;if(!oNode.nodeName||""+
oNode.nodeName.toLowerCase()!="script")break;if(!oNode.getAttribute||!oNode.getAttribute("src"))break;var sSrc=""+oNode.getAttribute("src");for(var iBlackList=0;iBlackList<aBlackList.length;++iBlackList)if(~sSrc.indexOf(""+aBlackList[iBlackList]))return}while(false);return fnAppendChild.apply(oHead,arguments)}}();
~function(sGoogleMapsApiKey){if(!document.querySelectorAll||!window.NodeList||!NodeList.prototype.forEach)return;window.__google_maps=window.__google_maps||function(fCallBack){{if(!window.__google_maps.aCallBacks)window.__google_maps.aCallBacks=[];if(fCallBack)window.__google_maps.aCallBacks.push(fCallBack)}if(window.__google_maps.bLoaded){while(window.__google_maps.aCallBacks.length){fCallBack=window.__google_maps.aCallBacks.shift();try{fCallBack&&fCallBack.apply(window)}catch(_){}}return true}if(window.__google_maps.bLoading)return null;
window.__google_maps.bLoading=true;window.al&&al("https://maps.googleapis.com/maps/api/js?libraries=places,geometry&callback=__google_maps&key="+encodeURIComponent(sGoogleMapsApiKey||""),function(){window.__google_maps.bLoaded=true;window.__google_maps()});return false};var fMap=function(){document.querySelectorAll("[data-map]").forEach(function(oNodeMap){{if(oNodeMap.hasAttribute("data-map--internal-processed"))return;oNodeMap.setAttribute("data-map--internal-processed","")}window.__google_maps(function(){if(!window.google||
!google.maps)return;{var oNodeMapCanvas=(oNodeMap.hasAttribute("data-map--canvas")?[oNodeMap]:[]).concat([].slice.call(oNodeMap.querySelectorAll("[data-map--canvas]"),0));oNodeMapCanvas=oNodeMapCanvas.length==1?oNodeMapCanvas[0]:null;if(!oNodeMapCanvas)return}{var oNodeViewport=(oNodeMap.hasAttribute("data-map--viewport")?[oNodeMap]:[]).concat([].slice.call(oNodeMap.querySelectorAll("[data-map--viewport]"),0));if(oNodeViewport.length>1)return;oNodeViewport=oNodeViewport.length?oNodeViewport[0]:null}var oStyle=
null;{var sStyle=(oNodeMap.getAttribute("data-map--style")||"").trim();if(sStyle)try{var mStyle=JSON.parse(sStyle);if(mStyle&&typeof mStyle==typeof{})oStyle=mStyle}catch(_){}}{var oMap=new google.maps.Map(oNodeMapCanvas,{mapTypeId:google.maps.MapTypeId.ROADMAP,zoom:7,center:new google.maps.LatLng(42.37355,12.8829),disableDefaultUI:true,zoomControl:true,styles:oStyle||null});var oBounds=new google.maps.LatLngBounds}var aMapPoints=[];var oMapPointSelectedMap=null;var oMapPointSelectedPoint=null;(oNodeMap.hasAttribute("data-map--point")?
[oNodeMap]:[]).concat([].slice.call(oNodeMap.querySelectorAll("[data-map--point]"),0)).forEach(function(oNodeMapPoint){{var sGPS=(oNodeMapPoint.getAttribute("data-map--point")||"").trim();var aGPS=sGPS.match(/\s*(\d+(?:[.,]\d*)?)\s+(\d+(?:[.,]\d*)?)\s*/i);if(!aGPS)return}var oLatLng=new google.maps.LatLng(parseFloat(aGPS[1].replace(/,/g,"."))||0,parseFloat(aGPS[2].replace(/,/g,"."))||0);oBounds.extend(oLatLng);oMap.fitBounds(oBounds);oMap.setCenter(oBounds.getCenter());oMap.setZoom(Math.min(15,oMap.getZoom()));
var oMarker=new google.maps.Marker({position:oLatLng,map:oMap,animation:google.maps.Animation.DROP});var oMapPoint={oNode:oNodeMapPoint,oLatLng:oLatLng,oMarker:oMarker,fIntersection:-Infinity};if(!oNodeMap.hasAttribute("data-map--no-sync")&&!oNodeMap.hasAttribute("data-map--point")){google.maps.event.addListener(oMarker,"click",function(){oMapPointSelectedPoint=null;oMapPointSelectedMap=oMapPoint;oMapPoint.oNode.scrollIntoView({behavior:"smooth",block:"start",inline:"center"});fIntersectionUpdate()});
oNodeMapPoint.addEventListener("click",function(){oMapPointSelectedMap=null;oMapPointSelectedPoint=oMapPoint;fIntersectionUpdate()})}aMapPoints.push(oMapPoint)});if(!oNodeMap.hasAttribute("data-map--no-sync")&&!oNodeMap.hasAttribute("data-map--point")){var oIntersectionObserver=null;var hIntersectionTimeout=null;var fIntersectionUpdate=function(){if(hIntersectionTimeout)clearTimeout(hIntersectionTimeout);hIntersectionTimeout=setTimeout(function(){hIntersectionTimeout=false;{aMapPoints.sort(function(oMapPointA,
oMapPointB){if(oMapPointA.fIntersection>oMapPointB.fIntersection)return-1;else if(oMapPointA.fIntersection<oMapPointB.fIntersection)return+1;return 0});{var oBoundsVisible=new google.maps.LatLngBounds;var aMapPointsVisible=[];for(var iMapPoint=0;iMapPoint<aMapPoints.length;++iMapPoint){aMapPoints[iMapPoint].oMarker.setOpacity(.6);aMapPoints[iMapPoint].oNode.classList.remove("map--state-hidden","map--state-visible","map--state-selected");if(aMapPoints[iMapPoint].fIntersection<=.3){aMapPoints[iMapPoint].oNode.classList.add("map--state-hidden");
continue}aMapPointsVisible.push(aMapPoints[iMapPoint]);oBoundsVisible.extend(aMapPoints[iMapPoint].oLatLng);aMapPoints[iMapPoint].oNode.classList.add("map--state-visible");aMapPoints[iMapPoint].oMarker.setOpacity(.8)}if(oMapPointSelectedMap){oMapPointSelectedMap.oNode.classList.add("map--state-selected");oMapPointSelectedMap.oMarker.setOpacity(1)}else if(oMapPointSelectedPoint){oMapPointSelectedPoint.oNode.classList.add("map--state-selected");oMapPointSelectedPoint.oMarker.setOpacity(1);var oBoundsSingle=
new google.maps.LatLngBounds;oBoundsSingle.extend(oMapPointSelectedPoint.oLatLng);oMap.fitBounds(oBoundsSingle);oMap.setCenter(oBoundsSingle.getCenter());oMap.setZoom(Math.min(15,oMap.getZoom()))}else if(aMapPointsVisible.length){oMap.fitBounds(oBoundsVisible);oMap.setCenter(aMapPointsVisible[0].oLatLng);oMap.setZoom(Math.min(15,oMap.getZoom()));aMapPointsVisible[0].oNode.classList.add("map--state-selected");aMapPointsVisible[0].oMarker.setOpacity(1)}else{oMap.fitBounds(oBounds);oMap.setCenter(oBounds.getCenter());
oMap.setZoom(Math.min(15,oMap.getZoom()))}}oMapPointSelectedMap=null;oMapPointSelectedPoint=null}},250)};try{if(window.IntersectionObserver){oIntersectionObserver=new IntersectionObserver(function(aEntries){for(var iEntry=0;iEntry<aEntries.length;++iEntry){var oEntry=aEntries[iEntry];if(!oEntry||!oEntry.target)continue;for(var iMapPoint=0;iMapPoint<aMapPoints.length;++iMapPoint){if(oEntry.target!=aMapPoints[iMapPoint].oNode)continue;aMapPoints[iMapPoint].fIntersection=oEntry.intersectionRatio||0}}fIntersectionUpdate()},
{root:oNodeViewport||null,rootMargin:"0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]});for(var iMapPoint=0;iMapPoint<aMapPoints.length;++iMapPoint)oIntersectionObserver.observe(aMapPoints[iMapPoint].oNode)}}catch(_$0){}}else if(aMapPoints.length==1)setTimeout(function(){oMap.setZoom(Math.min(15,oMap.getZoom()))},250)})})};{var bReady=false;var fReady=function(){{if(bReady)return;bReady=true}fMap()};if(document.readyState=="complete"||document.readyState=="interactive"){setTimeout(fReady,1);return}document.addEventListener("DOMContentLoaded",
fReady);window.addEventListener("load",fReady)}}("AIzaSyAlnIsX1JECqdkUgiODHbbLQhljbqOoBZg");
This component shows a map with respective places with image and description
In order to display a maplist component use following syntax:
{% render "@maplist"%}