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

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

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

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

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

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

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

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

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

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

<div class="c-navbar__toggle-shadow u-fixed u-none@md"></div>

<header id="c-header" class="c-header u-z-high u-relative ">

    <div class="o-container u-flex@lg u-justify-betweenlg">

        <div class="u-relative u-size-full">

            <div class="c-header__top u-py-base u-py-xsmall@md u-pr-base">
                <a href="/">

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

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

                </a>
            </div>

            <!-- <div class="c-navbar__subscription u-absolute u-none@md">
				
<button class="c-btn c-btn--primary 
  
    c-btn--rounded
   
  
    u-flex
  
   
    c-btn--small 
    u-label-05
   
   
  u-cursor-pointer  u-items-center" 
  
>
  Abbonati 
  
</button>
			</div> -->

            <div class="c-navbar__toggle u-none@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-none u-flex@md u-items-center u-mr-small@lg">

                <nav class="c-navbar  u-flex ">

                    <a href="#" class="c-navbar__item u-no-underline is-active" data-item-navigation data-channel="/notizie/">Notizie</a>

                    <a href="#" class="c-navbar__item u-no-underline " data-item-navigation data-channel="/lifestyle/">Lifestyle</a>

                    <a href="#" class="c-navbar__item u-no-underline " data-item-navigation data-channel="/cultura/">Cultura</a>

                    <a href="#" class="c-navbar__item u-no-underline " data-item-navigation data-channel="/opinioni/">Opinioni</a>

                </nav>

                <div class="c-navbar__toggle" 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="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>

        </div>

        <div class="c-header__focus u-py-xsmall u-px-small u-ml-auto u-my-xsmall u-mr-xxsmall u-size-1-2 u-none u-flex@lg u-justify-center">
            <span class="logo-europa logo-europa--parlamento"> </span>
        </div>

        <div class="c-header__focus u-size-1-2">
            <article class="c-story c-story--editorial  u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Angels there and shore with or. The visiter chamber clasp.</h1>
                    </a>

                </header>

                <span class="c-story__byline u-label-09 u-inline-block">
                    <svg class="o-icon o-icon--sm o-icon--fill">
                        <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                    </svg>
                    <span class="u-inline-block">Massimiliano Dona</span>
                </span>

            </article>
        </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="c-subheader   u-relative">
    <div class="o-container  u-flex u-column u-row@md u-items-center@md  ">

        <div class="c-subheader__head u-flex  u-column u-row@md   u-my-base">
            <h1 class="u-title-01 u-m-none">
                <a href="#" class="u-no-underline c-subheader__title ">
                    Opinioni
                </a>
            </h1>
        </div>

    </div>

</div>

<main class="o-page">

    <section class="o-container">

        <div class="l-grid l-grid--medium">

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Carlo Sala</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">17 luglio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Massimiliano Dona</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">12 luglio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Luciano Lanna</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">30 giugno, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Marilia Parente</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">05 giugno, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Dario Balotta</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">27 maggio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Rossella Lamina</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">13 aprile, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Dario Balotta</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">11 aprile, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Luciano Lanna</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">04 marzo, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Dario Balotta</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">18 febbraio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Rossella Lamina</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">01 febbraio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Dario Balotta</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">25 gennaio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

            <article class="c-story c-story--editorial l-grid__item u-relative" data-channel="/opinioni/">

                <figure class="c-avatar    u-relative u-radius-circle u-overflow-hidden ">
                    <a href="#">
                        <img decoding="async" referrerpolicy="no-referrer" class="c-avatar__thumb u-absolute u-left u-bottom u-size-full" src="https://admin.previewtoday.strategy.it/images/test/alberto_berlini.png" loading="lazy" alt="" />
                    </a>
                </figure>

                <header class="c-story__header">
                    <a class="o-link-text" href="#">
                        <h1 class="u-heading-05 u-truncate u-truncate-3 u-mb-none u-mt-none">Caso Dentix: quali tutele per i pazienti delle cliniche dentali</h1>
                    </a>

                    <span class="c-story__byline u-label-09 u-inline-block u-mb-xxsmall">
                        <svg class="o-icon o-icon--sm o-icon--fill">
                            <use xlink:href="#icon-apex" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
                        </svg>
                        <span class="u-inline-block">Luciano Lanna</span>
                    </span>

                    <span class="u-label-08 u-color-secondary u-block u-mb-xxsmall">05 gennaio, 2020</span>

                </header>

                <p class="c-story__summary u-body-04 u-color-secondary u-mt-none">Rebum takimata rebum est elitr eirmod voluptua consetetur lorem lorem. Clita ipsum invidunt rebum dolor ipsum clita duo labore, voluptua.</p>

            </article>

        </div>
        <div class="c-pagination u-flex u-items-center u-justify-center u-py-large">

            <a class="u-label-04 o-link-text u-mr-base u-none u-block@sm" href="#">Prima</a>

            <a class="c-pagination__item c-pagination__item--rounded u-flex u-items-center u-justify-center u-mr-base" href="#">
                <svg class="o-icon o-icon--sm" data-dd-icon>
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
                </svg>
            </a>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">1</span></a>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">2</span></a>

            <div class="c-pagination__item u-flex u-items-center u-justify-center is-active u-label-04 u-mr-base u-py-xxsmall"><span class="u-mx-xsmall">3</span></div>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">4</span></a>

            <a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">5</span></a>

            <a class="c-pagination__item c-pagination__item--rounded u-flex u-items-center u-justify-center u-mr-base" href="#">
                <svg class="o-icon o-icon--sm" data-dd-icon>
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
                </svg>
            </a>

            <a class="u-label-04 o-link-text u-none u-block@sm" href="#">Ultima</a>

        </div>

    </section>

</main>
{% render "@toolbar" %}
{% render "@header--default", {channel:false}, true %}
{% render "@subheader--amber" %}

<main class="o-page">

  <section class="o-container">

      {% render "@items--editorial", {grid_layout:'medium', limit: 12, showDate: true}, true %}
      {% render "@pagination" %}

  </section>
  
</main>
/* No context defined. */

No notes defined.