√ Idramante - Rockol

<!DOCTYPE html> <html class="no-js" lang="it" prefix="og: http://ogp.me/ns#"> <head> <style> /** Nasconde gli svg prima del caricamento effettivo del CSS */ svg { display: none; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>√ Idramante - Rockol</title>  <link rel="preconnect" href="https://images.rockol.it"> <link rel="dns-prefetch" href="https://images.rockol.it"> <link rel="preconnect" href="//cdn.iubenda.com"> <link rel="dns-prefetch" href="//cdn.iubenda.com"> <link rel="preload" as="style" href="https://www.rockol.it/assets/static/ver.202410281218/css/rockol.min.css"> <link rel="preload" href="https://www.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js" as="script"> <link rel="dns-prefetch" data-rockol-promo href="//exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://cdn.exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" data-rockol-promo href="https://imasdk.googleapis.com" /> <link rel="dsn-prefetch" data-rockol-promo href="https://imasdk.googleapis.com/" /> <link rel="stylesheet" type="text/css" href="https://www.rockol.it/assets/static/ver.202410281218/css/rockol.min.css">  <meta name="description" content="Idramante: notizie, discografia, biografia, foto e molto altro. Rockol - il tuo sito per le notizie di musica."> <meta name="robots" content="max-snippet:-1, max-video-preview:-1, max-image-preview:large"> <meta name="type" content="artisti"> <meta name="article:section" content="artist-page"> <link rel="canonical" href="https://www.rockol.it/artista/idramante"> <link rel="image_src" href="https://images.rockol.it/IyNRYkRimWUHIcmD14MySyjFF6k=/645x482/smart/rockol-img/assets/img/2019/placeholder-rockol.20190621v01.png">   <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@rockolpoprock"> <meta name="twitter:title" content="√ Idramante"> <meta name="twitter:description" content="Idramante: notizie, discografia, biografia, foto e molto altro. Rockol - il tuo sito per le notizie di musica."> <meta name="twitter:image:src" content="https://images.rockol.it/IyNRYkRimWUHIcmD14MySyjFF6k=/645x482/smart/rockol-img/assets/img/2019/placeholder-rockol.20190621v01.png"> <meta name="twitter:domain" content="https://www.rockol.it">   <meta property="fb:app_id" content="324191534279970"/> <meta property="og:admins" content="1163511037"/> <meta property="og:title" content="√ Idramante"/> <meta property="og:site_name" content="Rockol"/> <meta property="og:locale" content="it_IT"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://www.rockol.it/artista/idramante"/> <meta property="og:image" content="https://images.rockol.it/IyNRYkRimWUHIcmD14MySyjFF6k=/645x482/smart/rockol-img/assets/img/2019/placeholder-rockol.20190621v01.png"/> <meta property="og:image:secure_url" content="https://images.rockol.it/IyNRYkRimWUHIcmD14MySyjFF6k=/645x482/smart/rockol-img/assets/img/2019/placeholder-rockol.20190621v01.png"/> <meta property="og:image:width" content="645"/> <meta property="og:image:height" content="482"/> <meta property="og:description" content="Idramante: notizie, discografia, biografia, foto e molto altro. Rockol - il tuo sito per le notizie di musica."/>   <meta name="socialbeat:area" content="artisti"/> <meta name="socialbeat:section" content="artist-page"/> <meta name="socialbeat:artist_name" content="Idramante"/> <meta name="socialbeat:image_url" content="https://images.rockol.it/7aMWdOuRqKgWWaJrqxfRpkR6YH8=/1080x1080/smart/rockol-img/assets/img/2019/placeholder-rockol.20190621v01.png"/>  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="author" content="Rockol.com s.r.l."> <meta name="application-name" content="Rockol.IT"> <script> // Marca il documento come js ready (compatibile con IE10) var html = document.querySelector('html'); html.classList.remove('no-js'); html.classList.add('js'); </script>   <link rel="sitemap" type="application/xml" title="Rockol.it - sitemap" href="/sitemap-index.xml">  <link rel="search" href="https://www.rockol.it/os-main.xml" type="application/opensearchdescription+xml" title="Rockol.it - Music Search"/>  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png?v=20190621"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png?v=20190621"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png?v=20190621"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png?v=20190621"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png?v=20190621"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png?v=20190621"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png?v=20190621"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png?v=20190621"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png?v=20190621"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png?v=20190621"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=20190621"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png?v=20190621"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=20190621"> <link rel="manifest" href="/manifest.json?v=20190621"> <meta name="msapplication-TileColor" content="#000"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png?v=20190621"> <meta name="theme-color" content="#000">  <link rel="alternate" href="https://www.rockol.it/rss/news" type="application/rss+xml" title="Rockol News"> <link rel="alternate" href="https://www.rockol.it/rss/dischi" type="application/rss+xml" title="Rockol Dischi"> <link rel="alternate" href="https://www.rockol.it/rss/concerti" type="application/rss+xml" title="Rockol Concerti"> <link rel="alternate" href="https://www.rockol.it/rss/gallerie-fotografiche" type="application/rss+xml" title="Rockol Gallerie Fotografiche"> <link rel="alternate" href="https://www.rockol.it/rss/video" type="application/rss+xml" title="Rockol Video"> <script> // Initialize Firebase window.config = { apiKey: "AIzaSyB5cAIA-BfhhPFSBIJjIdztuXsdXIQEflw", authDomain: "myrockol.firebaseapp.com", databaseURL: "https://myrockol.firebaseio.com/", messagingSenderId: "733704253707", projectId: "firebase-myrockol", appId: "1:733704253707:web:23953e5d99c764293b720e" }; </script> <script async src="https://www.rockol.it/assets/static/ver.202410281218/js/vendors.min.js"></script> <script async src="https://www.rockol.it/assets/static/ver.202410281218/js/main.min.js"></script> <script async src="https://www.rockol.it/assets/static/ver.202410281218/js/myRockol.min.js"></script> <script type="text/javascript" src="https://www.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js"></script> <style> body { background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%); background-attachment: fixed; } @media screen and (min-width: 1100px) { .skin-reference { margin-top: 110px; } } </style> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified_start_opt.css" /> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <script type="text/javascript">window.exmp_category_key="artisti";</script> <script type="text/javascript">window.exmp_artist_name="idramante";</script> <script data-rockol-promo async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol.dfp.min.js"></script> <script data-rockol-promo async src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol_video_v2.js"></script>  <script type="application/ld+json" > {"@type":"WebSite","url":"https:\/\/www.rockol.it","name":"Rockol.it","alternateName":"Rockol - la musica online \u00e8 qui","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.rockol.it\/search?s={search_term_string}","query-input":"required name=search_term_string"},"@context":"http:\/\/schema.org"} </script> <script type="application/ld+json" > {"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"],"@context":"http:\/\/schema.org"} </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQQRWQL1QP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RQQRWQL1QP'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4X2JQVYQY5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag( 'config', 'G-4X2JQVYQY5' ); const advTrackingManagement = () => { let advErogando = false; let eventSent = false; let debug = true; const event_values = { TAG_NON_PRESENTE: 1, DIV_EROGATO: 2, DIV_NON_EROGATO: 3, } const log = (...data) => { if (debug) { console.info(...['EROGAZIONE ADV', ...data]); } } const monitoraAdv = () => { // Logica per determinare se l'adv sta erogando let time = 0; let time_out = 1000 * 5; let interval_ms = 200; let intervalId = setInterval(() => { log("Controllo"); time += interval_ms; // Se ho superato il timeout esco e invio if (time > time_out) { log("Timeout"); sendEvent(event_values.DIV_NON_EROGATO); clearInterval(intervalId) } const div_unita_0 = document.querySelector('div[data-adunitid="0"]'); const div_unita_16 = document.querySelector('div[data-adunitid="16"]'); const divDaCercare = div_unita_0 || div_unita_16 || null; // Se l'ad unit non è in pagina invio il fatto che l'adv non è attivo if (divDaCercare === null) { log("No Ad - Unit"); sendEvent(event_values.TAG_NON_PRESENTE); clearInterval(intervalId); return; } // Se l'ad unit è in pagina ed è fillato con una adv allora mando l'evento di ok const divInterno = divDaCercare.querySelector('div[data-google-query-id]'); if (divInterno) { log("Ad presente"); advErogando = true; sendEvent(event_values.DIV_EROGATO); clearInterval(intervalId) return; } }, interval_ms); } const sendEvent = (event_value) => { if (eventSent) { return; } log('Invio evento con valore ' + event_value); gtag('event', 'emp_adv', { 'send_to': 'G-4X2JQVYQY5', 'event_category': 'Adv', 'event_label': 'EMP Adv', 'value': event_value }); eventSent = true; } document.addEventListener('DOMContentLoaded', function() { monitoraAdv(); }); window.addEventListener('beforeunload', function() { sendEvent(event_values.DIV_NON_EROGATO); }); }; advTrackingManagement(); </script>  <script type="text/plain" class="_iub_cs_activate-inline" data-iub-purposes="4"> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1595219114265672'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" alt="" style="display:none" class="_iub_cs_activate" data-iub-purposes="4" data-suppressedsrc="https://www.facebook.com/tr?id=1595219114265672&ev=PageView&noscript=1" /> </noscript>  <script> window.loaderConfig_ = { domain: 'www.rockol.it', path: '/js/vendors/webtrekk/smart-pixel-core-v1.2.6/', file: 'smart-pixel.min.js' }; window.wtSmart = window.wtSmart || []; window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient = new WtRockolClient(wtSmart, {"trackId":"525983702053258","trackDomain":"rockolitalia01.wt-eu02.net","page":{"name":"https:\/\/www.rockol.it\/artista\/idramante","title":"Idramante - Rockol","articleTitle":"Idramante"}}); WebtrekkRockolClient.setContentGroup({"1":"Aggregato Rockol - Web","2":"Rockol.it - Web","3":"Artisti","5":"www.rockol.it","4":"Pagina artista"}); WebtrekkRockolClient.setCustomParams({1: (function getRefresh() { if (RegExp('[?&]' + 'refresh_cens$').exec(window.location.search)) return 'refresh_cens'; else if (RegExp('[?&]' + 'refresh_ce$').exec(window.location.search)) return 'refresh_ce'; else return 'no-refresh'; })(),2: document.title,4: "Idramante",9: "91018",5: "Idramante",10: "",6: "18"}); WebtrekkRockolClient.sendPageImpression(); }); document.addEventListener('DOMContentLoaded', function () { window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient.trackAdvEvents(); }); }, false); </script> <script type="text/javascript" async src="https://www.rockol.it/assets/static/ver.202410281218/js/webtrekkRockolSmartPixel.js"></script> <noscript> <div> <img src="https://rockolitalia01.wt-eu02.net/525983702053258/wt.pl?p=322,0" height="1" width="1" alt=""/> </div> </noscript>  <style type="text/css"> #iubenda-cs-banner { font-size: 15px !important; background: none !important; line-height: 1.4 !important; position: fixed !important; z-index: 99999998 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; will-change: opacity; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.4s ease !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1 { width: 64px !important; height: 32px !important; border-radius: 32px !important; transition: background-position 0.4s ease, background-color 0.4s ease !important; background-color: #CCC !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zM5.729 5.033a.5.5 0 0 0-.638.058l-.058.07a.5.5 0 0 0 .058.637l3.201 3.201-3.201 3.203a.5.5 0 0 0 .707.707l3.201-3.203 3.203 3.203.07.058a.5.5 0 0 0 .637-.058l.058-.07a.5.5 0 0 0-.058-.637L9.706 8.999l3.203-3.201a.5.5 0 0 0-.707-.707L8.999 8.292 5.798 5.091z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: top 4px left 4px !important; background-size: 24px 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked { background-color: #1CC691 !important; background-position: top 4px left 36px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4.646 5.646l-6.198 6.2-3.1-3a.5.5 0 1 0-.696.718l3.454 3.342a.5.5 0 0 0 .701-.006l6.547-6.546a.5.5 0 1 0-.708-.708z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.sm { background-position: top 3px left 27px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial] { background-color: #FFD24D !important; background-position: top 4px left 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4 8.5H5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial].sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial].sm { background-position: top 3px left 15px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1.sm { width: 48px !important; height: 24px !important; border-radius: 24px !important; background-size: 18px 18px !important; background-position: top 3px left 3px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input:not([disabled]), #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input:not([disabled]) { cursor: pointer !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input[disabled], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input[disabled] { opacity: 0.35; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox .iub-caption, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox .iub-caption { display: none !important; } #iubenda-cs-banner [class*=" iub"], #iubenda-cs-banner [class^=iub], #iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) * { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #iubenda-cs-banner.iubenda-cs-overlay:before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; z-index: 1 !important; pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-center { align-items: center !important; justify-content: center !important; } #iubenda-cs-banner.iubenda-cs-top { align-items: flex-start !important; } #iubenda-cs-banner.iubenda-cs-bottom { align-items: flex-end !important; } #iubenda-cs-banner.iubenda-cs-left { justify-content: flex-start !important; } #iubenda-cs-banner.iubenda-cs-right { justify-content: flex-end !important; } #iubenda-cs-banner.iubenda-cs-visible { opacity: 1 !important; } #iubenda-cs-banner.iubenda-cs-visible > * { pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-slidein .iubenda-cs-container { transition: transform 0.4s ease !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top .iubenda-cs-container { transform: translateY(-48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-bottom .iubenda-cs-container { transform: translateY(48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container { transform: translateY(0) !important; } #iubenda-cs-banner .iubenda-cs-container { position: relative !important; z-index: 2 !important; } #iubenda-cs-banner .iubenda-cs-container.iubenda-cs-themed { display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-brand { display: flex !important; padding: 16px !important; flex-shrink: 0 !important; } #iubenda-cs-banner .iubenda-cs-brand > div { display: flex !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-brand img { max-width: 192px !important; max-height: 32px !important; } #iubenda-cs-banner .iubenda-cs-content { position: relative !important; z-index: 1 !important; overflow: hidden !important; transition: transform 0.4s ease !important; background-color: #000000 !important; color: #FFFFFF !important; font-size: 14px !important; display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-rationale { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto; } #iubenda-cs-banner .iubenda-cs-close-btn { z-index: 1 !important; top: 6px !important; right: 0 !important; margin: 10px !important; min-width: 32px !important; height: 32px !important; padding: 6px !important; font-size: 24px !important; line-height: 0 !important; font-weight: lighter !important; cursor: pointer !important; text-align: center !important; border: 1px solid transparent !important; border-radius: 4px !important; opacity: 0.7 !important; align-self: flex-end !important; } #iubenda-cs-banner .iubenda-cs-close-btn:hover { opacity: 1 !important; } #iubenda-cs-banner .iubenda-banner-content { font-weight: 300 !important; padding: 16px !important; flex: 1 1 auto !important; overflow-y: auto !important; } #iubenda-cs-banner .iubenda-banner-content a { cursor: pointer !important; color: currentColor !important; opacity: 0.7 !important; text-decoration: underline !important; } #iubenda-cs-banner .iubenda-banner-content a:hover { opacity: 1 !important; } #iubenda-cs-banner #iubenda-cs-title { margin-bottom: 16px !important; margin-top: 8px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-counter { text-align: center !important; position: relative !important; z-index: 1 !important; display: none; pointer-events: none; flex-shrink: 0; padding: 8px !important; font-size: 13px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-cwa-button { font-weight: bold !important; font-size: 13px !important; background: rgba(255, 255, 255, 0.1) !important; color: white !important; padding: 8px 14px !important; flex-shrink: 0; border-radius: 4px !important; text-align: center !important; z-index: 1 !important; margin: 16px !important; margin-bottom: 0 !important; cursor: pointer !important; } #iubenda-cs-banner .iubenda-cs-cwa-button:focus, #iubenda-cs-banner .iubenda-cs-cwa-button:hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-cwa-button { box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.2) !important; } } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-cwa-button { align-self: flex-end; } } #iubenda-cs-banner .iubenda-cs-opt-group { z-index: 1 !important; display: flex !important; margin-top: 0 !important; flex-shrink: 0 !important; color: #000000 !important; margin: 16px !important; margin-top: 0 !important; } #iubenda-cs-banner .iubenda-cs-opt-group > div { display: flex !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group { align-items: center !important; justify-content: space-between !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { margin-right: auto !important; align-self: start !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { margin-left: auto !important; align-self: end !important; justify-content: flex-end !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom:not(.iubenda-cs-opt-group-granular) { order: 2; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { order: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 8px 32px !important; border-radius: 64px !important; cursor: pointer !important; font-weight: bold !important; font-size: 100% !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: center !important; border: 0 !important; background-color: #1a1a1a !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.focus, #iubenda-cs-banner .iubenda-cs-opt-group button.hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type) { margin-right: 8px !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group button { padding: 8px 24px !important; width: 100% !important; display: block; text-align: center !important; margin: 6px 3px !important; flex: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner.iubenda-cs-padded:not(.iubenda-cs-branded) .iubenda-banner-content { padding-right: 48px !important; } #iubenda-cs-banner.iubenda-cs-padded .iubenda-cs-close-btn { position: absolute !important; } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-padded).iubenda-cs-branded .iubenda-cs-cwa-button { position: absolute !important; } } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-branded):not(.iubenda-cs-no-heading) .iubenda-cs-cwa-button { position: absolute !important; top: -4px !important; right: -4px !important; padding: 5px 10px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-top .iubenda-cs-brand, #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-bottom .iubenda-cs-brand { border-radius: 8px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-cwa-button { margin: 15px !important; } } #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-close-btn { height: 32px !important; min-width: 32px !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge-outer { height: 0 !important; } #iubenda-cs-banner.iubenda-cs-default:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer { margin-left: auto !important; margin-right: 0 !important; float: right !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-bottom .iubenda-cs-brand-badge-outer { order: -1 !important; display: inline-flex !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: 0 -8px 0 !important; } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: -8px -8px 0 !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 auto !important; width: calc(992px - 32px) !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 8px !important; } } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container { width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 992px !important; margin: 16px auto !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge { margin: 0 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-container { width: 992px !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-cs-container { width: 100% !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 480px !important; } } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group > div { width: 100% !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button { display: block !important; width: 100% !important; text-align: center !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-custom { order: 2; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-consent { order: 1; } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { border-radius: 4px !important; margin: 16px !important; } } #iubenda-cs-banner.iubenda-cs-scrollable .iubenda-banner-content { mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-content, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale { height: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content { height: calc(100% - 32px) !important; } } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-brand img { max-width: 75% !important; } #iubenda-cs-banner a[href]:focus, #iubenda-cs-banner button:focus, #iubenda-cs-banner input:focus, #iubenda-cs-banner textarea:focus, #iubenda-cs-banner select:focus, #iubenda-cs-banner details:focus, #iubenda-cs-banner [tabindex]:not([tabindex="-1"]):focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge { flex-shrink: 0 !important; margin: 16px !important; padding: 6px 34px 6px 10px !important; background: white !important; display: inline-flex; border-radius: 6px !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1) !important; align-self: flex-end; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='19' viewBox='0 0 9 19' width='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m4.1555.211426c.81725.000101 1.61499.249693 2.28656.715401.67157.465713 1.18496 1.125343 1.47153 1.890693.28657.76536.33266 1.59996.13211 2.39221-.20055.79226-.63818 1.50441-1.25438 2.04124l.87593 11.02083h-7.023493l.875933-11.02083c-.616206-.53683-1.053841-1.24898-1.254391-2.04124-.2005501-.79225-.154458-1.62685.132114-2.39221.286572-.76535.799967-1.42498 1.471537-1.890693.67157-.465708 1.46931-.7153 2.28655-.715401z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E") !important; background-position: center right 12px !important; background-repeat: no-repeat !important; color: #222 !important; font-weight: normal !important; font-size: 14px !important; pointer-events: auto !important; } #iubenda-cs-banner .iubenda-cs-brand-badge:hover { border: 1px solid rgba(0, 0, 0, 0.4) !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; padding-right: 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span > span { text-decoration: underline !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text { font-size: 11px !important; font-weight: bold !important; text-align: right !important; margin: -4px 16px 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text a { color: inherit; } #iubenda-cs-banner .iubenda-iframe-spinner ~ .iubenda-iframe-badge-container .iubenda-cs-brand-badge { display: none !important; } #iubenda-cs-banner .iubenda-granular-controls-container { --iub-granular-background: rgba(0, 0, 0, .02); --iub-granular-border: rgba(0, 0, 0, 0.08); --iub-granular-toggle-background: rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; flex-shrink: 0; margin-bottom: 16px !important; border-top: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { flex-basis: 100%; display: flex !important; gap: 10px !important; padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 14px !important; background-color: var(--iub-granular-background) !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1 { width: 48px !important; height: 24px !important; background-position: top 3px left 3px !important; background-size: 18px 18px !important; background-color: var(--iub-granular-toggle-background) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1, #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-position: top 3px left 27px !important; background-color: #1cc691 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial] { background-position: top 3px left 15px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2) { padding-top: 16px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-bottom: 16px !important; border-bottom: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox { flex-basis: 50%; flex-direction: column-reverse; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: none !important; } @media (max-width: 991px) { #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { min-width: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label { max-width: 100%; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label span { display: block; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--mobile-hidden { display: none !important; } } #iubenda-cs-banner.iubenda-cs-black .iubenda-granular-controls-container { --iub-granular-background: rgba(255, 255, 255, .02); --iub-granular-border: rgba(255, 255, 255, 0.08); --iub-granular-toggle-background: rgba(255, 255, 255, 0.2); } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox { flex: 1 !important; flex-direction: column-reverse !important; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; padding-top: 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container { grid-gap: 24px !important; padding: 16px 16px 32px !important; border-top: 0 !important; margin-bottom: 0 !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: flex !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child { padding-left: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-right: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2) { flex: 0 1 auto !important; flex-direction: row !important; background-color: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; } } .iubenda-tp-btn *, .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn *, .iubenda-uspr-btn:not([data-tp-nostyle]) { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn:not([data-tp-nostyle]) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; font-size: 14px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.65) !important; background-color: white !important; display: inline-block !important; vertical-align: middle !important; } .iubenda-tp-btn.iubenda-tp-btn--warning:before, .iubenda-uspr-btn.iubenda-tp-btn--warning:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 17 17' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.79042 2.81577c.7788-1.28272 2.64036-1.28272 3.41918 0l5.9459 9.79333c.8093 1.3328-.1503 3.038-1.7095 3.038h-11.89195c-1.55927 0-2.5188026-1.7052-1.709576-3.038z' fill='%23fb6666'/%3E%3Cpath d='m14.446 15.1471h-11.89195c-1.16945 0-1.889102-1.2789-1.28218-2.2785l5.94595-9.79334c.5841-.96204 1.98026-.96204 2.56436 0l5.94592 9.79334c.607.9996-.1127 2.2785-1.2821 2.2785z' stroke='%23000' stroke-opacity='.1'/%3E%3Cg fill='%23fff'%3E%3Crect height='4.97619' rx='.497619' width='.995238' x='8' y='6'/%3E%3Cpath d='m8 12.5c0-.2761.22386-.5.5-.5.27614 0 .5.2239.5.5 0 .2761-.22386.5-.5.5-.27614 0-.5-.2239-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-size: 24px 24px; background-repeat: no-repeat; position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; z-index: 2147483647 !important; } .iubenda-tp-btn[data-tp-icon], .iubenda-uspr-btn[data-tp-icon] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; background-position: top 0.5px left 1px !important; } .iubenda-tp-btn[data-tp-circle], .iubenda-uspr-btn[data-tp-circle] { border-radius: 32px !important; } .iubenda-tp-btn[data-tp-label]:after, .iubenda-uspr-btn[data-tp-label]:after { content: attr(data-tp-label) !important; padding: 0 16px !important; white-space: nowrap !important; } .iubenda-tp-btn[data-tp-label][data-tp-icon]:after, .iubenda-uspr-btn[data-tp-label][data-tp-icon]:after { padding-left: calc(16px + 8px + 8px) !important; } .iubenda-tp-btn[data-tp-float], .iubenda-uspr-btn[data-tp-float] { position: fixed !important; } .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]), .iubenda-uspr-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px !important; } .iubenda-tp-btn[data-tp-float]:focus, .iubenda-uspr-btn[data-tp-float]:focus { outline: 2px solid -webkit-focus-ring-color !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-anchored] { margin: 0 16px !important; border-radius: 6px !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { margin: 0 !important; top: 75% !important; transform: translateY(-50%) !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { margin: 0 !important; top: 50% !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; transform-origin: bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left] { left: 0 !important; transform: translateY(-50%) rotate(90deg) !important; transform-origin: left bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { right: 0 !important; transform: translateY(-50%) rotate(-90deg) !important; transform-origin: right bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right] { top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left] { left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:after { max-width: 0 !important; overflow: hidden !important; display: block !important; padding: 0 !important; opacity: 0 !important; transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after { max-width: 192px !important; padding-left: calc(16px + 8px + 8px) !important; padding-right: 10px !important; opacity: 1 !important; } .iubenda-tp-btn:focus, .iubenda-uspr-btn:focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } .iubenda-uspr-btn { border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1) !important; border-radius: 0.5rem !important; font-family: sans-serif !important; font-weight: bold !important; overflow: hidden !important; display: inline-flex !important; flex-wrap: wrap !important; background: white !important; color: #280404 !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { border-radius: 0 !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; top: auto !important; bottom: 32px !important; flex-wrap: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] *, .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] * { white-space: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; transform: translateX(46px) rotate(-90deg) !important; transform-origin: left bottom !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; transform: translateX(-46px) rotate(90deg) !important; transform-origin: right bottom !important; } @media (min-width: 480px) { .iubenda-uspr-btn[data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float=top-right] .iubenda-cs-preferences-link, .iubenda-uspr-btn[data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float=bottom-right] .iubenda-cs-preferences-link { flex-direction: row-reverse !important; } } .iubenda-uspr-btn a { padding: 0.75rem !important; cursor: pointer !important; flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; grid-gap: 0.5rem !important; } .iubenda-uspr-btn a img { width: 2.5rem !important; flex-shrink: 0 !important; } .iubenda-uspr-btn a:hover { background-color: rgba(0, 0, 0, 0.025) !important; } .iubenda-uspr-btn a:first-of-type { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important; } /* ----------------- MOBILE SDK ----------------- */ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible { justify-content: center!important; align-items: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container { max-height: 100%!important; display: flex!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content { height: auto!important; border-radius: 0!important; margin: 0!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { text-align: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { display: flex!important; flex-direction: column!important; height: 100%!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content { flex: 1; overflow-y: auto!important; margin: 0!important; padding: 16px 16px 48px!important; max-height: inherit!important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; } @media (max-width: 799px) { .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer #iubFooterIabBtnContainer + #iubFooterBtnContainer { -webkit-transform: translateY(-20px) !important; -ms-transform: translateY(-20px) !important; transform: translateY(-20px) !important; } } @media (min-width: 992px) { .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { margin: 24px!important; } .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 100% !important; margin: 0 !important; } } .no-banner #iubenda-cs-banner { display: none!important; } /** fix scrolling in iOS 10 **/ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { height: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-top-container { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe #iab-container { position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; } /** iframe **/ .iubenda-mobile-sdk #iubenda-iframe #iubenda-iframe-popup { height: 100%!important; width: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-close-btn { display: none!important; } .iubenda-mobile-sdk #iubenda-iframe { background-color: transparent!important; } /* Fix cookie policy trimming on older Android devices */ .iubenda-mobile-sdk #iubenda-iframe iframe { background-color: transparent!important; position:absolute!important; bottom:0!important; top:0!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-spinner { top: 50px !important; } /* Fix TCF widget overlapping footer in older Android devices */ .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer { z-index: 9999!important; } /* Fix popovers going behind footer buttons and not scrolling */ .iubenda-mobile-sdk #iubenda-iframe.iub-popover-visible .iub-popover { z-index: 10000!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content > div { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; } /* Fix purposes widget not scrolling on older iOS and Android devices */ .iubenda-mobile-sdk #purposes-container { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; overflow: auto!important; } </style> <style> #iubenda-cs-paragraph { font-size: 12px; } .iubenda-cs-brand > img { padding-left: 8px !important; } #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { font-weight: 600 !important; background-color: #000 !important; margin: auto !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { position: absolute !important; right: 0 !important; padding: 8px 32px !important; top: 11px !important; } } #iubenda-cs-banner .iubenda-cs-brand { margin-bottom: 0 !important; padding-bottom: 0 !important; } #iubenda-cs-banner .iubenda-banner-content.iubenda-custom-content { margin-top: 0 !important; padding-top: 0 !important; } .rockol-amp-consent #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 100vw !important; height: 100vh !important; } .rockol-amp-consent #iubenda-cs-banner .iubenda-cs-content { width: 100% !important; height: 100% !important; } /* // Da usale per il times close #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { position: absolute !important; top: 0 !important; width: 20px !important; right: 0 !important; } */ </style> <script type="text/javascript"> const SecondPreferencePanel = function () { return { consentGiven: false, getPanel() { return document.querySelector('#iubenda-second-panel'); }, getInnerPanel() { return document.querySelector('#iubenda-second-panel-inner'); }, show() { this.movePanelAbove(); this.getPanel().classList.remove('hidden'); }, hide() { this.getPanel().classList.add('hidden') }, acceptAll() { _iub.cs.api.acceptAll(); _iub.cs.api.ui.banner.removeBanner(); this.hide(); this.consentGiven = true; }, reject() { if (!this.consentGiven) { _iub.cs.api.rejectAll(); this.consentGiven = true; } this.hide(); _iub.cs.api.ui.banner.removeBanner(); }, movePanelAbove() { const banner_container = document.querySelector('#iubenda-cs-banner'); const iubenda_banner = document.querySelector('.iubenda-cs-container'); const secondPanel = this.getPanel(); const secondPanelInner = this.getInnerPanel(); if (banner_container) { const bannerZIndex = window.getComputedStyle(banner_container).getPropertyValue('z-index'); if (!isNaN(parseInt(bannerZIndex))) { secondPanel.style.zIndex = parseInt(bannerZIndex) + 1; } } if (iubenda_banner) { const {height} = iubenda_banner.getBoundingClientRect(); secondPanelInner.style['min-height'] = height + 'px'; } }, } } const IubendaBannerManipulator = () => { return { insertRejectButton() { if (document.querySelector('.rockol-iubenda-cs-reject-btn')) { return; } const customPanelGroup = document.querySelector('.iubenda-cs-brand'); const button = this.createRejectButton(); customPanelGroup.insertAdjacentElement('afterend', button); }, createRejectButton() { // Creazione dell'elemento button var button = document.createElement("button"); // Impostazione degli attributi button.setAttribute("tabindex", "0"); button.setAttribute("role", "button"); button.setAttribute("aria-pressed", "false"); // Aggiunta delle classi CSS button.className = "rockol-iubenda-cs-reject-btn iubenda-cs-btn-primary"; // Impostazione del testo del bottone button.textContent = "Continua senza accettare →"; button.addEventListener('click', () => { secondPanel.show(); }) return button; }, removeOriginalRejectButton() { document.querySelector('.iubenda-cs-reject-btn').remove(); }, moveCustomSettingsButton() { const customizeButton = document.querySelector('.iubenda-cs-customize-btn'); const acceptButton = document.querySelector('.iubenda-cs-accept-btn.iubenda-cs-btn-primary'); const targetParent = acceptButton.parentNode; targetParent.insertBefore(customizeButton, acceptButton); } } }; const secondPanel = new SecondPreferencePanel(); const iubendaBannerManipulator = IubendaBannerManipulator(); var _iub = _iub || []; _iub.csConfiguration = {"lang":"it","invalidateConsentWithoutLog":true,"consentOnContinuedBrowsing":true,"enableTcf":true,"googleAdditionalConsentMode":true,"perPurposeConsent":true,"siteId":"2003257","cookiePolicyId":"96867379","banner":{"position":"bottom","brandBackgroundColor":"none","brandTextColor":"black","logo":"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDAuMTYiIGhlaWdodD0iMzQwLjE2Ij4KICA8c3R5bGU+CiAgICAuc3Qwe2ZpbGw6I2ZmZn0KICA8L3N0eWxlPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDQuMDYgMTQyLjI3YzMuNDggMi43IDcuMzUgMy40IDkuMjItLjgyIDEuODYtNC4yMS0uNDktOC4zNi0zLjk3LTExLjA2LTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMi40OSA4LjM3IDQuMDEgMTEuMXpNNzAuMSAyMTkuMTZjLTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMS40OSA4LjM2IDQuMDIgMTEuMDkgMy40OCAyLjcgNy4zNSAzLjQgOS4yMi0uODIgMS44NS00LjIxLS41LTguMzUtMy45OC0xMS4wNXoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjU5IDBDNzUuNjYuMjctLjI3IDc2LjY0IDAgMTcwLjU3czc2LjY0IDE2OS44NiAxNzAuNTcgMTY5LjU5IDE2OS44Ni03Ni42NCAxNjkuNTktMTcwLjU3UzI2My41Mi0uMjcgMTY5LjU5IDB6TTEwMS40IDkyLjYzbDMwLjA1IDIzLjM0LTQuMDQgOS4xMy0zMC4wNS0yMy4zNCA0LjA0LTkuMTN6bS03LjA0IDM0LjEzYzMuODYtOC43MyAxMS4zMS0xMS44NyAxOS4xMi01LjggNy43NyA2LjAzIDkuMzUgMTYuMTkgNS40OSAyNC45Mi0zLjg2IDguNzMtMTEuMzEgMTEuODctMTkuMDggNS44NC03LjgxLTYuMDctOS4zOS0xNi4yMy01LjUzLTI0Ljk2em0tMjEuNjUgMzAuODNsMTYuNDEgMTIuNzUuMDUtLjEtNi41My0xNS4yOSA0LjQyLTEwIDYuNzMgMTcuNTcgMTcuMTMtLjA2LTQuODkgMTEuMDYtMTQuODgtMS43NC0uMDQuMSAxMS42NSA5LjA1LTQuMDMgOS4xMy0zMC4wNS0yMy4zNCA0LjAzLTkuMTN6bS0yLjgxIDI0LjU0YzEuMjEtMi43NCAyLjY5LTQuODYgNC41Mi02LjI0bDUuNjcgNS4yOWMtMS42NC45Ny0yLjc5IDIuMzMtMy43NSA0LjUxLTEuNzUgMy45Ni0uNjYgOC45IDMuNDEgMTIuMDUgMy43NSAyLjkxIDcuNzYgMS4yNSA5LjUtMi43MS45Mi0yLjA4IDEuNDMtNC40OCAxLjM4LTYuNTZsNi4xNCA0LjVjLS4zMyAyLjgxLTEuMTggNS44My0yLjI2IDguMjctMy44NiA4LjczLTExLjMxIDExLjg3LTE5LjA4IDUuODQtNy44MS02LjA3LTkuMzktMTYuMjItNS41My0yNC45NXptLTYuMjQgODcuMzFsLTIzLjUzLTE4LjI3IDMuNjgtOC4zMiA0LjMzIDMuMzcuMDQtLjFjLTIuMjktMy44OS0zLjE3LTcuNjQtMS40Mi0xMS42LjQ3LTEuMDcgMS4xLTIuMDggMS42NC0yLjg4bDYuNTcgNS43MmMtLjcyLjgxLTEuMTcgMS44Mi0xLjY0IDIuODktMS44OCA0LjI2LS4xOCA4Ljc5IDQuNDIgMTIuMzZsOS45MyA3LjcyLTQuMDIgOS4xMXptLTIuOTgtMjguOTdjLTcuODEtNi4wNy05LjM5LTE2LjIyLTUuNTQtMjQuOTUgMy44Ni04LjczIDExLjMxLTExLjg3IDE5LjEyLTUuOCA3Ljc3IDYuMDMgOS4zNSAxNi4xOSA1LjQ5IDI0LjkyLTMuODUgOC43Mi0xMS4zIDExLjg2LTE5LjA3IDUuODN6bTIxMC42OS05Mi42NmMtNi45Ni01LjE2LTE1LjM1LTYuMjUtMjUuNzItNi4yMi0zNy4zOC4xMS01Ny42IDI0Ljk2LTcyIDU3LjU3TDE1OCAyMzQuNmMtOC41OCAyMC4yMi0zOS44NiA1Mi4wOC04NC41MSAzOS4wM2w4Mi44OS0xODcuNjYgNjcuMzYtLjE5LTEzLjc1IDMxLjEzaC43NGMyMy4yNy0yMy4zOCA1MC4wNS0zMy44MiA3Ni4zMy0zMy45bDEyLjk1LS4wNC0yOC42NCA2NC44NHoiLz4KPC9zdmc+Cg==","acceptButtonDisplay":true,"customizeButtonDisplay":true,"textColor":"#ffffff","backgroundOverlay":true,"backgroundColor":"#000","listPurposes":true,"explicitWithdrawal":true,"rejectButtonDisplay":true,"rejectButtonColor":"#000","closeButtonDisplay":false,"acceptButtonCaption":"Accetta e continua a leggere","rejectButtonCaption":"Continua senza accettare"},"enableRemoteConsent":true,"invalidateConsentBefore":"2024-10-28"}; _iub.csConfiguration.callback = { // Su banner mostrato andare a cambiare il DOM per inserire il nostro pulsante che semplicemente mostra il secondo pannello onBannerShown: function () { iubendaBannerManipulator.insertRejectButton(); iubendaBannerManipulator.removeOriginalRejectButton(); }, onPreferenceFirstExpressed: function () { __tcfapi('getTCData', 2, function (tcData) { if (secondPanel.consentGiven) { return; } secondPanel.consentGiven = true; var allTcfPurposesAccepted = Object .keys(tcData.purpose.consents) .every(function (purposeId) { return tcData.purpose.consents[purposeId] === true; }); var isCpFullyAccepted = _iub.cs.api.isConsentGiven(); if (allTcfPurposesAccepted && isCpFullyAccepted) { secondPanel.hide(); } else { secondPanel.show(); } }); } } </script> <script> window.iubendaActivateScripts = function () { try { if (_iub && _iub.cs && _iub.cs.api && _iub.cs.api.activateSnippets) { _iub.cs.api.activateSnippets(); } } catch (err) { console.error(err); } } </script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <div id="iubenda-second-panel" class="hidden inset-0 fixed w-full h-full" style="z-index: 100"> <div class="absolute inset-0 bg-black opacity-50"></div> <div id="iubenda-second-panel-inner" class="absolute z-10 inset-x-0 bottom-0 bg-black text-white flex flex-col items-center justify-end p-8"> <div class="flex flex-col space-y-4 mx-auto max-w-4xl"> <h2 class="heading text-xl">Per una decisione informata</h2> <p><strong>Ulteriori dettagli</strong></p> <div class="text-xs"> <p> Accettando i cookie di profilazione, ti verranno proposti annunci pubblicitari che rispecchiano i tuoi interessi, supportando il nostro impegno nel fornire contenuti gratuiti di qualità. </p> <p> Se invece scegli di attivare solo i cookie necessari, sarai esposto a pubblicità generica che potrebbe interferire con la tua esperienza di navigazione, dato che non sarà possibile gestire né la sua frequenza né il suo contenuto. </p> <p> Puoi modificare in ogni momento le tue scelte dal <a href="#" class="iubenda-cs-preferences-link underline">pannello delle preferenze</a> </p> </div> </div> <div class="flex flex-col items-center justify-center space-y-4"> <button class="rounded-full px-6 py-3 text-sm font-bold" style="background: #0073ce;" onclick="secondPanel.acceptAll()"> Accetta e continua a leggere </button> <button onclick="secondPanel.reject()" class="rounded-full bg-gray-900 bg-black px-6 py-3 text-xs"> Installa solo i cookie strettamente necessari </button> </div> </div> </div> </head> <body role="document" class="body rockol-body bg-gray-100 h-full artisti sub_area_artist-page "> <div class="gptslot hidden" data-adunitid="17"></div>  <div class=" md:hidden bg-white overflow-hidden w-full py-2 relative"> <div class="absolute left-0 inset-y-0 w-8 z-1" style="background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);"></div> <div class="absolute right-0 inset-y-0 w-8 z-1" style="background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);"></div> <div class="relative z-0 overflow-x-auto flex items-center justify-center text-sm font-semibold text-gray-600"> <a href="/classifiche-musicali" class="px-2">Classifiche</a> <a href="/podcast" class="px-2">Podcast</a> <a href="/videoclip/" class="px-2">Video</a> <a href="/singoli" class="px-2">Singoli</a> <a href="/tutto-su/playlists-225470" class="px-2">Playlist</a> </div> </div> <div data-mobile-header class=" md:hidden sticky top-0 top-0 left-0 right-0 bg-white top-0 border-0 border-b border-black border-solid z-index-sticky-content "> <div class="h-full flex items-center w-full border-0 border-t border-b bg-white border-gray-300 border-solid px-4 top-0"> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}">  <div class="w-1/3 h-full flex items-center"> <button aria-label="Apri-menù-completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'bg-gray-900 h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}"> <svg class="svg-icon h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path> </svg> </button> </div> <div class="w-1/3 flex items-center justify-center py-1"> <a href="https://www.rockol.it/"> <img src="/assets/img/2019/logo-transparent-small.png" alt="Logo Rockol" class="w-12 h-12 rounded-full bg-rockol-blue hover:bg-gray-800" > </a> </div> <div class="flex w-1/3 justify-end"> <a href="http://bit.ly/InstagramRockolNAVBAR" target="_blank" rel="noopener noreferrer" class=" flex items-center pr-1">  <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="svg-icon h-6 w-6 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </svg> </a> <icon-login-button data-cy="myRockolLogin" class="heading z-20 font-black font-semibold scale-75" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> </div> </nav> </div> <div class="bg-white overflow-hidden w-full py-2 relative"> <div class="absolute left-0 inset-y-0 w-8 z-1" style="background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);"></div> <div class="absolute right-0 inset-y-0 w-8 z-1" style="background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);"></div> <div class="relative z-0 overflow-x-auto flex items-center justify-center text-sm font-bold uppercase tracking-tighter"> <a href="https://www.rockol.it/news" class="px-2">Notizie</a> <a href="https://www.rockol.it/recensioni-musicali" class="px-2">Recensioni</a> <a href="https://www.rockol.it/concerti" class="px-2">Concerti</a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" class="px-2" href="https://musicbiz.rockol.it" label="MusicBiz"> <a href="https://musicbiz.rockol.it" class="px-2">MusicBiz</a> </musicbiz-portal-link> </div> </div> <section v-cloak class="sm:hidden"> <div v-if="dropdown.mobileMainMenu" @click="hideMenu" class="bg-black opacity-50 fixed inset-0 z-index-over-content"></div> <div v-if="dropdown.mobileMainMenu" class="z-index-over-content fixed bg-gray-900 text-white border-0 border-r border-l border-black border-solid bottom-0 overflow-y-auto scrolling-touch" style="top: 0px; left: 0; right: 0;"> <div class="mx-auto container max-width-container px-4 py-4 "> <h2 class="sr-only">Rockol - sezioni principali</h2> <div class="flex justify-between items-center -mx-2 ml-0 mb-2 "> <a href="https://www.rockol.it/" class="flex flex-shrink-0 justify-center pr-4"> <img src="/assets/img/2019/logo-transparent-small.png" alt="Logo Rockol" class="w-12 h-12 rounded-full bg-black border-2 border-white" > </a> <form action="https://www.rockol.it/search" method="GET"> <div class="flex items-center justify-center"> <input name="s" class="text-xl text-white bg-gray-900 border-0 border-b border-white border-solid w-full p-2 focus:border-b-2 outline-none" placeholder="Cerca" @keydown.esc="hideSearch"> </div> </form> <button type="button" @click="hideMenu" class="text-white pl-4"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <dropdown-mobile-menu class="-mx-4" :menu-definition='{"home":{"route":"https:\/\/www.rockol.it\/","label":"Home"},"news":{"route":"https:\/\/www.rockol.it\/news","label":"Notizie","sub-menu":{"24h":{"route":"https:\/\/www.rockol.it\/news\/ultime-24-ore","label":"Ultime 24 Ore"},"most-read":{"route":"https:\/\/www.rockol.it\/news\/piu-lette","label":"Più lette"},"industria":{"route":"https:\/\/www.rockol.it\/news\/industria","label":"Industria"},"vinile":{"route":"https:\/\/www.rockol.it\/tutto-su\/vinile-2613","label":"Vinile"}}},"magazine":{"route":"https:\/\/www.rockol.it\/magazine","label":"Magazine"},"reviews":{"route":"https:\/\/www.rockol.it\/recensioni-musicali","label":"Recensioni","sub-menu":{"recensioni":{"route":"https:\/\/www.rockol.it\/recensioni-musicali\/dischi","label":"Album"},"singoli":{"route":"https:\/\/www.rockol.it\/recensioni-musicali\/singoli","label":"Singoli"},"libri":{"route":"https:\/\/www.rockol.it\/recensioni-musicali\/libri","label":"Libri"},"prog":{"route":"\/italian-prog-rewind","label":"PROG"}}},"playlists":{"route":"https:\/\/www.rockol.it\/tutto-su\/playlists-225470","label":"Playlists"},"videos":{"route":"https:\/\/www.rockol.it\/videoclip\/","label":"Video"},"shows":{"route":"https:\/\/www.rockol.it\/concerti","label":"Concerti e biglietti"},"charts":{"route":"https:\/\/musicbiz.rockol.it\/classifiche-musicali","label":"Classifiche"},"artists":{"route":"https:\/\/www.rockol.it\/artisti","label":"Artisti"},"photos":{"route":"https:\/\/www.rockol.it\/gallerie-fotografiche","label":"Foto"},"lyrics":{"route":"https:\/\/testicanzoni.rockol.it\/","label":"Testi"},"birthday":{"route":"https:\/\/www.rockol.it\/compleanno.php","label":"Buon Compleanno"},"accadde-oggi":{"route":"https:\/\/www.rockol.it\/oggi-nel-rock","label":"Accadde Oggi"},"altro":{"label":"Seguici","sub-menu":[{"label":"Youtube","new_window":true,"custom_html":"\u003Ca href=\u0022https:\/\/www.youtube.com\/user\/rockolvideo\u0022 target=\u0022_blank\u0022 rel=\u0022noopener noreferrer\u0022\u003EYoutube\u003C\/a\u003E"},{"route":"https:\/\/www.instagram.com\/rockol.it\/","label":"Instagram","new_window":true},{"route":"https:\/\/www.facebook.com\/rockol\/","label":"Facebook","new_window":true},{"route":"https:\/\/www.linkedin.com\/company\/rockol","label":"LinkedIn","new_window":true}]},"info":{"label":"Info \u0026 Contatti","sub-menu":{"chi-siamo":{"route":"https:\/\/www.rockol.it\/info\/chi-siamo","label":"Chi siamo"},"0":{"route":"https:\/\/www.rockol.it\/info\/contatti","label":"Contatti"},"1":{"route":"https:\/\/www.rockol.it\/info\/copyright","label":"Copyright"},"2":{"route":"https:\/\/www.rockol.it\/info\/pubblicita","label":"Pubblicità"},"3":{"route":"https:\/\/www.rockol.it\/info\/privacy","label":"Privacy"},"4":{"route":"https:\/\/www.iubenda.com\/privacy-policy\/96867379\/cookie-policy","label":"Cookie policy"},"5":{"route":"https:\/\/www.rockol.it\/info\/legal\/codice-etico","label":"Codice etico"},"6":{"route":"#","label":"Preferenze di consenso","cssClass":"iubenda-cs-preferences-link"},"7":{"route":"#","label":"Preferenze tracciamento pubblicitario","cssClass":"iubenda-advertising-preferences-link"}}}}'></dropdown-mobile-menu> </div> </div> </section> </div> <header id="header" class="sticky top-0 relative z-index-sticky-content"> <div id="header-desktop" class=" hidden bg-white sticky top-0 relative border-b border-white border-solid text-xs md:block md:text-sm lg:text-base " style="z-index:2;"> <div id="header-desktop__over" class="w-full bg-white overflow-hidden w-full py-1 relative"> <div class="relative z-0 overflow-x-auto flex items-center justify-center text-xs font-semibold text-gray-600"> <div class="flex-1 flex justify-end" style="max-width: 240px;"> <div class="bg-ed-500 flex justify-around space-x-2 w-full"> <a href="/classifiche-musicali">Classifiche</a> <a href="/podcast">Podcast</a> </div> </div> <div class="flex-none"> <div class="md:w-24"></div> </div> <div class="flex-1 flex" style="max-width: 240px;"> <div class=" bg-ed-500 flex justify-around space-x-2 w-full"> <a href="/videoclip/">Video</a> <a href="/singoli">Singoli</a> <a href="/tutto-su/playlists-225470">Playlist</a> </div> </div> </div> </div> <div id="header-desktop__main" class="relative flex items-center w-full border-0 border-t border-b bg-white border-gray-300 border-solid px-4"> <div class="h-full mx-auto w-full max-width-container flex justify-between items-center "> <nav class="h-full relative flex-grow font-bold uppercase tracking-tighter flex items-center justify-around" :class="{'dropdown-active': dropdown}"> <div class="h-full flex-1 flex justify-between items-center">  <div class="w-16 h-full"> <button type="button" aria-label="Apri-menù-completo" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="fill-current h-full flex items-center justify-center px-3 h-full" :class="{'bg-gray-900 h-full text-white hover:text-white': dropdown.desktopMainMenu}"> <svg class="svg-icon h-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path> </svg> </button> </div> <a href="https://www.rockol.it/news" class="h-full flex items-center justify-center px-3 h-full hover:text-gray-600" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()"> Notizie  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-1 h-4 dropdown-chevron" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/recensioni-musicali" class="h-full flex items-center justify-center px-3 h-full hover:text-gray-600" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()"> Recensioni  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-1 h-4 dropdown-chevron" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> </div> <div class=" relative px-3 mx-4 md:w-32 lg:w-40" style="_width:160px; height: 100%;"> <a class="block absolute _bg-red-200 flex items-center justify-center" href="https://www.rockol.it/" style="width:86px; height: 86px; left: 50%; margin-left: -43px; bottom:0; margin-top: -45px;"> <img src="/assets/img/2019/logo-transparent-small.png" alt="Logo Rockol" style="border-width: 6px;" class="inset-0 border border-white rounded-full bg-rockol-blue hover:bg-gray-800" > </a> </div> <div class="h-full flex-1 flex justify-between leading-none items-center"> <a href="https://www.rockol.it/concerti" class="h-full flex items-center justify-center px-3 h-full hover:text-gray-600" data-temp-mouseenter="showDropdown('shows')" data-temp-mouseleave="hideDropdown()" > Concerti </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <a href="https://musicbiz.rockol.it" class="h-full flex items-center justify-center px-3 h-full hover:text-gray-600">MusicBiz</a> </musicbiz-portal-link> <div class="w-24 h-full flex items-center justify-between"> <button aria-label="Apri-ricerca" type="button" class="h-full flex items-center justify-center px-3 h-full" :class="{'bg-black text-white': dropdown.search}" @click.prevent="toggleFixedDropdown('search')" > <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-5 " viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg></button> <icon-login-button data-cy="myRockolLogin" class="heading font-black font-semibold" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> </div> </div> </nav> </div> </div> </div> <section v-cloak class="hidden sm:block">   <div v-if="dropdown.desktopMainMenu" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="absolute bg-gray-900 text-white w-screen border-b-2 border-black border-solid"> <div class="relative mx-auto container max-width-container bg-gray-900 pt-8 pb-8"> <h2 class="sr-only">Rockol - sezioni principali</h2> <div class="flex items-start justify-between -mx-4 px-4"> <div class="mx-4"> <h3 class="heading m-0 mb-4 font-black font-roboto-regular"> <a href="https://www.rockol.it/news" >Notizie</a></h3> <nav> <ul class="underline list-none p-0 text-xs"> <li> <a href="https://www.rockol.it/news/ultime-24-ore" >Ultime 24 Ore</a></li> <li> <a href="https://www.rockol.it/news/piu-lette" >Più lette</a></li> <li> <a href="https://www.rockol.it/news/industria" >Industria</a></li> <li> <a href="https://www.rockol.it/tutto-su/vinile-2613" >Vinile</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading m-0 mb-4 font-black font-roboto-regular"> <a href="https://www.rockol.it/recensioni-musicali" >Recensioni</a></h3> <nav> <ul class="underline list-none p-0 text-xs"> <li> <a href="https://www.rockol.it/recensioni-musicali/dischi" >Album</a></li> <li> <a href="https://www.rockol.it/recensioni-musicali/singoli" >Singoli</a></li> <li> <a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a></li> <li> <a href="/italian-prog-rewind" >PROG</a></li> <li> <a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading m-0 mb-4 font-black font-roboto-regular"> <a href="https://www.rockol.it/concerti" >Concerti</a></h3> <nav> <ul class="underline list-none p-0 text-xs"> <li> <a href="https://www.rockol.it/concerti/oggi" >Artisti in Tour</a></li> <li> <a href="https://www.rockol.it/concerti/ricerca" >Ricerca Avanzata</a></li> <li> <a href="https://www.rockol.it/biglietti" >Acquista Biglietti</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading m-0 mb-4 font-black font-roboto-regular"> <a href="https://musicbiz.rockol.it/classifiche-musicali" >Classifiche</a></h3> <nav> <ul class="underline list-none p-0 text-xs"> <li> <a href="https://musicbiz.rockol.it/classifiche-musicali/1/top-ten-uk-album-uk-charts" >Top Ten UK album (Uk Charts)</a></li> <li> <a href="https://musicbiz.rockol.it/classifiche-musicali/5/top-ten-usa-album-billboard" >Top Ten USA album (Billboard)</a></li> <li> <a href="https://musicbiz.rockol.it/classifiche-musicali/12/top-ten-italia-singoli-f-i-m-i" >Top Ten Italia singoli (F.I.M.I.)</a></li> <li> <a href="https://musicbiz.rockol.it/classifiche-musicali/7/top-ten-italia-album-f-i-m-i" >Top Ten Italia album (F.I.M.I.)</a></li> <li> <a href="https://musicbiz.rockol.it/classifiche-musicali/17/top-ten-radio-airplayy" >Top Ten Radio Airplay</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading m-0 mb-4 font-black font-roboto-regular"> <a href="https://www.rockol.it/videoclip/" >Video</a></h3> <nav> <ul class="underline list-none p-0 text-xs"> <li> <a href="https://www.rockol.it/videoclip/" >Videoclip</a></li> <li> <a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li> <a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> <li> <a href="https://www.rockol.it/video-channel/nofilter/" >#NoFilter</a></li> </ul> </nav> </div> <div class="mx-4"> <nav> <ul class="-mt-2 underline list-none heading leading-normal text-xl font-roboto-regular heading space-y-2 font-black"> <li> <a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li> <a href="https://www.rockol.it/artisti" >Artisti</a></li> <li> <a href="https://www.rockol.it/gallerie-fotografiche" >Foto</a></li> <li> <a href="https://testicanzoni.rockol.it/" >Testi</a></li> <li> <a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></li> <li> <a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li> <a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li> <a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> </ul> </nav> </div> </div> </div> </div> <div v-if="dropdown.news" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()" class="absolute bg-gray-900 text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-gray-900 max-width-container pt-4 pb-8"> <h3 class="text-3xl mb-4 font-black font-roboto-regular uppercase text-center">News</h3> <keep-alive> <dropdown key="news" :elements='{"last-24-hours":{"label":"Ultime 24 Ore","route":"https:\/\/www.rockol.it\/news\/ultime-24-ore","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/udZUHCKnAm8AmHL0ipa2l7j2dmM=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/vasco-brondi-ph-ilaria-magliocchetti-lombi.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748432\/vasco-brondi-luci-della-centrale-elettrica-costellazioni-dieci-anni","title":"Dieci anni di “Costellazioni”: un album provinciale e spaziale","abstract":"Vasco Brondi omaggia il disco, il migliore di quel periodo, con un live il 2 dicembre all’Alcatraz. "},{"imageUrl":"https:\/\/images.rockol.it\/8rpLLITv8emuYstlM83bDgCe4WA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/diodato-foto-concerto-bologna-30-ottobre-2024-10.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748472\/concerti-2025-diodate-date-estate-tour-festival-italiani-biglietti","title":"Diodato sarà in tour per tredici date la prossima estate","abstract":"Il cantautore svela il calendario della tournée estiva del prossimo anno"},{"imageUrl":"https:\/\/images.rockol.it\/7xdEj9OtdcVVvWoiRjalYgE8VDw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/screenshot-2024-11-28-alle-15-42-23.png","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-748471\/playai-21-milioni-finanziamenti-clonare-voce","title":"PlayAI: 21 milioni in finanziamenti per clonare la voce con l\u0027AI","abstract":"La società ha appena chiuso un nuovo round di finanziamento per sviluppare la sua tecnologia"},{"imageUrl":"https:\/\/images.rockol.it\/UTJnOiLIG1HUzCGwJDwoCKDzIwk=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/motorhead25.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748469\/motorhead-le-ceneri-di-lemmy-kilmister-esposte-in-uno-strip-club","title":"Motörhead: le ceneri di Lemmy Kilmister esposte in uno strip club","abstract":"Nove anni dopo la morte di Lemmy, le sue ceneri continuano a far notizia"}]},"most-read":{"label":"Le più lette","route":"https:\/\/www.rockol.it\/news\/piu-lette","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/x5aDaZbaoOYmudywzQDh6v9eVJc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/alessandro-bosio-foto-concerto-nick-cave-milan-20-ottobre-2024-8.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748362\/nick-cave-reazione-alla-recensione-di-bob-dylan-al-suo-concerto-parig","title":"La reazione di Nick Cave alla recensione di Bob Dylan al suo live","abstract":"Il cantautore di Duluth aveva condiviso sui social pensieri sullo show di Cave e Bad Seeds a Parigi"},{"imageUrl":"https:\/\/images.rockol.it\/7vzYohltnMc0uzdhJA3en4et_f8=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/the-wall-remastered-pink-floyd-cover-ts1600254629.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748392\/lee-ritenour-intervista-racconto-pink-floyd-david-gilmour-the-wall","title":"Quando Lee Ritenour venne chiamato a suonare con i Pink Floyd","abstract":"Era il 1979 e il chitarrista jazz statunitense si unì a David Gilmour per \u0022The wall\u0022"},{"imageUrl":"https:\/\/images.rockol.it\/OHpitUp-BNc0PdQ3Z3ZgwZBhXZs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/alessandro-bosio-foto-concerto-springsteen-monza-2023-25-luglio-2023-5.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748377\/bruce-springsteen-e-street-band-scaletta-ultimo-show-2024-tour-2025","title":"Com\u0027è andato l\u0027ultimo concerto di Bruce Springsteen del 2024","abstract":"Il Boss e la E Street Band hanno tenuto l\u0027ultimo show dell\u0027anno, prima di torna sui palchi nel 2025"},{"imageUrl":"https:\/\/images.rockol.it\/SWsXZsHfavpMl_4wutx8s42w2kg=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/pearljammartacoratella12.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748374\/pearl-jam-concerto-video-cover-temple-of-the-dog-bruce-springsteen","title":"I Pearl Jam in concerto suonano Temple of the Dog e Springsteen","abstract":"Nell\u0027ultima data del tour 2004, la band ha fatto due cover per la prima volta dopo decenni"}]},"industria":{"label":"Industria","route":"https:\/\/www.rockol.it\/news\/industria","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/7xdEj9OtdcVVvWoiRjalYgE8VDw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/screenshot-2024-11-28-alle-15-42-23.png","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-748471\/playai-21-milioni-finanziamenti-clonare-voce","title":"PlayAI: 21 milioni in finanziamenti per clonare la voce con l\u0027AI","abstract":"La società ha appena chiuso un nuovo round di finanziamento per sviluppare la sua tecnologia"},{"imageUrl":"https:\/\/images.rockol.it\/flovG8EHeONtw9d-ptCIS1Y_NfY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/sonymusicpublishing.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-748468\/sony-music-publishing-italia-due-premi-ai-siae-music-awards","title":"Sony Music Publishing Italia, due premi ai SIAE Music Awards","abstract":"Nelle categorie Best Recorded Track e Miglior canzone italiana all’Estero"},{"imageUrl":"https:\/\/images.rockol.it\/InKZtFOpdMXsZ9rqm6qPA2q5bjw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/2015-09-21-abigailkeenan-001.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-748462\/quanti-soldi-vanno-e-a-chi-quando-si-compra-un-vinile-in-un-negozio","title":"Quanti soldi vanno (e a chi) quando si compra un LP in un negozio","abstract":"A spiegarlo, in un post diventato virale, è il proprietario di Colemine Records Terry Cole"},{"imageUrl":"https:\/\/images.rockol.it\/zXJQ2_nao2gDImqz9tSJUPoP1fs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/spotify-logo-png-rgb-green-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-748459\/spotify-rimosse-con-effetto-immediato-funzionalita-dall-api-web","title":"Spotify, rimosse con effetto immediato funzionalità dall\u0027API Web ","abstract":"Il DSP ha citato problemi di sicurezza, gli sviluppatori polemizzano"}]},"vinile":{"label":"Vinile","route":"https:\/\/www.rockol.it\/tutto-su\/vinile-2613","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/InKZtFOpdMXsZ9rqm6qPA2q5bjw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/2015-09-21-abigailkeenan-001.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-748462\/quanti-soldi-vanno-e-a-chi-quando-si-compra-un-vinile-in-un-negozio","title":"Quanti soldi vanno (e a chi) quando si compra un LP in un negozio","abstract":"A spiegarlo, in un post diventato virale, è il proprietario di Colemine Records Terry Cole"},{"imageUrl":"https:\/\/images.rockol.it\/ujiBrwOUKuF1hId2s343L-UtHhw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/img-20220520-wa0009.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-747196\/gran-gala-dell-alta-fedelta-intervista-fondatore-giulio-cesare-ricci","title":"Gran Galà dell’Alta Fedeltà, parla Giulio Cesare Ricci","abstract":"Riflessioni e considerazioni sull\u0027arte (perduta?) di godersi la riproduzione audio di qualità..."},{"imageUrl":"https:\/\/images.rockol.it\/78LM0__c6b1xH5nHHSWYwltJ_LI=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/sneplogo.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-746858\/francia-dati-mercato-musica-registrata-primo-semestre-2024","title":"Francia, nel primo semestre 2024 mercato discografico su del 5,9%","abstract":"Per un giro d’affari complessivo pari a 415 milioni di euro, secondo i dati SNEP"},{"imageUrl":"https:\/\/images.rockol.it\/8MbwZE3QV9R0WNI9I-H8SdkY-uw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/galahifi-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-746636\/gran-gala-dell-alta-fedelta-il-19-e-20-ottobre-a-milano","title":"Gran Galà dell’Alta Fedeltà il 19 e 20 ottobre a Milano","abstract":"L’happening a ingresso libero si terrà presso NH Fiera, a Rho"}]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.reviews" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()" class="absolute bg-gray-900 text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-gray-900 max-width-container pt-4 pb-8"> <h3 class="text-3xl mb-4 font-black font-roboto-regular uppercase text-center">Recensioni</h3> <keep-alive> <dropdown key="reviews" :elements='{"recensioni":{"label":"Album","route":"https:\/\/www.rockol.it\/recensioni-musicali\/dischi","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/sM5hzHhwBR4k_4mnia0s0cg4JpQ=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/cover-alaska-baby-bassa.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11274\/cesare-cremonini-alaska-baby","rating":"8.5","title":"Cesare Cremonini gioca in un altro campionato","abstract":"\u0022Alaska baby\u0022, una sorta di concept album, tra pop e canzone classica."},{"imageUrl":"https:\/\/images.rockol.it\/f38OZ8GrD-gwwIOVk2in28xPToU=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/one-assassination-under-god-chapter-1-manson-marilyn-cover-ts1727488212.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11272\/marilyn-manson-one-assassination-under-god-chapter-1","rating":"7.5","title":"Il caparbio come-back del Mefistofele del pop internazionale","abstract":"Esce (per Nuclear Blast) il dodicesimo album di Marilyn Manson"},{"imageUrl":"https:\/\/images.rockol.it\/ErB16029vYnd1-JTawAo-n5QCmY=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/gnx-kendrick-lamar-cover-ts1732351682.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11275\/kendrick-lamar-gnx","rating":"7.5","title":"Kendrick PopuLamar: “GNX” è un disco per la gente","abstract":"Il rapper pubblica il suo album “più facile”, istintivo e aperto in vista del Superbowl 2025."},{"imageUrl":"https:\/\/images.rockol.it\/wlX-dF3_HKAJ4wVNyWUjqM5dDE4=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/small-changes-michael-kiwanuka-cover-ts1732469220.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11266\/michael-kiwanuka-small-changes","rating":"8.0","title":"“Small Changes”: il soul caldo e intimo di Michael Kiwanuka","abstract":"Quarto album del cantante con un suono che trae ispirazione dal passato ma che suona molto attuale"}]},"libri":{"label":"Libri","route":"https:\/\/www.rockol.it\/recensioni-musicali\/libri","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/0_VvYgrHzTwqNBHAeKGzdKllVoI=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/questlove.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1554\/questlove-con-ben-greenman-musica-e-storia","rating":"7.0","title":"Un anno, una canzone","abstract":"2001-2020, la musica secondo lui"},{"imageUrl":"https:\/\/images.rockol.it\/uMCnZYbANAOvIrIr0AAC34xmAmo=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/massimo-padalino.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1553\/massimo-padalino-l-estetica-del-rumore-in-100-dischi","rating":"7.0","title":"Dal più fragoroso...","abstract":"...al quasi impercettibile"},{"imageUrl":"https:\/\/images.rockol.it\/YFy5QXx4PMTXtof5Ojvv-GypIGw=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/csi.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1552\/donato-zoppo-csi-e-stato-un-tempo-il-mondo","rating":"7.5","title":"\u0022Ko de mondo\u0022, cronaca dalla Bretagna","abstract":"Resoconto collettivo a più voci"},{"imageUrl":"https:\/\/images.rockol.it\/Guf4xMhyhNlhzSVa7L60u_akrUE=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/sly-stone.2024-08-07-09-34-12.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1556\/sly-stone-thank-you","rating":"7.5","title":"Funk\u0027n\u0027drugs","abstract":"Sly, stoned..."}]},"singoli":{"label":"Singoli","route":"https:\/\/www.rockol.it\/recensioni-musicali\/singoli","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/iV7vBAiMs3YTal1rD_NucrYF5AY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/jovanotti-foto-a-uso-stampa3-ph-filippo-maffei-4.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748309\/jovanotti-montecristo-reggaeton-con-dardust-ascolta-e-recensione","rating":null,"title":"Jovanotti, un ritorno tra metafisica, reggaeton e Dumas ","abstract":"“Montecristo”, prodotto da Dardust, è un brano di avventura e ritmo, che racconta un vuoto. "},{"imageUrl":"https:\/\/images.rockol.it\/UGBe7Vw2AlqEFZMej8X1WGHc-4w=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/92b93912-ac96-0a76-97e1-cd657f96e567.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748138\/pinguini-tattici-nucleari-islanda-testo-con-sigur-ros-e-recensione","rating":null,"title":"Pinguini Tattici Nucleari: in viaggio con un disco dei Sigur Rós","abstract":"\u0022Islanda\u0022 è il nuovo singolo della band: un racconto malinconico e romantico. La recensione."},{"imageUrl":"https:\/\/images.rockol.it\/EyILGI-2u-1hYZP-eFHnjdzu9kc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/moranditornatore-004.JPG","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748137\/gianni-morandi-l-attrazione-nuovo-singolo-jovanotti-recensione","rating":null,"title":"Gianni Morandi porta tutti in una balera su Marte","abstract":"L’Eterno Ragazzo torna con un nuovo singolo, “L’attrazione” (nel segno di Jova). Ed è irresistibile."},{"imageUrl":"https:\/\/images.rockol.it\/Hb-ITAyGZqqgwCzx9zJ-42UfbSc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/nayt-ph-alessandro-treves.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-747922\/nayt-recensione-certe-bugie-testo-citazione-fabri-fibra-e-album","rating":null,"title":"Nayt: “Non sono io l\u0027eroe che ti potrà salvare, sei tu”","abstract":"Il rapper torna con “Certe bugie”, tra analisi interiori, eleganza e citazioni di Fabri Fibra."}]},"vinile":{"label":"Vinile","route":"https:\/\/www.rockol.it\/tutto-su\/vinile-2613","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/uBlBvjIpboxWl0sUfyyRGSbysHM=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/bar-mediterraneo-nu-genea-cover-ts1653616886.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/10521\/nu-genea-bar-mediterraneo","rating":null,"title":"Gli album candidati ai Rockol Awards 2022: Nu Genea","abstract":"\u0022Bar Mediterraneo” è in lizza per \u0022Miglior album italiano\u0022"},{"imageUrl":"https:\/\/images.rockol.it\/7-VYHYyd384-LMdbXReifTnSXwE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/petali-simona-molinari-cover-ts1648860022.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/10517\/simona-molinari-petali","rating":null,"title":"Gli album candidati ai Rockol Awards 2022: Simona Molinari","abstract":"\u0022Petali\u0022 è in lizza per \u0022Miglior album italiano\u0022"},{"imageUrl":"https:\/\/images.rockol.it\/LGZ7O2B80suewjHx9Lcv3qzUV2s=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/amore-e-rivoluzione-eugenio-in-via-di-gioia-cover-ts1653022228.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/10493\/eugenio-in-via-di-gioia-amore-e-rivoluzione","rating":null,"title":"Gli album candidati ai Rockol Awards 2022: Eugenio in Via di Gioia","abstract":"\u0022Amore e Rivoluzione” è in lizza per \u0022Miglior album italiano\u0022"},{"imageUrl":"https:\/\/images.rockol.it\/twXhgXypVnqQGIz5F3idGdDVdkc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/senghe-almamegretta-cover-ts1654863496.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/10479\/almamegretta-senghe","rating":null,"title":"Gli album candidati ai Rockol Awards 2022: Almamegretta","abstract":"\u0022Senghe\u0022 è in lizza per \u0022Miglior album italiano\u0022"}]},"prog":{"label":"PROG","route":"\/italian-prog-rewind","has-panel":false,"component":"DropdownArticle","items":[]},"uscite":{"label":"Uscite discografiche","route":"https:\/\/www.rockol.it\/uscite-discografiche","has-panel":false,"component":"DropdownArticle","items":[]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.shows" @mouseenter="showDropdown('shows')" @mouseleave="hideDropdown()" class="absolute bg-gray-900 text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-gray-900 max-width-container pt-4 pb-8"> <h3 class="text-3xl mb-4 font-black font-roboto-regular uppercase text-center">Concerti</h3> <keep-alive> <dropdown key="shows" :elements='{"tutti-i-concerti":{"label":"Tutti i concerti","route":"#","component":"DropdownShowList","has-panel":true,"items":[{"left-menu":[{"label":"Concerti di ","suffix":"Oggi","route":"https:\/\/www.rockol.it\/concerti-oggi"},{"label":"Concerti della ","suffix":"Settimana","route":"https:\/\/www.rockol.it\/concerti-settimana"},{"label":"Concerti del ","suffix":"Weekend","route":"https:\/\/www.rockol.it\/concerti-weekend"}],"places":[{"place":"Treviso","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-treviso-p-79zdgg6od0b"},{"place":"Pisa","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-pisa-p-8mndxqaarpw"},{"place":"Bassano del Grappa","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-bassano-del-grappa-vicenza-p-knorog87d3w"},{"place":"Genova","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-genova-p-gl8r8nbnrk7"},{"place":"Venezia","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-venezia-p-bwod5ybbr54"},{"place":"Putignano","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-putignano-bari-p-y78ew9xarjo"},{"place":"Polistena","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-polistena-reggio-calabria-p-lq7ekvlpdz0"},{"place":"Cernobbio","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-cernobbio-como-p-4j9e9npkd63"},{"place":"Mola di Bari","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-mola-di-bari-bari-p-lq7eka7adz0"},{"place":"Segrate","nrOfShows":4,"route":"https:\/\/www.rockol.it\/concerti-segrate-milano-p-oj5d6okmdwv"},{"place":"Assago","nrOfShows":4,"route":"https:\/\/www.rockol.it\/concerti-assago-milano-p-y78ew3krjoa"},{"place":"Trieste","nrOfShows":5,"route":"https:\/\/www.rockol.it\/concerti-trieste-p-7korjyyqrqw"},{"place":"Mezzago","nrOfShows":5,"route":"https:\/\/www.rockol.it\/concerti-mezzago-monza-brianza-p-awgeva7eonm"},{"place":"Brescia","nrOfShows":6,"route":"https:\/\/www.rockol.it\/concerti-brescia-p-79zdgmbkd0b"}]}]},"cerca-concerti":{"label":"Cerca Concerti","route":"#","has-panel":true,"component":"DropdownShowSearch","items":[1]},"recensioni-concerti":{"label":"Recensioni concerti","route":"#","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/8j9CGZmozL2cdcfsQqq7xz-wOS8=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/davide-van-de-sfroos-milano-01-03-2022-arianna-carotta-16.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748375\/davide-van-de-sfroos-live-forum-milano-25-anni-di-carriera-festa","title":"Davide Van De Sfroos: il Forum diventa una balera","abstract":"Sono 25 gli anni messi in fila da Davide Van De Sfroos (Davide Bernasconi) nella sua carriera solista. La sua attività professionale, dopo le esperienze punk giovanili, era..."},{"imageUrl":"https:\/\/images.rockol.it\/QWeO8DmYTpKayeqMK-zi8JlAjqQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/foto-francesco-prandoni-2-1-1.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748350\/raf-recensione-concerto-self-control-40-anni-scaletta","title":"Qualcosa degli Anni ’80 è rimasto. E dei Duemilaventi?","abstract":"“Cosa resterà di questi anni Ottanta \/ chi la scatterà la fotografia \/ cosa resterà? \/ e la radio canta \/ wont’you break my heart?”, cantava Raf alla fine di quel decennio..."},{"imageUrl":"https:\/\/images.rockol.it\/DWhAt9raNp2AOeIgWIvhqj_V_gQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/tananaiforumassago-5-11-24-161.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748272\/tananai-concerto-roma-palasport-recensione-scaletta","title":"Tananai adesso sa come si battono i rigori","abstract":"“Adoro le partite, ma non so battere i rigori”, canta Tananai all’unisono con i circa 8 mila spettatori del palasport. I versi sono quelli di “Calcutta” (sì, quel Calcutta..."},{"imageUrl":"https:\/\/images.rockol.it\/1Hujq1RVzfHoU0yIgo4duo1KO_o=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/dsc-7415.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748202\/anna-tour-nei-club-scaletta-canzoni-recensione-ospiti-live-milano","title":"Il mondo di Anna, tra rap, TikTok, Hello Kitty e Disney","abstract":"Il mondo di Anna è come un nuovo ed eretico capitolo de “Le città invisibili” di Italo Calvino. Dentro c’è tutto e il contrario di tutto, sembra un grande frullatore in cui..."}]}}' ></dropdown> </keep-alive> </div> </div>  <button type="button" v-if="dropdown.search" class="fixed top-0 left-0 right-0 bottom-0 w-full h-full opacity-0 cursor-default" @click="hideFixedDropdown()"></button> <div v-if="dropdown.search" class="absolute bg-gray-900 text-white w-screen border-0 border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-gray-900 max-width-container py-8 pt-6"> <form action="/search" method="GET"> <div class="flex items-center justify-center -mx-4"> <input id="searchInput" ref="searchInput" name="s" placeholder="Cerca" class="border-0" @keydown.esc="hideSearch"> <button type="submit" class="sr-only">Cerca</button> <a href="#" @click.prevent="hideFixedDropdown()"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon svg-icon text-white h-12 mx-4 px-2" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></a> </div> </form> </div> </div> </section> </header>  <div class="advert1 container skin-reference"></div> <div class="vue-instance"> <web-push-notification vapid-key="BFp8Ocz-iZn8UXuNVrZiBtVe11DGPZFwEfAp_YPpHqbUb1bHbAx3ezk6vU-Hnlpo4bKMSFxZ7Y5DWwqj-XWXQAY" v-cloak>  </web-push-notification> </div> <main id="content-container" class="relative max-width-container mx-auto z-index-content"> <div class="bg-white flex"> <div id="adv_masthead" class="max-width-container mx-auto w-full text-center"> <div class="advert1 rckl-promo rckl-promo-desktop-leaderboard" data-no-infinite-scroll=""><div style="position: sticky; top: 96px;" class="gptslot" data-adunitid="0"></div></div> </div> </div> <div class="p-4 pt-3 pb-8 bg-white"> <div id="page-body-wrapper"> <div class="infinite-view-wrapper"> <div class="sr-only"> <div> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/"> <span itemprop="name">Rockol</span> <meta itemprop="position" content="1"/> </a> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/artista"> <span itemprop="name">Artisti</span> </a> <meta itemprop="position" content="2"/> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://www.rockol.it/artista/idramante"> <span itemprop="name">Idramante</span> </a> <meta itemprop="position" content="2"/> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://www.rockol.it/artista/idramante"> <span itemprop="name">Scheda</span> </a> <meta itemprop="position" content="2"/> </li> </ol> </div> </div> <article class="article-content mb-4" data-reading-list-position="0"> <div class="-mx-4 -mt-3 bg-rockol-blue text-white p-4 pt-12 mb-4"> <a href="https://www.rockol.it/artista/idramante" class="flex items-center hover:no-underline relative" title="Torna all'homepage dell'artista">  <h1 class="artist-page-artist-name"> Idramante </h1> </a> </div> <div class="content-with-sidebar">  <div class="content"> <div class="vue-instance" data-cest="artist-navbar"> <div class="flex flex-wrap justify-center sm:justify-start -mx-3 mt-4"> <a href="https://www.rockol.it/artista/idramante/news" class="text-sm uppercase underline tracking-wide text-black pb-1 px-3 transition duration-200 font-semibold hover:text-gray-600">Articoli</a> <a href="https://www.rockol.it/concerti-idramante-a-l8r8jqy7ek7" class="text-sm uppercase underline tracking-wide text-black pb-1 px-3 transition duration-200 font-semibold hover:text-gray-600">Concerti</a> <artist-follow class="flex items-center justify-center pb-1 px-3" artist-id="91018" artist-slug="idramante" artist-name="Idramante" v-cloak> <template v-slot:default="{ saving, loading, isFollowed, userGrantedFollowPermission }"> </template> </artist-follow> </div> </div> <div class="mb-4"></div> <div class="article-body md:flex"> <div class="scroll-body more-content p-0 w-full"> <h2 class="heading text-4xl mb-4">Tutte le ultime notizie su Idramante</h2> <div data-cest="articles">   <article class="spacer-lg "> <div class="space-y-1"> <h3 class="text-xl sm:text-3xl heading pb-1"> <a href="https://www.rockol.it/news-240787/idramante-e-vite-in-scatola-il-nuovo-album">Idramante: è 'Vite in scatola' il nuovo album</a> </h3> <div class="flex items-center space-x-4"> </div> <p class="leading-tight text-sm sm:leading-normal sm:text-base"> Si intitola "Vite in scatola" il nuovo album degli Idramante, band mantovana che ha esordito nel 2008 con il disco "Nel mio viaggio". "Più che un... </p> </div> </article> </div> <p> <a href="https://www.rockol.it/artista/idramante/news" class="underline font-semibold" >Leggi tutti gli articoli su Idramante</a> </p> </div> </div> <div style="max-width:640px;" class="mb-4 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky overflow-x-hidden" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="6"></div></div> <div data-nosnippet id='container-video' style='max-width: 642px;' class="my-8 mx-auto"> <div id='cont-jwp-gh'></div> <div id='cont-jwp'> <video class='video-js vjs-default-skin vjs-16-9' id='videoDivPlayer' playsinline data_source_url='https://hls.exmarketplace.com/Valica/Rockol-com_SRL/GenericVideo/GenericVideo/index.m3u8' data_source_type='application/x-mpegURL' poster='https://www.rockol.it/assets/img/2023/video-ros-rockol-poster.png' data_modal_poster_img='https://www.rockol.it/assets/img/2023/video-ros-rockol-poster.png' data_modal_poster_url='' preload='auto' style controls> </video> </div> </div> </div> <div class="sidebar"> <aside data-sidebar> <div class="clear-both"> <div><div class="advert1 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky mb-4" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="7"></div></div></div> <div><div class="pt-4 pb-2"> <div class=" border-4 border-red-600 border-solid p-4 mb-4 w-full flex flex-col justify-between " > <h2 class="text-3xl text-red-600 text-center heading m-0 -mt-8 mb-4 bg-white px-2">Playlists</h2> <ul class="leading-none"> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/JnKQUEpw9rHt3Vqp9rpJGlz44BI=/40x40/smart/rockol-img/img/foto/upload/image00001.jpg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/JnKQUEpw9rHt3Vqp9rpJGlz44BI=/40x40/smart/rockol-img/img/foto/upload/image00001.jpg" data-srcset="https://images.rockol.it/JnKQUEpw9rHt3Vqp9rpJGlz44BI=/40x40/smart/rockol-img/img/foto/upload/image00001.jpg 40w" data-sizes="40px" alt="Anna" title="Anna" > </div> <h3> <a href="https://www.rockol.it/news-748320/playlist-rap-italiano-game-over-fenomeni-del-2024-anna-lazza-yugi" class="text-sm font-bold underline">Sono stati questi i fenomeni del rap italiano del 2024?</a> </h3> </li> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/GLFeqEXUWJ6dF-uFgsvPLm4wdpI=/40x40/smart/rockol-img/img/foto/upload/r-img-3216.jpg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/GLFeqEXUWJ6dF-uFgsvPLm4wdpI=/40x40/smart/rockol-img/img/foto/upload/r-img-3216.jpg" data-srcset="https://images.rockol.it/GLFeqEXUWJ6dF-uFgsvPLm4wdpI=/40x40/smart/rockol-img/img/foto/upload/r-img-3216.jpg 40w" data-sizes="40px" alt="Antonello Venditti" title="Antonello Venditti" > </div> <h3> <a href="https://www.rockol.it/news-747380/antonello-venditti-diamanti-canzoni-playlist" class="text-sm font-bold underline">I "Diamanti" di Antonello Venditti: la playlist</a> </h3> </li> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/01bEja03aDWzZiODalbrK8IO_as=/40x40/smart/rockol-img/img/foto/upload/george-michael-b.jpg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/01bEja03aDWzZiODalbrK8IO_as=/40x40/smart/rockol-img/img/foto/upload/george-michael-b.jpg" data-srcset="https://images.rockol.it/01bEja03aDWzZiODalbrK8IO_as=/40x40/smart/rockol-img/img/foto/upload/george-michael-b.jpg 40w" data-sizes="40px" alt="George Michael" title="George Michael" > </div> <h3> <a href="https://www.rockol.it/news-747378/george-michael-40-anni-careless-whisper-playlist-eredita" class="text-sm font-bold underline">George Michael e i 40 anni di "Careless whisper": la playlist</a> </h3> </li> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/-N2uQZlPGu58AUjoFCQ3mXUiwIE=/40x40/smart/rockol-img/img/foto/upload/tananai-foto-4.jpg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/-N2uQZlPGu58AUjoFCQ3mXUiwIE=/40x40/smart/rockol-img/img/foto/upload/tananai-foto-4.jpg" data-srcset="https://images.rockol.it/-N2uQZlPGu58AUjoFCQ3mXUiwIE=/40x40/smart/rockol-img/img/foto/upload/tananai-foto-4.jpg 40w" data-sizes="40px" alt="Tananai" title="Tananai" > </div> <h3> <a href="https://www.rockol.it/news-747377/tananai-calmocobra-nuovo-album-playlist-del-cantautore" class="text-sm font-bold underline">Tananai e il nuovo album "CalmoCobra": la playlist del cantautore</a> </h3> </li> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/d_Pan_aDkwhg6Cc4vjMu0nc38NM=/40x40/smart/rockol-img/img/foto/upload/70138-6.jpg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/d_Pan_aDkwhg6Cc4vjMu0nc38NM=/40x40/smart/rockol-img/img/foto/upload/70138-6.jpg" data-srcset="https://images.rockol.it/d_Pan_aDkwhg6Cc4vjMu0nc38NM=/40x40/smart/rockol-img/img/foto/upload/70138-6.jpg 40w" data-sizes="40px" alt="Lady Gaga" title="Lady Gaga" > </div> <h3> <a href="https://www.rockol.it/news-747321/plalylist-lady-gaga-harley-quinn-joker-2-canzoni-dischi" class="text-sm font-bold underline">Lady Gaga sa fare tutto e sa farlo bene: la playlist</a> </h3> </li> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/mn2mbgM9Dc-4sdJ3Q91Jhg-FMRI=/40x40/smart/rockol-img/img/foto/upload/ab67616d0000b273d2e1d2c7ed7cdc0f61d151f3.jpeg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/mn2mbgM9Dc-4sdJ3Q91Jhg-FMRI=/40x40/smart/rockol-img/img/foto/upload/ab67616d0000b273d2e1d2c7ed7cdc0f61d151f3.jpeg" data-srcset="https://images.rockol.it/mn2mbgM9Dc-4sdJ3Q91Jhg-FMRI=/40x40/smart/rockol-img/img/foto/upload/ab67616d0000b273d2e1d2c7ed7cdc0f61d151f3.jpeg 40w" data-sizes="40px" alt="Lucio Battisti" title="Lucio Battisti" > </div> <h3> <a href="https://www.rockol.it/news-747033/29-settembre-playlist-dedicata-a-lucio-battisti" class="text-sm font-bold underline">29 settembre: la playlist dedicata a Lucio Battisti</a> </h3> </li> <li class="flex items-center mb-4"> <div class="flex-shrink-0 mr-4"> <noscript><img src="https://images.rockol.it/dUUdw4LmJ9hCucnqQNNuMPgbsDw=/40x40/smart/rockol-img/img/foto/upload/mg-8026.jpg" class="w-full" alt=""></noscript><img class=" lazyload bg-gray-200" width="40" height="40" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy" data-src="https://images.rockol.it/dUUdw4LmJ9hCucnqQNNuMPgbsDw=/40x40/smart/rockol-img/img/foto/upload/mg-8026.jpg" data-srcset="https://images.rockol.it/dUUdw4LmJ9hCucnqQNNuMPgbsDw=/40x40/smart/rockol-img/img/foto/upload/mg-8026.jpg 40w" data-sizes="40px" alt="David Gilmour" title="David Gilmour" > </div> <h3> <a href="https://www.rockol.it/news-747004/david-gilmour-scaletta-circo-massimo-roma-playlist-luck-and-strange" class="text-sm font-bold underline">David Gilmour: la playlist per prepararsi ai concerti di Roma</a> </h3> </li> </ul> <a href="https://www.rockol.it/tutto-su/playlists-225470" class="text-xl text-red-600 text-center italic heading m-0 -mb-6 bg-white px-2 underline " >tutti gli articoli</a> </div> </div> </div> <div><div class="advert1 rckl-promo rckl-promo-rectangle" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="8"></div></div></div> <div class="clear-both"></div> </div> </aside> </div> </div> </article> <span class="anchor sr-only" id="elenco"></span> <h2 class="heading text-4xl mb-4"> Elenco alfabetico </h2> <nav class="mb-4"> <ul class="flex flex-wrap text-xs"> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=0_9" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full text-xxs bg-gray-800 hover:bg-black transition transition-fast text-gray-100">(0-9)</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=a" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">a</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=b" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">b</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=c" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">c</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=d" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">d</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=e" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">e</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=f" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">f</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=g" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">g</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=h" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">h</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=i" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">i</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=j" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">j</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=k" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">k</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=l" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">l</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=m" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">m</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=n" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">n</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=o" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">o</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=p" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">p</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=q" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">q</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=r" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">r</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=s" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">s</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=t" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">t</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=u" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">u</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=v" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">v</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=w" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">w</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=x" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">x</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=y" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">y</a> </li> <li class="mb-1 pr-1"> <a href="https://www.rockol.it/artisti?lettera=z" class="bg-gray-800 flex items-center justify-center font-black h-10 w-10 uppercase rounded-full hover:bg-black transition transition-fast text-gray-100">z</a> </li> </ul> </nav> </div> <script type="application/ld+json" > {"@context":"http:\/\/schema.org","@type":"MusicGroup","name":"Idramante"} </script> <div class="text-center"> <div class="spacer-lg"></div> <div class="text-xs "> <p class="text-center italic"> <a href="https://www.rockol.it/info/copyright">© 2024 Riproduzione riservata. Rockol.com S.r.l.</a> <span class="hidden sm:inline">   </span> <br class="block sm:hidden"> <a class="underline" role="button" data-toggle="#js-image-policy-panel"> Policy uso immagini </a> </p> <div class="toggle-content bg-gray-200 p-4 mb-4" id="js-image-policy-panel"> <p><strong class="text-xl">Rockol</strong></p> <ul class="list-unstyled mb-4"> <li>Utilizza solo immagini e fotografie rese disponibili a fini promozionali (“for press use”) da case discografiche, agenti di artisti e uffici stampa. </li> <li>Usa le immagini per finalità di critica ed esercizio del diritto di cronaca, in modalità degradata conforme alle prescrizioni della legge sul diritto d'autore, utilizzate ad esclusivo corredo dei propri contenuti informativi. </li> <li>Accetta solo fotografie non esclusive, destinate a utilizzo su testate e, in generale, quelle libere da diritti. </li> <li> Pubblica immagini fotografiche dal vivo concesse in utilizzo da fotografi dei quali viene riportato il copyright. </li> <li>È disponibile a corrispondere all'avente diritto un equo compenso in caso di pubblicazione di fotografie il cui autore sia, all'atto della pubblicazione, ignoto. </li> </ul> <p><strong class="text-xl">Segnalazioni</strong></p> <p> Vogliate segnalarci immediatamente la eventuali presenza di immagini non rientranti nelle fattispecie di cui sopra, per una nostra rapida valutazione e, ove confermato l’improprio utilizzo, per una immediata rimozione. </p> <button class="bg-gray-500 p-4 py-2 uppercase rounded text-white" type="button" data-toggle="#js-image-policy-panel">Chiudi </button> </div> <div class="italic"> </div> </div> <div class="u-md-separator"></div> </div> </div>  <div id="userspikeRegistrationForm" class="modal fade" ng-if="!registration.complete"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <span class="modal-title mod-xl-title">Registrati a MyRockol</span> </div> <div class="modal-body vue-instance"> <registration-form></registration-form> </div> </div>  </div>  </div> <template id="myrockol-popover-menu"> <div class="fixed modal-content inset-0 overlay-dark--light flex items-center justify-center " v-if="store.state.loginPanel.open"> <div class=" border-1 border-gray-800 border-solid absolute bg-white m-8 p-8 mt-0 shadow-strong-1 max-w-sm flex items-center justify-center overflow-hidden"> <div id="logged-in-bar" v-if="store.getters.userLoggedInAndValid"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div class="heading text-3xl mb-4"> {{ store.state.user.profile.displayName }} </div> <div class="user-menu-choices"> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo">Il tuo profilo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bell" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai allo stream">Stream</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bookmark" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 512V48C0 21.49 21.49 0 48 0h288c26.51 0 48 21.49 48 48v464L192 400 0 512z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo">Cosa stai seguendo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti">Faq</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a href="#" class="userSpikeTooltip qtipTrigger logout"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sign-out-alt" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z"></path></svg></a> </div> <div class="px-4 "> <a href="#" class="userSpikeTooltip qtipTrigger logout" @click="logOut()">Log out</a> </div> </div> </div> </div> <div id="logged-out-bar" v-if="!store.getters.userLoggedIn" class="flex flex-col items-center justify-center text-center relative"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div> <div v-show="loginInProgress" class="flex flex-col items-center justify-center mb-4"> <strong class="heading block text-3xl mb-4">Login in corso</strong> <div class="loader loader--dark"></div> </div> <div class="user-menu-social" v-show="!loginInProgress">  <div class="block custom-login-panel" v-if="!showRegistrationForm">  <div class="mb-4" v-if="!showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai già un profilo Rockol? Accedi!</span> <custom-login :disabled="loginInProgress" class="mb-4"></custom-login> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = true" class="underline">Hai dimenticato la password?</a> </div> </div>  <div class="mb-4" v-if="showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai dimenticato la password?</span> <p class="text-sm mb-4"> Inserisci l'indirizzo e-mail fornito in fase di registrazione e richiedi il reset della password. </p> <reset-password-form class="mb-4"></reset-password-form> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = false" class="underline">Procedi al login</a> </div> </div> <div class="mod-md-title text-center"> <button data-cy="registerNewUserFromMainLoginPanel" type="button" class="text-lg font-bold " @click="showRegistrationForm = true"> Non sei registrato? <span class="text-red-600 underline hover:text-red-700">Registrati ora a MyRockol!</span> </button> </div> </div>  <div class="mb-4" v-if="showRegistrationForm"> <span class="heading block text-3xl mb-4">Registrati!</span> <quick-registration-form :cancel-callback="hideRegistrationForm"></quick-registration-form> </div>  <div class="border-b border-gray-500 border-solid my-4"></div> <strong class="heading block text-xl mb-4">Accedi con</strong>  <div class="flex -mx-2 mb-4 items-center justify-center">  <social-login :link-css-class="'social-login fb'" :icon-css-class="'fa-facebook'" provider="facebook.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook" class="svg-icon w-8 h-8 mx-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path> </svg></social-login>  <social-login :link-css-class="'social-login tw'" :icon-css-class="'fa-twitter'" provider="twitter.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-icon w-8 h-8 mx-2" viewBox="0 0 512 512"> <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></social-login> </div> <div class="text-xxs"> <input type="checkbox" value="1" v-model="socialLoginEnabled" name="user-auth-privacy" id="user-auth-privacy-social"> <label for="user-auth-privacy-social"> autorizzazione al <a href="https://www.rockol.it/info/privacy" target="_blank" rel="noopener noreferrer" class="underline" >trattamento dei dati</a> </label> <span v-if="socialLoginError" class="text-danger"><br>{{socialLoginError}}</span> </div> </div> <p class="user-menu-social alert bg-info text-center text-gray-600 text-sm mt-4"> <small>In caso di problemi scrivi a <span class="font-semibold">myrockol@rockol.it</span></small> </p> </div> </div> </div> </div> </template> </div> </main> <footer id="site-footer" class="w-full relative bg-gray-800 z-index-content"> <h2 class="sr-only">Rockol - Menù footer</h2> <div class="rockol-container w-full mx-auto text-white bg-gray-800 border-0 border-t border-gray-900 border-solid py-8"> <div class="mx-auto max-width-container mb-4"> <div class="list-none p-0 mx-auto max-w-2xl sm:max-w-full sm:flex flex-wrap justify-center text-base w-full"> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Notizie </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/news/ultime-24-ore" >Ultime 24 Ore</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/news/piu-lette" >Più lette</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/news/industria" >Industria</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/tutto-su/vinile-2613" >Vinile</a></li> </ul> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> <a href="https://www.rockol.it/magazine" >Magazine</a> </h3> </div> <div> <h3 class="font-black py-2 text-white text-base"> Recensioni </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/recensioni-musicali/dischi" >Album</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/recensioni-musicali/singoli" >Singoli</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="/italian-prog-rewind" >PROG</a></li> </ul> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Video </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/videoclip/" >Videoclip</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/video-channel/nofilter/" >#NoFilter</a></li> </ul> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Concerti e biglietti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/concerti/oggi" >Artisti in Tour</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/concerti/ricerca" >Ricerca Avanzata</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/biglietti" >Acquista Biglietti</a></li> </ul> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Altre sezioni </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/artisti" >Artisti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/gallerie-fotografiche" >Foto</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://musicbiz.rockol.it/classifiche-musicali" >Classifiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://testicanzoni.rockol.it/" >Testi</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://testicanzoni.rockol.it/traduzioni" >Traduzioni</a></li> </ul> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Rubriche </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/compleanno.php" >Buon Compleanno</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/chi-l-ha-detto" >Chi l'ha detto?</a></li> </ul> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Info e contatti </h3> <nav class="sm:flex"> <div class="sm:w-1/2 sm:mr-2"> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/info/contatti" >Contatti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/info/copyright" >Copyright</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/info/pubblicita" >Pubblicità</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/info/privacy" >Privacy</a></li> </ul> </div> <div class="sm:w-1/2 sm:mr-2"> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" >Cookie policy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.rockol.it/info/legal/codice-etico" >Codice etico</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="#" class="iubenda-cs-preferences-link" >Preferenze di consenso</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="#" class="iubenda-advertising-preferences-link" >Preferenze tracciamento pubblicitario</a></li> </ul> </div> </nav> </div> </div> <div class="py-0 m-0 px-2 mb-2 text-center uppercase text-xs text-gray-300 flex-1" style="min-width:200px;"> <div> <h3 class="font-black py-2 text-white text-base"> Seguici </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"> <a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> </ul> </nav> </div> </div> </div> <div class="mx-auto rockol-container max-width-container px-2"> <div class="flex flex-col items-center text-center text-xs"> <img src="/assets/img/2019/logo-transparent-medium.png" alt="Logo Rockol" class="bg-black border-2 border-white border-solid rounded-full mb-4 bg-primary" style="width: 100px; height: 100px;"> <div> <strong>Rock Online Italia</strong> è una testata registrata presso il Tribunale di Milano: <span>Aut. n° 33 del 22 gennaio 1996</span> <br> © 2024, tutti i diritti riservati - Rockol.com s.r.l. - P.IVA: 12954150152 </div> </div> </div> </div> </div> </footer> <div class="vue-instance" v-cloak> <login-panel></login-panel> <user-validation-panel></user-validation-panel> <follow-consent-modal></follow-consent-modal> <popup-registration-form tracking-id="event-my-rockol-reg-widget.desktop.artisti.pop-up-registration-form" :display-after-sessions="2" :display-after-impressions="10" :display-after-seconds-spent-on-site="900" :delay-multiplicator-factor="1.25" :on-leave="true"></popup-registration-form> </div> <script> $(document).ready(function () { window.jqueryOnloadScripts = window.jqueryOnloadScripts || []; window.jqueryOnloadScripts.map(function (cb) { cb(); }) }); </script> <script> </script> <script> // missing forEach on NodeList for IE11 if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } </script> <script> bootstrapApp = function () { if (typeof setupDropDowns !== 'undefined') { console.log('Dropdowns initialization'); window.setupDropDowns(); } /* |-------------------------------------------------------------------------- | Vue instances initialization |-------------------------------------------------------------------------- */ window.activateSingleVueInstance = function (el, componentAdditionalConf, classesToAdd) { var vm = new Vue(factoryVueConfiguration(el, componentAdditionalConf)); el.classList.add(classesToAdd); } window.activateVueInstances = function () { document.querySelectorAll('.vue-instance:not(.vue-instance--active)').forEach(function (el) { activateSingleVueInstance(el, {}, 'vue-instance--active'); }); document.querySelectorAll('.vue-instance-carousel:not(.vue-instance--active)').forEach(function (el) { var additionalConf = { components: { 'Carousel': VueCarousel.Carousel, 'Slide': VueCarousel.Slide }, methods: { nextSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getNextPage()); }, prevSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getPreviousPage()); } } }; activateSingleVueInstance(el, additionalConf, 'vue-instance--active'); }); }; window.activateVueInstances(); if (window.jsToBootstrap && window.jsToBootstrap.length > 0) { window.jsToBootstrap.forEach(function (cb) { cb(); }); } }; </script> <script type="text/javascript" src="/assets/js/lazyloader.js"></script> <script type="text/javascript"> bootstrapInterval = setInterval(() => { if (!window.MyRockolSetupFinished) { return; } clearInterval(bootstrapInterval); console.info('Bootstrap Rockol Application'); bootstrapApp(); }, 50) </script> <script data-cest="lazy-load-reading-list" type="application/json"> [{"id":91018,"type":"artist-page","permalink":"https:\/\/www.rockol.it\/artista\/idramante","title":"Idramante","initial_article":true},{"id":240787,"permalink":"https:\/\/www.rockol.it\/news-240787\/idramante-e-vite-in-scatola-il-nuovo-album","title":"Idramante: \u00e8 'Vite in scatola' il nuovo album","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-240787\/idramante-e-vite-in-scatola-il-nuovo-album?j=1"}] </script> <script> /** * jquery.clever-infinite-scroll.js * Working with jQuery 2.1.4 */ /* global define, require, history, window, document, location */ (function (root, factory) { "use strict"; if (typeof define === "function" && define.amd) { define(["jquery"], factory); } else if (typeof exports === "object") { factory(require("jquery")); } else { factory(root.jQuery); } })(this, function ($) { "use strict"; /** * Elements it reffers. Each page must has those selectors. * The structure must be same as article1.html * #contentsWrapper, .content, #next */ $.fn.cleverInfiniteScroll = function (options) { /** * Settings */ var requestNumber = 1; var debug = false; var windowHeight = null; var documentHeight = null; var defaults = { contentsWrapperSelector: "#contentsWrapper", contentSelector: ".content", nextSelector: "#next", loadImage: "", offset: windowHeight, readingListLinkCollection: $('.reading-list'), readingList: [], nextContentData: null, onLoadCallbacks: [] }; var settings = $.extend(defaults, options); var currentReadingListIndex = 0; var readingList = (settings.readingList == null) ? [] : settings.readingList; var nextContentToLoadIndex = 0; var loadingInProgress = false; var threshold = (settings.offset > 0) ? settings.offset : 100; var $articleCollection = $(settings.contentSelector); var $readingListLinkCollection = settings.readingListLinkCollection; var nextContentData = settings.nextContentData || undefined; var onloadCallbacks = settings.onLoadCallbacks; var footerHeight = 0; var $footer = $('#site-footer'); if ($footer.length > 0) { footerHeight = $footer.outerHeight(); $(window).on('resize', function() { footerHeight = $footer.outerHeight(); }) } var calculateHeights = function () { windowHeight = (typeof window.outerHeight !== "undefined") ? Math.max(window.outerHeight, $(window).height()) : $(window).height(); documentHeight = $(document).height(); }; function _log() { if (debug) { console.log.apply(console, arguments); } } var setNextContentIndexToLoad = function (data) { var thisContentIndex = nextContentToLoadIndex; if (data) { _log("Fetched data", data); if (data.meta) { var title = data.meta.title; if (data.meta.stripped_title) { title = data.meta.stripped_title; } readingList[thisContentIndex].title = title; readingList[thisContentIndex].permalink = data.meta.url_canonical; _log("Reading list substitution", readingList[thisContentIndex]); } if (data.nextContentToLoad) { var readingListObject = data.nextContentToLoad; readingList.push(readingListObject); _log("Push della reading list", data.nextContentToLoad, readingList); } if (data.readingList) { data.readingList.forEach(function (el) { readingList.push(el); }); _log("Push della reading list", data.nextContentToLoad, readingList); } } if (readingList) { nextContentToLoadIndex++; nextContentData = undefined; if (readingList[nextContentToLoadIndex]) { nextContentData = readingList[nextContentToLoadIndex]; _log("Next content data", nextContentData); } _log("Next Content Reading List", readingList); return; } nextContentToLoadIndex = 0; }; /** * Private methods */ var executeCallbacks = function () { onloadCallbacks.forEach(function (cb) { cb(); }); }; var generateHiddenSpans = function (_title, _path) { return "<span class='hidden-title' style='display:none'>" + _title + "</span><span class='hidden-url' style='display:none'>" + _path + "</span>"; }; var sendInfiniteScrollEvent = function (res) { if (typeof ga !== "undefined" && res && res.meta && res.meta.url_canonical) { ga('send', 'event', 'InfiniteScroll', 'pathTo', res.meta.url_canonical, {nonInteraction: true}); } }; var refreshLazyLoadedContent = function () { if (window.activateLazyLoadedContent) { window.activateLazyLoadedContent(); } }; var setTitleAndHistory = function (_title, _path) { var newPath = _path.replace( /^[a-zA-Z]{3,5}\:\/{2}[a-zA-Z0-9_.:-]+/, '' ); // http or https history.pushState(null, _title, newPath); $("title").html(_title); }; var makePageView = function (storyIndex) { // value is an element of a content user is seeing // Get title and path of the article page from hidden span elements if (typeof currentReadingListIndex === "undefined") { currentReadingListIndex = 0; } else { currentReadingListIndex = storyIndex; if (currentReadingListIndex < 0) { currentReadingListIndex = 0; } if (currentReadingListIndex >= readingList.length) { currentReadingListIndex = (readingList.length - 1); } } var story = readingList[currentReadingListIndex]; var title = story.title; var path = story.permalink; var previousReadingListIndex = getCurrentReadingListPosition(); if (previousReadingListIndex + "" !== currentReadingListIndex + "") { // If it has changed setCurrentReadingListPosition(currentReadingListIndex); trackEngagement(currentReadingListIndex); trackNewAdvertisingPositions(); setTitleAndHistory(title, path); $(document).trigger({ type: "infinite-scroll", readingIndex: currentReadingListIndex, }); } }; var trackEngagement = function (readingListPosition) { var articleData = readingList[readingListPosition]; var articleNotTracked = (typeof articleData.tracked === "undefined" || !articleData.tracked); var googleAnalyticsActive = (typeof ga !== "undefined"); if (articleNotTracked && googleAnalyticsActive) { ga('send', 'event', 'LazyLoadedEngagement', 'path', articleData.permalink, {nonInteraction: true}); articleData.tracked = true; } }; var trackNewAdvertisingPositions = function () { if (typeof WebtrekkRockolClient !== "undefined") { WebtrekkRockolClient.trackAdvEvents(); } if (typeof window.gaRockolClient !== "undefined") { window.gaRockolClient.trackAdvEvents(); } } var recordNewPageView = function (callbackName) { var fn = window[callbackName]; if (typeof fn === 'function') { fn(); } }; var getReadingListIndex = function ($selector) { var index = parseInt($selector.attr("data-reading-list-position"), 10) || 0; return index; }; var getImpressionCallbackName = function ($selector) { var callbackName = $selector.attr("data-impression-function-name") || ''; return callbackName; }; var getCurrentReadingListPosition = function () { return $(settings.contentsWrapperSelector).attr("data-reading-list-position") || 0; }; var setCurrentReadingListPosition = function (position) { return $(settings.contentsWrapperSelector).attr("data-reading-list-position", position); }; var refreshTimeout = function (data) { if (typeof setRefreshUrl !== "undefined") { var ttl = 5 * 60; if (data.meta && data.meta.refresh_seconds) { ttl = data.meta.refresh_seconds; } setRefreshUrl(ttl); } }; var appendImpressionScriptToContainer = function (data) { var $scriptToAppend; var callbackName; if (data && data.impression) { $scriptToAppend = data.impression.script ? $(data.impression.script) : null; callbackName = (data.impression.callbackName) || null; } if ($scriptToAppend) { $scriptToAppend.appendTo($('body')); } if (callbackName) { recordNewPageView(data.impression.callbackName); } }; var appendNewsToContainer = function (data) { if (data) { var $newsArticleToAppend = $(data.html_template); var readingListPosition = currentReadingListIndex + 1; console.log("READING LIST: ", readingListPosition) $newsArticleToAppend.attr("data-reading-list-position", (readingListPosition)); var nextReadingPosition = readingListPosition + 1; if (nextReadingPosition < readingList.length) { var nextStory = readingList[nextReadingPosition]; var $nextArticleLink = $newsArticleToAppend.find(".next-news-thumb"); var $nextArticleThumb = $nextArticleLink.find("img"); var $nextArticleLinkTitle = $newsArticleToAppend.find(".next-news-link"); $nextArticleLink.attr("href", nextStory.permalink); $nextArticleThumb.attr("src", nextStory.picture_url); $nextArticleLinkTitle.attr("href", nextStory.permalink); $nextArticleLinkTitle.html(nextStory.title); } var $contentsWrapper = $(settings.contentsWrapperSelector); // get contents wrapper // If angular app present, compile the new content otherwise just append if (typeof angular !== "undefined" && typeof angular.element(document).injector() !== "undefined") { angular.element(document).injector().invoke(function ($compile) { var scope = $contentsWrapper.scope(); // get scope // generate dynamic content $contentsWrapper.append($newsArticleToAppend); // compile!!! $compile($contentsWrapper.contents())(scope); }); } else { $contentsWrapper.append($newsArticleToAppend); } $articleCollection = $(settings.contentSelector); calculateHeights(); } }; function refreshAddThisShareButtons() { if (typeof addthis !== "undefined") { addthis.toolbox('.floating-share'); } } /** * scroll */ var lastScroll = 0, currentScroll; $(window).scroll(function () { // Detect where you are window.clearTimeout($.data("this", "scrollTimer")); var thresholdToUse = threshold; if (typeof ResponsiveBootstrapToolkit !== "undefined" && ResponsiveBootstrapToolkit.is('xs')) { thresholdToUse += $('[data-sidebar]').outerHeight() || 0; } $.data(this, "scrollTimer", window.setTimeout(function () { // Get current scroll position currentScroll = $(window).scrollTop(); // Detect whether it's scrolling up or down by comparing current scroll location and last scroll location if (currentScroll > lastScroll) { // If it's scrolling down calculateHeights(); $articleCollection.each(function (key, article) { if ($(article).offset().top + $(article).height() - windowHeight / 2 > currentScroll) { var readingIndex = getReadingListIndex($(article)); makePageView(readingIndex); return false; } }); } else if (currentScroll < lastScroll) { // If it's scrolling up $articleCollection.each(function (key, article) { if ($(article).offset().top + $(article).height() - windowHeight / 2 > currentScroll) { var readingIndex = getReadingListIndex($(article)); makePageView(readingIndex); return false; } }); } else { // When currentScroll == lastScroll, it does not do anything because it has not been scrolled. } // Renew last scroll position lastScroll = currentScroll; }, 200)); /* console.log( $(window).scrollTop() + windowHeight + footerHeight + thresholdToUse, documentHeight, "Scrolltop: " + $(window).scrollTop(), "Footer Height: " + footerHeight, "Window Height: " + windowHeight, "Threshold: " + threshold, "Threshold To Use: " + thresholdToUse ); */ _log({ scrollTop: $(window).scrollTop(), windowHeight: windowHeight, footerHeight: footerHeight, thresholdToUse: thresholdToUse, scrollToBeActivated: ($(window).scrollTop() + windowHeight + footerHeight + thresholdToUse >= documentHeight), documentHeight: documentHeight }); if ($(window).scrollTop() + windowHeight + footerHeight + thresholdToUse >= documentHeight) { // If scrolling close to the bottom if (loadingInProgress || nextContentData === undefined) { return; } _log("Next content data", nextContentData); if (nextContentData !== undefined) { // If the page has link, call ajax if (settings.loadImage !== "") { $(settings.contentsWrapperSelector).append("" + "<div class='infinite-scroll-loading flex items-center justify-center text-black fill-current stroke-current py-4'>" + "\n" + "<svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\">\n" + " <g fill=\"none\" fill-rule=\"evenodd\">\n" + " <g transform=\"translate(1 1)\" stroke-width=\"2\">\n" + " <circle stroke-opacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\"/>\n" + " <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n" + " <animateTransform\n" + " attributeName=\"transform\"\n" + " type=\"rotate\"\n" + " from=\"0 18 18\"\n" + " to=\"360 18 18\"\n" + " dur=\"1s\"\n" + " repeatCount=\"indefinite\"/>\n" + " </path>\n" + " </g>\n" + " </g>\n" + "</svg>" + "</div>"); } loadingInProgress = true; var ajaxUrl = null; var data = nextContentData; if (nextContentData.url_to_fetch) { ajaxUrl = nextContentData.url_to_fetch; data = {}; } $.ajax({ url: ajaxUrl, dataType: "json", data: data, beforeSend: function (request) { request.setRequestHeader("X-Rockol-request-number", ++requestNumber); }, success: function (res) { if ($.isEmptyObject(res) === false) { setNextContentIndexToLoad(res); appendNewsToContainer(res); appendImpressionScriptToContainer(res); refreshAddThisShareButtons(); sendInfiniteScrollEvent(res); executeCallbacks(); refreshLazyLoadedContent(); //refreshTimeout(res); if (typeof window.enableStickySidebar !== 'undefined') { window.enableStickySidebar('aside[data-sidebar]'); } } loadingInProgress = false; $(settings.contentsWrapperSelector).find('.infinite-scroll-loading').remove(); }, error: function (res) { loadingInProgress = false; } }); } } }); //scroll var init = function () { _log("Init reading list", readingList); var readingListPresent = readingList && (readingList.length > 0); var firstArticleIsInitialArticle = readingListPresent && readingList[0]['initial_article'] == true; _log(firstArticleIsInitialArticle); if (firstArticleIsInitialArticle == false) { readingList.unshift({ title: document.title, permalink: document.location.href, tracked: true }); } else { readingList[0].tracked = true; } if (nextContentData) { readingList.push(nextContentData); } calculateHeights(); setNextContentIndexToLoad(); _log("Initial Reading List", readingList); }; init(); return (this); }; //$.fn.cleverInfiniteScroll }); $('.rockol-news-detail').cleverInfiniteScroll({ readingList: [{"id":91018,"type":"artist-page","permalink":"https:\/\/www.rockol.it\/artista\/idramante","title":"Idramante","initial_article":true},{"id":240787,"permalink":"https:\/\/www.rockol.it\/news-240787\/idramante-e-vite-in-scatola-il-nuovo-album","title":"Idramante: \u00e8 'Vite in scatola' il nuovo album","picture_url":"https:\/\/images.rockol.it\/yjJrPu7kyK1yU-ajDHbjGt7XcBs=\/250x150\/smart\/rockol-img\/assets\/img\/2019\/placeholder-rockol.20190621v01.png","url_to_fetch":"https:\/\/www.rockol.it\/news-240787\/idramante-e-vite-in-scatola-il-nuovo-album?j=1"}], nextContentData: "null", contentsWrapperSelector: '.infinite-view-wrapper', contentSelector: '.article-content', nextSelector: '#next', loadImage: 'ajax-loader.gif', offset: $('#main-footer').outerHeight() - 100 }); </script> <script type="text/javascript"> /* PAGE SPECIFIC SCRIPTS */ // Start Page Specific Script $(document).ready(function () { $('.js-active-section .artist-page').addClass('active'); }); // End Page Script // Start Page Specific Script $(".js-toggle-related-btn").click(function(e) { e.preventDefault(); $('.js-toggle-block').toggle(); var thisLabel = $(this).text(); var nextLabel = $(this).attr("data-toggle-msg"); $(this).text(nextLabel); $(this).attr("data-toggle-msg", thisLabel); }); // End Page Script // Start Page Specific Script $('.js-show-complete-artist-data').on('click', function(e) { e.preventDefault(); var button = $(this); var showMessage = button.attr("data-show-message"); var hideMessage = button.attr("data-hide-message"); var buttonLabel = button.find(".show-more-label"); var shown = !!parseInt(button.attr("data-shown"), 10); var panel = $('.artist-additional-data-complete'); if (shown) { panel.hide(); buttonLabel.text(showMessage); button.attr("data-shown", 0); } else { panel.show(); buttonLabel.text(hideMessage); button.attr("data-shown", 1); } }); // End Page Script </script>  <div id="fb-root"></div> <script class="_iub_cs_activate-inline" type="text/plain" data-iub-purpose="3"> window.fbAsyncInit = function() { FB.init({ appId : '324191534279970', status : true, xfbml : true }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  </body> </html>

CINXE.COM

√ Idramante - Rockol