1<!doctype html> 2<html lang="it" class=""> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="content-language" content="it"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="theme-color" content="#FC0"> 8 <meta name="msapplication-tap-highlight" content="no"> 9 <meta name="robots" content="index, follow, max-image-preview:large"> 10 <meta http-equiv="X-Content-Type-Options" content="nosniff"> 11 <meta name="referrer" content="strict-origin-when-cross-origin"> 12 <meta name="google-site-verification" content="r-f3rqv9gi5uwQPDaSBBbSX8yShiclUhV2WqVeDqQ2c" /> 13
14<script>
vendor: 408 bytes, lines 14-23
14 15!function(f,b,e,v,n,t,s) 16{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 17n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 18if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 19n.queue=[];t=b.createElement(e);t.async=!0; 20t.src=v;s=b.getElementsByTagName(e)[0]; 21s.parentNode.insertBefore(t,s)}(window, document,'script', 22'https://connect.facebook.net/en_US/fbevents.js'); 23fbq('init', '
239020125211369249
vendor: 32 bytes, lines 23-24
23'); 24fbq('track', 'PageView');
25</script>
25 26<noscript><img height="1" width="1" style="display:none" 27src="https://www.facebook.com/tr?id=9020125211369249&ev=PageView&noscript=1" 28/></noscript> 29 30<title>Storia e civiltà | National Geographic</title> 31<meta property="article:content_plan" content="free"><meta property="og:site_name" content="National Geographic" /> 32<meta property="og:title" content="Storia e civiltà" /> 33<meta property="og:description" content="" /> 34<meta property="og:image" content="https://www.nationalgeographic.it/upload/ngi-hero/" /> 35<meta property="og:image:type" content="image/jpeg" /> 36<meta property="og:image:url" content="https://www.nationalgeographic.it/upload/ngi-hero/" /> 37<meta property="og:image:secure_url" content="https://www.nationalgeographic.it/upload/ngi-hero/" /> 38<meta property="og:image:alt" content="Storia e civiltà" /> 39<meta property="og:url" content="https://www.nationalgeographic.it" /> 40<meta property="og:type" content="website" /> 41<meta name="twitter:card" content="summary_large_image"> 42<meta name="twitter:site" content="@natgeoitaly"> 43<meta name="twitter:title" content="Storia e civiltà"> 44<meta name="twitter:description" content=""> 45<meta name="twitter:image" content="https://www.nationalgeographic.it/upload/ngi-hero/"> 46<meta name="twitter:url" content="https://www.nationalgeographic.it"> 47<meta name="sezione" content="storia e civiltà"> 48<meta name="type" content="storia-e-civilta"> 49<meta name="tags" content=""> 50 51 52 53
54<script>console.log('logOut GEDI OK' );</script>
54 55 56
56<script type="application/ld+json"> 57 { 58 "@context": "https://schema.org", 59 "@type": "WebPage", 60 "name": "Storia", 61 "description": "", 62 "url": "https://www.nationalgeographic.it/storia-e-civilta", 63 "publisher": { 64 "@type": "Organization", 65 "name": "National Geographic", 66 "url": "https://www.nationalgeographic.it/" 67 } 68 } 69 </script>
69 70 71 72 <meta name="robots" content="index, follow" content="max-image-preview:large"> 73 <meta name="googlebot" content="index, follow"> 74 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 75 rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" 76 crossorigin="anonymous"> 77 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css"> 78 <link rel="preconnect" href="https://fonts.googleapis.com"> 79 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 80 <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap" rel="stylesheet"> 81 82 <link rel="icon" type="image/x-icon" href="https://www.nationalgeographic.it/favicon.ico" /> 83 <link rel="shortcut icon" type="image/x-icon" href="https://www.nationalgeographic.it/favicon.ico" /> 84 85 <!-- --> 86
86<script async="" src=https://www.repstatic.it/minify/sites/natgeo/2023-v1/config.cache.php?name=accounts_js></script>
86 87
87<script type="text/javascript" src=https://scripts.gedidigital.it/newsletter_wdgts/newsletter_wdgts.js?pageurl=https%3A%2F%2Fwww.nationalgeographic.it async=""></script>
87 88
88<script async="" src=https://www.kataweb.it/minify/sites/common/modular/2018-v1/config.cache.php?name=jquery_js></script>
88 89 90 <!-- --> 91 92
93<script src="https://tlh.gedidigital.it/alternative_config.js"></script>
vendor: 2 bytes, line 93
93
94<script> 95var pageHref = window.location.href.toString().split("?")[0]; 96var pageType = "homepage_sezione"; 97</script>
vendor: 2 bytes, line 97
97
98<script async onload="try { kw_tlh_ready(); } catch(e) {}" onerror="try { asr_error() } catch(e) {}" src="https://tlh.gedidigital.it/tlh.js"></script>
98 99<link href="//tlh.gedidigital.it" rel="preconnect"> 100 101
102<script defer data-project="6668540a154a0d23bff5f46c" src="https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js"></script>
102 103</head> 104<div id="adv-Position3"></div> 105<div id="adv-Top"></div> 106 107<style> 108/* ****************************************************************** 109******************************************************************* 110************************GENERAL DPLACE CMS************************* 111******************************************************************* 112******************************************************************* */ 113 114/************** 115 - MOD CONTAINER - 116***************/ 117 118 119 120@media (min-width: 992px) and (max-width: 1539.98px) { 121 .container-lg{ 122 max-width: 996px; 123 } 124} 125 126@media (min-width: 1540px){ 127 .container-lg{ 128 max-width: 1260px; 129 } 130} 131 132@media (min-width: 992px) { 133 .gutter-custom-prima{ 134 --bs-gutter-x: 3rem; 135 136 } 137 .gutter-custom-seconda{ 138 --bs-gutter-x: 1.5rem; 139 } 140 141} 142 143@media (min-width: 1540px){ 144 145 .gutter-custom-prima{ 146 --bs-gutter-x: 1.5rem; 147 } 148 .gutter-custom-seconda{ 149 --bs-gutter-x: 1.5rem; 150 } 151 152} 153 154/************** 155 - FINE MOD CONTAINER - 156***************/ 157 158/***************** 159 160 ADV RULES 161 162******************/ 163 164 165@media screen and (min-width:1540px){ 166 167 body.has_domination{background-size:2370px!important} 168 169 /* body.has_domination #adv-Top{padding-bottom:15px} */ 170 171 #adv-TopLeft{max-width:1260px} 172 173 #wrapper-adv{max-width:1260px!important;width:auto!important} 174 175} 176 177/***************** 178 179 FINE ADV RULES 180 181******************/ 182 183/***************** 184 185 PAGINA CATEGORIA 186 187******************/ 188 189body:not(.body-18):not(.body-1):not(.body-2427) section.cta-banner-container .container-lg, 190body:not(.body-18) section.article-list-container .container-lg{ 191 padding-top: 0!important; 192 padding-bottom: 0!important; 193} 194 195 196/***************** 197 198 FINE PAGINA CATEGORIA 199 200******************/ 201 202 203 204ul,li{ 205 list-style: none; 206} 207 208ul{ 209 padding-left: 0; 210} 211 212img,svg{ 213 max-width: 100%; 214 height: auto; 215} 216 217/* TINY SLIDER */ 218 219 220.thumbnails .tns-nav-active { 221 background: none; 222 border-color: #000; 223 } 224 225.tns-nav { 226 text-align: center; 227 margin: 10px 0; 228} 229.tns-nav > [aria-controls] { 230 width: 9px; 231 height: 9px; 232 padding: 0; 233 margin: 0 5px; 234 border-radius: 50%; 235 background: #ddd; 236 border: 0; 237} 238 239.tns-nav > .tns-nav-active { 240 background: #999; 241} 242 243/* FINE TINY SLIDER */ 244 245/* SECTIONS */ 246 247section.section .box { 248 position: relative; 249 overflow: hidden; 250} 251 252section.section .box1 { 253 padding-bottom: 50%; 254} 255 256section.section .box1_no_gap { 257 padding-bottom: 50%; 258} 259 260section.section .box8 { 261 padding-bottom: 66.8%; 262} 263 264section.section .box10 { 265 padding-bottom: 50%; 266} 267 268section.section .box11 { 269 padding-bottom: 100%; 270} 271 272 273section.section .box6 { 274 padding-bottom: 75%; 275} 276 277section.section .box0 { 278 padding-bottom: 100%; 279 } 280 281section.section .box3 { 282 padding-bottom: 100%; 283} 284 285section.section .box5 { 286 padding-bottom: 125%; 287} 288 289section.section .box2 { 290 padding-bottom: 147%; 291} 292 293section.section .box4 { 294 padding-bottom: 200%; 295} 296 297section.section .box7 { 298 padding-bottom: 100%; 299} 300 301 302 303section.section .box img{ 304 position:absolute; 305 top: 50%; 306 left: 50%; 307 transform: translate(-50%, -50%); 308 object-fit: cover; 309 width: 100%; 310 height: 100%; 311} 312 313section.section .box .text-container, 314section.section .box .picture-container{ 315 position:absolute; 316 top: 50%; 317 left: 50%; 318 transform: translate(-50%, -50%); 319} 320 321section.section .box .picture-container{ 322 width: 100%; 323 height: 100%; 324} 325 326section .date-display{ 327 font-size: .85rem; 328} 329 330section.section nav.carousel-pagination-nav { 331 text-align: center; 332 margin: 10px 0; 333} 334 335section.section nav.carousel-pagination-nav > [aria-controls] { 336 width: 9px; 337 height: 9px; 338 padding: 0; 339 margin: 0 5px; 340 border-radius: 50%; 341 background: #ddd; 342 border: 0; 343} 344 345section.section nav.carousel-pagination-nav > .carousel-pagination-nav-active { 346 background: #999; 347} 348 349section.section [aria-controls] { 350 cursor: pointer; 351} 352 353@media (max-width: 575.98px) { 354 .breadcrumb { 355 font-size: 14px; 356 } 357 358 section.section .box1 { 359 padding-bottom: 100%; 360 } 361
362 section.section .box1_no_gap { 363 padding-bottom: 100%; 364 } 365} 366 367@media (min-width: 768px) { 368 369 section.section .box1 { 370 padding-bottom: calc(50% - 0.5rem); 371 } 372 373 section.section .box3 { 374 padding-bottom: 70%; 375 } 376 377 section.section .box4 { 378 padding-bottom: 258.5%; 379 } 380 381 section.section .box11 { 382 padding-bottom: calc(50% - 0.75rem); 383 } 384 385} 386 387@media (min-width: 992px) { 388 389 section.section .box4 { 390 padding-bottom: 252.5%; 391 } 392 393 section.section .box7 { 394 padding-bottom: 43.75%; 395 } 396 397} 398 399 400@media (min-width: 1540px) { 401 /* .header-notice, 402 .footer-container, 403 .nav-container{ 404 padding-left:8% !important; 405 padding-right:8% !important; 406 } */ 407 408 section.section .box4 { 409 padding-bottom: 250%; 410 } 411 412} 413 414/* ****************************************************************** 415******************************************************************* 416************************END GENERAL DPLACE CMS********************** 417******************************************************************* 418******************************************************************* */ 419</style><style> 420 421#account-data-container-mobile a button{ 422 width: max-content; 423 min-width: 150px; 424} 425 426.nav-item.newsletter { 427 color: #FFF; 428 border: 1px solid #FFF; 429 padding: 8px 12px; 430} 431.nav-item.newsletter a { 432 color: #FFF; 433 text-transform: none; 434} 435.offcanvas-header .btn-close { 436 padding: 0 !important; 437 margin: 0 !important; 438 margin-top: 8px !important; 439 margin-right: 18px !important; 440} 441 442header{ 443 .anchor-menu{ 444 .masterclass-menu{ 445 padding-left:25px; 446 padding-right:10px ; 447 .tns-inner{ 448 display: flex; 449 } 450 a.nav-link{ 451 font-size: 13px; 452 @media (min-width: 576px) and (max-width: 599.98px) { 453 font-size: 12px; 454 } 455 @media (min-width: 768px) { 456 font-size: 13px; 457 } 458 @media (min-width: 992px) { 459 font-size: 14px; 460 } 461 @media (min-width: 1200px) { 462 font-size: 12px; 463 } 464 @media (min-width: 1400px) and (max-width: 1539.98px) { 465 font-size: 10px; 466 } 467 468 @media (min-width: 1540px) { 469 font-size: 14px; 470 } 471 @media (max-width: 369.98px) { 472 font-size: 12px; 473 } 474 } 475 ul{ 476 &:not(.position-absolute){ 477 width: calc(100% - 135px); 478 @media (min-width: 1400px){ 479 width: calc(100% - 150px); 480 } 481 @media (max-width: 575.98px) { 482 width: calc(100% - 119px); 483 } 484 485 } 486 &.position-absolute{ 487 right: 30px; 488 top: 50%; 489 transform: translateY(-50%); 490 box-shadow: -30px 0px 15px -3px rgba(255,255,255,0.75); 491 } 492 } 493 } 494 495 496 } 497} 498 499header #gedidigit .ngi-app{ 500 color: var(--bs-black); 501 text-decoration-color: var(--bs-primary); 502 text-decoration-thickness: 2px; 503} 504 505header .social a{ 506 transition: color .15s ease-in-out; 507} 508 509header .social .facebook a{ 510 color:#1877F2; 511} 512 513header .social .linkedin a{ 514 color:#007BB5; 515 display: inline-block; 516 width: 24px; 517 height: 24px; 518} 519 520header .social .linkedin a:hover{ 521 color:#095bae; 522} 523 524header .social .facebook a:hover{ 525 color:#135fc1; 526} 527 528header .social .instagram a{ 529 color:#E4405F; 530} 531 532header .social .instagram a:hover{ 533 color:#b6334c; 534} 535 536header .social .twitter a{ 537 color:#1DA1F2; 538} 539 540header .social .twitter a:hover{ 541 color:#1780c1; 542} 543 544header .social .whatsapp a{ 545 color:#25D366; 546} 547 548header .social .whatsapp a:hover{ 549 color:#1da851; 550} 551 552header .header-notice.fest-header .img-container{ 553 554 width: 200px; 555 margin: 10px 0; 556 557} 558 559body.body-1776 nav.navbar, 560body.body-1776 #gedidigit{ 561 display: none; 562} 563 564 565 566@media (min-width: 1200px) { 567 header ul.navbar-nav .hide-item{ 568 display: none!important; 569 } 570} 571 572 573header .announcement-bar{ 574 height: 40px; 575} 576 577header .offcanvas{ 578 --bs-offcanvas-width:100%; 579 --bs-offcanvas-zindex: 9999999; 580} 581 582header .navbar-toggler { 583 border: 0; 584} 585 586#account-data-container{ 587 display: inline-block; 588 details{ 589 min-height: 38px; 590 @media (max-width: 1199.98px) { 591 min-width: 43px; 592 } 593 summary{ 594 transform: translateY(2px); 595 } 596 } 597 a.btn-primary{ 598 svg{ 599 transform: translateY(-2px); 600 } 601 span{ 602 transform: translateX(2px); 603 display: inline-block; 604 } 605 } 606} 607 608#iscriviti_alla_newsletter{ 609 610 background-image: linear-gradient(120deg, var(--bs-primary), var(--bs-primary)); 611 background-position: 0 100%; 612 background-repeat: no-repeat; 613 background-size: 100% 0; 614 border-bottom: 2px solid var(--bs-primary); 615 color: var(--bs-black); 616 text-decoration: none; 617 transition: background-size .15s ease-in-out; 618 font-size: 18px; 619 620} 621#iscriviti_alla_newsletter_container{ 622 padding: 10px 28px; 623} 624#iscriviti_alla_newsletter:hover{ 625 background-size: 100% 100%; 626 color: var(--bs-black); 627} 628 629</style> 630<style> 631/****************************************************************** 632******************************************************************* 633**************GENERAL STYLE BOOTSTRAP VARIABLE NAIMA*************** 634******************************************************************* 635******************************************************************* 636*/ 637 638/* 639<link rel="stylesheet" href="https://use.typekit.net/aaj8agi.css"> 640 641 642font-family: proxima-nova,sans-serif;
643font-weight: 700; 644font-style: normal; 645 646font-family: proxima-nova,sans-serif; 647font-weight: 400; 648font-style: normal; 649 650font-family: proxima-nova,sans-serif; 651font-weight: 300; 652font-style: normal; 653*/ 654 655/* ROOT VARIABLE */ 656 657:root { 658 --bs-blue: #0d6efd; 659 --bs-indigo: #6610f2; 660 --bs-purple: #6f42c1; 661 --bs-pink: #d63384; 662 --bs-red: #dc3545; 663 --bs-orange: #fd7e14; 664 --bs-yellow: #ffc107; 665 --bs-green: #198754; 666 --bs-teal: #20c997; 667 --bs-cyan: #0dcaf0; 668 --bs-black: #000; 669 --bs-white: #fff; 670 671 --bs-gray: #6c757d; 672 --bs-gray-dark: #343a40; 673 --bs-gray-100: #f8f9fa; 674 --bs-gray-200: #e9ecef; 675 --bs-gray-300: #dee2e6; 676 --bs-gray-400: #ced4da; 677 --bs-gray-500: #adb5bd; 678 --bs-gray-600: #6c757d; 679 --bs-gray-700: #495057; 680 --bs-gray-800: #343a40; 681 --bs-gray-900: #212529; 682 683 --bs-primary:#fc0;/* MOD */ 684 --bs-secondary:var(--bs-black:); /* MOD */ 685 --bs-success:var( --bs-white); 686 --bs-info: #555; /* MOD */ 687 --bs-warning: #ffc107; 688 --bs-danger: #dc3545; 689 --bs-light: #f2f2f2;/* MOD */ 690 --bs-dark: #595B66; /* MOD */ 691 692 --bs-primary-rgb: 255,204,0; /* MOD */ 693 --bs-secondary-rgb: 0, 0, 0; /* MOD */ 694 --bs-success-rgb: 255, 255, 255; 695 --bs-info-rgb: 81, 162, 166; /* MOD */ 696 --bs-warning-rgb: 255, 193, 7; 697 --bs-danger-rgb: 220, 53, 69; 698 --bs-light-rgb: 242, 242, 242;/* MOD */ 699 --bs-dark-rgb:89,91,102; /* MOD */ 700 701 --bs-white-rgb: 255,255,255; 702 --bs-black-rgb: 0, 0, 0; 703 --bs-body-color-rgb:89,91,102; /* MOD */ 704 --bs-body-bg-rgb: 38,47,57; /* MOD */ 705 --bs-font-sans-serif: 'Jost', sans-serif; 706 707 --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 708 --bs-gradient: linear-gradient(180deg, rgba(255,255,255, 0.15), rgba(255,255,255, 0)); 709 --bs-body-font-family: var(--bs-font-sans-serif); 710 --bs-body-font-size: 1rem; 711 --bs-body-font-weight: 400; 712 --bs-body-line-height: 1.5; 713 --bs-body-color:var(--bs-black); /* MOD */ 714 --bs-body-bg:var(--bs-light); /* MOD */ 715 --bs-border-width: 1px; 716 --bs-border-style: solid; 717 --bs-border-color: #dee2e6; 718 --bs-border-color-translucent: rgba(0, 0, 0, 0.175); 719 --bs-border-radius: 0.375rem; 720 --bs-border-radius-sm: 0.25rem; 721 --bs-border-radius-lg: 0.5rem; 722 --bs-border-radius-xl: 1rem; 723 --bs-border-radius-2xl: 2rem; 724 725 --bs-border-radius-max: 999px; /* MOD (CUSTOM) */ 726 727 --bs-border-radius-pill: 50rem; 728 --bs-link-color:var(--bs-dark); 729 --bs-link-hover-color:var(--bs-black); 730 --bs-code-color: #d63384; 731 --bs-highlight-bg: #fff3cd; 732 733 734 --bs-nav-link-font-size-mobile:1.25rem; /* MOD (CUSTOM)*/ 735 736 --bs-btn-active-border-color:transparent; 737 738 739 } 740 741/* END ROOT VARIABLE */ 742 743/* BTN LG SIZE*/ 744 745.btn-group-lg>.btn, .btn-lg { 746 --bs-btn-font-size: 1.1rem; 747} 748 749/* END BTN LG SIZE*/ 750 751 752/* BTN VARIABLE */ 753 754.btn-primary { 755 --bs-btn-color:var(--bs-black); 756 --bs-btn-bg:var(--bs-primary); 757 --bs-btn-border-color:var(--bs-primary); 758 --bs-btn-hover-color:var(--bs-primary); 759 --bs-btn-hover-bg:var(--bs-black);; 760 --bs-btn-hover-border-color:var(--bs-black);; 761 --bs-btn-focus-shadow-rgb: 213,84,72; 762 --bs-btn-active-color:var(--bs-black); 763 --bs-btn-active-bg:#bfa119; 764 --bs-btn-active-border-color:#bfa119; 765 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 766 --bs-btn-disabled-color:var(--bs-black); 767 --bs-btn-disabled-bg:var(--bs-primary); 768 --bs-btn-disabled-border-color:var(--bs-primary); 769} 770 771.btn-outline-primary { 772 --bs-btn-color:var(--bs-white); 773 --bs-btn-border-color:var(--bs-primary); 774 --bs-btn-hover-color:var(--bs-black); 775 --bs-btn-hover-bg:var(--bs-primary); 776 --bs-btn-hover-border-color:var(--bs-primary); 777 --bs-btn-focus-shadow-rgb: 213,84,72; 778 --bs-btn-active-color:var(--bs-black); 779 --bs-btn-active-bg:var(--bs-primary); 780 --bs-btn-active-border-color:var(--bs-primary); 781 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 782 --bs-btn-disabled-color:var(--bs-primary); 783 --bs-btn-disabled-bg: transparent; 784 --bs-btn-disabled-border-color:var(--bs-primary); 785 --bs-gradient: none; 786} 787 788.btn-secondary { 789 --bs-btn-color:var(--bs-black); 790 --bs-btn-bg:var(--bs-white);/* MOD */ 791 --bs-btn-border-color:var(--bs-white);/* MOD */ 792 --bs-btn-hover-color:var(--bs-white); 793 --bs-btn-hover-bg:var(--bs-black); 794 --bs-btn-hover-border-color:var(--bs-black); 795 --bs-btn-focus-shadow-rgb: 130,138,145; 796 --bs-btn-active-color: #fff; 797 --bs-btn-active-bg:var(--bs-black); 798 --bs-btn-active-border-color: var(--bs-black); 799 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 800 --bs-btn-disabled-color: #fff; 801 --bs-btn-disabled-bg:var(--bs-secondary); /* MOD */ 802 --bs-btn-disabled-border-color:var(--bs-secondary); /* MOD */ 803} 804 805.btn-outline-secondary { 806 --bs-btn-color:var(--bs-white); /* MOD */ 807 --bs-btn-border-color:var(--bs-white); /* MOD */ 808 --bs-btn-hover-color:var(--bs-black); 809 --bs-btn-hover-bg:var(--bs-white); /* MOD */ 810 --bs-btn-hover-border-color:var(--bs-white); /* MOD */ 811 --bs-btn-focus-shadow-rgb: 108,117,125; 812 --bs-btn-active-color:var(--bs-black); 813 --bs-btn-active-bg:var(--bs-white); /* MOD */ 814 --bs-btn-active-border-color:var(--bs-white); /* MOD */ 815 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 816 --bs-btn-disabled-color:var(--bs-white); /* MOD */ 817 --bs-btn-disabled-bg: transparent; 818 --bs-btn-disabled-border-color:var(--bs-white); /* MOD */ 819 --bs-gradient: none; 820} 821 822.btn-light { 823 --bs-btn-color: var(--bs-dark); 824 --bs-btn-bg:var(--bs-light); 825 --bs-btn-border-color:var(--bs-light); 826 --bs-btn-hover-color: var(--bs-dark); 827 --bs-btn-hover-bg: #e7e7e7; 828 --bs-btn-hover-border-color:#e7e7e7; 829 --bs-btn-focus-shadow-rgb: 213,84,72; 830 --bs-btn-active-color: var(--bs-dark); 831 --bs-btn-active-bg: #e7e7e7; 832 --bs-btn-active-border-color: #e7e7e7; 833 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 834 --bs-btn-disabled-color: var(--bs-dark); 835 --bs-btn-disabled-bg:var(--bs-light); 836 --bs-btn-disabled-border-color:var(--bs-light); 837} 838 839.btn-outline-light { 840 --bs-btn-color:var(--bs-light); 841 --bs-btn-border-color:var(--bs-light); 842 --bs-btn-hover-color: var(--bs-dark); 843 --bs-btn-hover-bg:var(--bs-light); 844 --bs-btn-hover-border-color:var(--bs-light); 845 --bs-btn-focus-shadow-rgb: 213,84,72; 846 --bs-btn-active-color: var(--bs-dark); 847 --bs-btn-active-bg:var(--bs-light); 848 --bs-btn-active-border-color:var(--bs-light); 849 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 850 --bs-btn-disabled-color:var(--bs-light); 851 --bs-btn-disabled-bg: transparent; 852 --bs-btn-disabled-border-color:var(--bs-light); 853 --bs-gradient: none; 854} 855 856.btn-dark { 857 --bs-btn-color:var(--bs-white); 858 --bs-btn-bg: var(--bs-black); 859 --bs-btn-border-color: var(--bs-black); 860 --bs-btn-hover-color:var(--bs-white); 861 --bs-btn-hover-bg: #424649; 862 --bs-btn-hover-border-color: #373b3e; 863 --bs-btn-focus-shadow-rgb: 66,70,73; 864 --bs-btn-active-color:var(--bs-white); 865 --bs-btn-active-bg: #4d5154; 866 --bs-btn-active-border-color: #373b3e; 867 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 868 --bs-btn-disabled-color:var(--bs-white); 869 --bs-btn-disabled-bg: var(--bs-black); 870 --bs-btn-disabled-border-color: var(--bs-black); 871} 872 873.btn-outline-dark { 874 --bs-btn-color: var(--bs-black); 875 --bs-btn-border-color: var(--bs-black); 876 --bs-btn-hover-color:var(--bs-white); 877 --bs-btn-hover-bg: var(--bs-black); 878 --bs-btn-hover-border-color: var(--bs-black); 879 --bs-btn-focus-shadow-rgb: 33,37,41; 880 --bs-btn-active-color:var(--bs-white); 881 --bs-btn-active-bg: var(--bs-black); 882 --bs-btn-active-border-color: var(--bs-black); 883 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 884 --bs-btn-disabled-color: var(--bs-black); 885 --bs-btn-disabled-bg: transparent; 886 --bs-btn-disabled-border-color: var(--bs-black); 887 --bs-gradient: none; 888} 889 890/* END BTN VARIABLE */ 891
892/* PAGINATION */ 893 894.pagination { 895 --bs-pagination-padding-x: 0.75rem; 896 --bs-pagination-padding-y: 0.375rem; 897 --bs-pagination-font-size: 1rem; 898 --bs-pagination-color: var(--bs-link-color); 899 --bs-pagination-bg: #fff; 900 --bs-pagination-border-width: 1px; 901 --bs-pagination-border-color: #dee2e6; 902 --bs-pagination-border-radius: 0; 903 --bs-pagination-hover-color: var(--bs-link-hover-color); 904 --bs-pagination-hover-bg: #e9ecef; 905 --bs-pagination-hover-border-color: #dee2e6; 906 --bs-pagination-focus-color: var(--bs-link-hover-color); 907 --bs-pagination-focus-bg: #e9ecef; 908 --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); 909 --bs-pagination-active-color: #fff; 910 --bs-pagination-active-bg: var(--bs-primary); 911 --bs-pagination-active-border-color: var(--bs-primary); 912 --bs-pagination-disabled-color: #6c757d; 913 --bs-pagination-disabled-bg: #fff; 914 --bs-pagination-disabled-border-color: #dee2e6; 915 display: flex; 916 padding-left: 0; 917 list-style: none; 918} 919 920/* DROPDOWN */ 921 922 923 924/* FINE DROPDOWN */ 925 926/* BUTTON OVERWRITE STYLE */ 927 928/* .btn-light{ 929 color:var(--bs-white); 930 background-color:var(--bs-orange) ; 931 border-color:var(--bs-orange); 932} 933 934.btn-light:hover{ 935 color:var(--bs-light); 936 background-color: var(--bs-yellow); 937 border-color: var(--bs-yellow); 938} 939 940.btn-light:active{ 941 color:var(--bs-light)!important; 942 background-color: var(--bs-yellow)!important; 943 border-color: var(--bs-yellow)!important; 944} 945 946.btn-outline-light{ 947 color:var(--bs-orange); 948 border-color:var(--bs-orange); 949} 950 951.btn-outline-light:hover{ 952 color:var(--bs-light); 953 background-color: var(--bs-yellow); 954 border-color: var(--bs-yellow); 955} 956 957.btn-outline-light:active{ 958 color:var(--bs-light)!important; 959 background-color: var(--bs-yellow)!important; 960 border-color: var(--bs-yellow)!important; 961} 962 963*/ 964 965/* END BUTTON OVERWRITE STYLE */ 966 967 968 969/* LIST GROUND VARIABLE */ 970 971.list-group { 972 --bs-list-group-color:var(--bs-dark); /* MOD */ 973 --bs-list-group-bg: #fff; 974 --bs-list-group-border-color:var(--bs-dark); /* MOD */ 975 --bs-list-group-border-width: 0; /* MOD */ 976 --bs-list-group-border-radius: 0; /* MOD */ 977 --bs-list-group-item-padding-x: 1rem; 978 --bs-list-group-item-padding-y: 0.5rem; 979 --bs-list-group-action-color: #495057; 980 --bs-list-group-action-hover-color: #495057; 981 --bs-list-group-action-hover-bg: #f8f9fa; 982 --bs-list-group-action-active-color:var(--bs-dark); /* MOD */ 983 --bs-list-group-action-active-bg: #e9ecef; 984 --bs-list-group-disabled-color: #6c757d; 985 --bs-list-group-disabled-bg: #fff; 986 --bs-list-group-active-color: #fff; 987 --bs-list-group-active-bg: #0d6efd; 988 --bs-list-group-active-border-color: #0d6efd; 989} 990 991/* END LIST GROUND VARIABLE */ 992 993/* CARD VARIABLE */ 994 995.card { 996 --bs-card-spacer-y: 1rem; 997 --bs-card-spacer-x: 1rem; 998 --bs-card-title-spacer-y: 0.5rem; 999 --bs-card-border-width: 0; /* MOD */ 1000 --bs-card-border-color: var(--bs-border-color-translucent); 1001 --bs-card-border-radius: 0; /* MOD */
1002 --bs-card-box-shadow: ; 1003 --bs-card-inner-border-radius:0; /* MOD */ 1004 --bs-card-cap-padding-y: 0.5rem; 1005 --bs-card-cap-padding-x: 1rem; 1006 --bs-card-cap-bg: rgba(0, 0, 0, 0.03); 1007 --bs-card-cap-color: ; 1008 --bs-card-height: ; 1009 --bs-card-color: ; 1010 --bs-card-bg: #fff; 1011 --bs-card-img-overlay-padding: 1rem; 1012 --bs-card-group-margin: 0.75rem; 1013} 1014 1015 1016 1017 1018/* TAXONOMY */ 1019 1020ul.taxonomy-container{ 1021 display: none; 1022} 1023 1024 1025 1026/* END CARD VARIABLE */ 1027 1028/* NAVBAR VARIABLE */ 1029 1030.navbar { 1031 1032 --bs-navbar-color:var(--bs-black); 1033 --bs-navbar-active-color:var(--bs-black); 1034 --bs-navbar-nav-link-padding-x: 0.5rem; 1035 1036 1037 1038} 1039 1040@media (min-width: 1540px) { 1041 .navbar { 1042 --bs-navbar-nav-link-padding-x: 0.75rem; 1043 } 1044} 1045 1046 1047 1048 1049 1050/* FINE NAVBAR VARIABLE */ 1051 1052/* BODY AND FONT STYLE */ 1053 1054 1055 1056/* h1,h2,h3,h4,h5{ 1057 font-family: 'Jost', sans-serif; 1058} */ 1059 1060/* body{ 1061 background-image: url('/upload/media-gallery/audi_bg_sx.jpg'), url('/upload/media-gallery/audi_bg_dx.jpg'), url('/upload/media-gallery/audi_bg_top.jpg'); 1062 background-attachment: fixed; 1063 background-position: left top, right top, center top; 1064 background-repeat: no-repeat; 1065 background-size: contain; 1066} */ 1067 1068 1069 1070 1071/* @media (min-width: 1600px) and (max-width: 1899.98px) { 1072 body{ 1073 background-size: auto; 1074 } 1075 1076} */ 1077 1078 1079/* END BODY AND FONT STYLE */ 1080 1081/* PAGINAZIONE PAGINE CATEGORIA */ 1082@media (max-width: 767.98px) { 1083 1084 nav[aria-label=navigazione] ul.pagination{ 1085 display: block; 1086 text-align: center; 1087 } 1088 1089 nav[aria-label=navigazione] li{ 1090 display: inline-block; 1091 } 1092 1093 nav[aria-label=navigazione] li a{ 1094 display: inline-block; 1095 } 1096} 1097 1098 1099/* BUTTON */ 1100 1101a.btn, 1102button.btn{ 1103 border-radius: 0; 1104 text-transform: uppercase; 1105 font-weight: 600; 1106 letter-spacing: 3px; 1107 font-size: 13px; 1108} 1109 1110 1111 1112/* END BUTTON */ 1113 1114/* ADV */ 1115 1116/* #adv-BoxP{ 1117 background: 0 0!important; 1118 position: relative; 1119 text-align: center; 1120} 1121 1122#adv-BoxP img{ 1123 1124 width: 300px; 1125 height: 250px; 1126} */ 1127 1128#adv-Middle1-hr{ 1129 padding-bottom: 3rem; 1130} 1131 1132@media screen and (min-width: 768px) and (max-width: 1539px){ 1133 #adv-Piede, 1134 #adv-TopLeft, 1135 #editorial-TopLeft, .block__layout-audio, .breaking-news, .gd-row, .page-header { 1136 max-width: 996px; 1137 } 1138} 1139 1140 1141@media (min-width: 768px){ 1142 body:not(.native) #adv-TopLeft { 1143 /* min-height: 284px; */ 1144 /* background-color: #f7f7f7; */ 1145 padding: 0 0 12px; 1146 display: flex; 1147 justify-content: center; 1148 flex-wrap: wrap; 1149 background-position: center; 1150 background-repeat: no-repeat; 1151 } 1152} 1153 1154 1155/* #adv-BoxP:before{ 1156 content: "adv"; 1157 display: block; 1158 font-size: 11px; 1159 line-height: 22px; 1160 color: #999; 1161 text-align: center; 1162} */ 1163 1164/* FORM INPUT */ 1165 1166.form-check-input:checked { 1167 background-color:var(--bs-dark); 1168 border-color:var(--bs-dark); 1169} 1170 1171.form-check-input:focus { 1172 border-color: var(--bs-secondary); 1173 box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25); 1174} 1175 1176.form-control:focus { 1177 border-color: var(--bs-secondary); 1178 box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25); 1179 1180} 1181 1182.form-control{ 1183 border-radius: 0; 1184} 1185 1186/* END FORM INPUT */ 1187 1188/* SECTION */ 1189 1190section.section .featured-article a[type=button]{ 1191 width: 60%; 1192} 1193 1194 1195/* END SECTION */ 1196 1197/* HEADER */ 1198 1199/* @media (min-width: 1200px) { 1200 header{ 1201 margin-top: 115px; 1202 } 1203} */ 1204 1205/* ************** 1206 1207Altezza header 1208 12090>1199.98 = 178 12101200>1539.98 = 168 12111540>Infinito = 198 1212 1213******************/ 1214 1215/* **********HANDLE LOGO in HEADER *************/ 1216 1217 1218 1219header .offcanvas-body .navbar-brand-container{ 1220 width: 230px; 1221} 1222 1223header .offcanvas-body form{ 1224 width: 230px; 1225} 1226 1227@media (max-width: 575.98px) { 1228 header .nav-container{ 1229 padding-left:0 ; 1230 padding-right:0 ; 1231 } 1232} 1233 1234@media (max-width: 1199.98px){ 1235 header button[type=submit]{ 1236 color: var(--bs-white); 1237 } 1238} 1239 1240 1241 1242@media (min-width: 992px) and (max-width: 1539.98px) { 1243 header .offcanvas-body .navbar-brand-container{ 1244 width: 175px; 1245 } 1246 header .offcanvas-body .navbar-brand-container .navbar-brand{ 1247 max-width: 175px; 1248 } 1249 header .offcanvas-body .navbar-brand-container .navbar-brand img{ 1250 width: 175px; 1251 } 1252 header .offcanvas-body form{ 1253 width: 175px; 1254 } 1255} 1256 1257@media (min-width: 1540px) { 1258 header .offcanvas-body .navbar-brand-container{ 1259 width: 230px; 1260 } 1261 header .offcanvas-body .navbar-brand-container .navbar-brand{ 1262 max-width: 230px; 1263 } 1264 header .offcanvas-body .navbar-brand-container .navbar-brand img{ 1265 width: 230px; 1266 } 1267 header .offcanvas-body form{ 1268 width: 230px; 1269 } 1270} 1271 1272header .nav-container >.navbar-brand, 1273header .nav-container >.navbar-brand img, 1274header .offcanvas-title{ 1275width: 150px; 1276} 1277 1278/* *********END HANDLE LOGO in HEADER *********/ 1279 1280header .nav-link{ 1281 font-weight: 600; 1282 letter-spacing: 3px; 1283} 1284 1285/* @media (min-width: 1200px) and (max-width: 1899.98px) { 1286 header .nav-link{ 1287 font-size: 14px; 1288 } 1289} */ 1290 1291header .navbar { 1292 --bs-navbar-padding-x: 1rem; 1293 --bs-navbar-padding-y: 3rem; 1294} 1295 1296.offcanvas{ 1297 1298 --bs-offcanvas-padding-x: 2.5rem; 1299 --bs-offcanvas-padding-y: 3rem; 1300 1301} 1302 1303 1304 1305/* header form .form-control{ 1306 font-weight: 600; 1307 font-size: 0.8em; 1308 letter-spacing: 3px; 1309} */ 1310 1311header form .btn{ 1312 color:var(--bs-white); 1313} 1314 1315header form .btn:hover, 1316header form .btn:active { 1317 color:var(--bs-light); 1318} 1319 1320header .offcanvas-body{ 1321 display: flex; 1322 flex-direction: column; 1323} 1324 1325@media (min-width: 1200px) { 1326 1327 header { 1328 .offcanvas-body{ 1329 flex-direction: row; 1330 padding-left:20px!important; 1331 padding-right:20px!important; 1332 1333 } 1334 &.photomaster{ 1335 .offcanvas-body{ 1336 flex-direction: column; 1337 padding-left:0!important; 1338 padding-right:0!important; 1339 } 1340 } 1341 } 1342 1343 header form .btn{ 1344 color:var(--bs-black); 1345 1346 } 1347 1348 header form .btn:hover, 1349 header form .btn:active { 1350 color:var(--bs-dark)!important; 1351 1352 } 1353 1354} 1355 1356/* IN ATTESA DEL CERCA DEL SITO */ 1357 1358/* header form{ 1359 visibility:hidden; 1360} */ 1361 1362/* FINE IN ATTESA DEL CERCA DEL SITO */ 1363 1364header .form-control{ 1365 border:0; 1366 border-bottom:1px solid var(--bs-black); 1367 background-color: transparent; 1368 border-radius: 0; 1369 color: var(--bs-white); 1370} 1371 1372header .form-control:focus { 1373 background-color: transparent; 1374 color: var(--bs-white); 1375} 1376 1377@media (min-width: 1200px) { 1378 header .form-control{ 1379 color: var(--bs-black); 1380 } 1381 1382 header .form-control:focus { 1383 color: var(--bs-black); 1384 } 1385} 1386 1387 1388 1389 1390header .btn-close { 1391 opacity: 1; 1392} 1393 1394/* 1395 1396.navbar { 1397 --bs-navbar-padding-x: 0; 1398 --bs-navbar-padding-y: 0.5rem; 1399 --bs-navbar-color: rgba(0, 0, 0, 0.55); 1400 --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); 1401 --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); 1402 --bs-navbar-active-color: rgba(0, 0, 0, 0.9); 1403 --bs-navbar-brand-padding-y: 0.3125rem; 1404 --bs-navbar-brand-margin-end: 1rem; 1405 --bs-navbar-brand-font-size: 1.25rem; 1406 --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); 1407 --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); 1408 --bs-navbar-nav-link-padding-x: 0.5rem; 1409 --bs-navbar-toggler-padding-y: 0.25rem; 1410 --bs-navbar-toggler-padding-x: 0.75rem; 1411 --bs-navbar-toggler-font-size: 1.25rem; 1412 --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e); 1413 1414 --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); 1415 --bs-navbar-toggler-border-radius: 0.375rem; 1416 --bs-navbar-toggler-focus-width: 0.25rem; 1417 --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; 1418 position: relative; 1419 display: flex; 1420 flex-wrap: wrap; 1421 align-items: center; 1422 justify-content: space-between; 1423 padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); 1424}*/ 1425 1426header{ 1427 &.all-pages{ 1428 .header-notice{ 1429 .left-element{ 1430 a.navbar-brand{ 1431 display: inline-block; 1432 width: 150px; 1433 } 1434 } 1435 @media (max-width: 1199.98px) { 1436 display: none!important; 1437 } 1438 } 1439 .navbar{ 1440 --bs-navbar-padding-y: .5rem; 1441 @media (max-width: 1199.98px) { 1442 background-color: var(--bs-black)!important; 1443 --bs-navbar-padding-y: 1rem; 1444 1445 } 1446 1447 .navbar-toggler{ 1448 color: #fff; 1449 &:focus{ 1450 box-shadow: none; 1451 } 1452 .navbar-toggler-icon{ 1453 background-image:url('/upload/logo/list.svg') ; 1454 } 1455 } 1456 .navbar-nav{ 1457 li.nav-item{ 1458 display: flex; 1459 justify-content: center; 1460 align-items: center; 1461 } 1462 } 1463 } 1464 1465 } 1466 .header-notice{ 1467 height: 100%; 1468 } 1469} 1470 1471header .header-notice{ 1472 padding-left:28px ; 1473 padding-right:28px ; 1474} 1475 1476@media (max-width: 575.98px) { 1477 header .header-notice{ 1478 padding-left:1rem ; 1479 padding-right:1rem ; 1480 } 1481} 1482 1483@media (max-width: 359.98px) { 1484 header .header-notice{ 1485 flex-direction: column; 1486 } 1487} 1488 1489@media (max-width: 479.98px) { 1490 1491 header .header-notice button, 1492 header .header-notice a{ 1493 font-size: 11px; 1494 } 1495 1496 header .header-notice button{ 1497 margin: .5rem 0; 1498 } 1499 1500} 1501 1502header .header-notice{ 1503 background-color: var(--bs-black ); 1504} 1505 1506/* header .header-notice a{ 1507 --bs-text-opacity: 1; 1508 color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)); 1509} 1510 1511header .header-notice a:hover{ 1512 --bs-text-opacity:1; 1513 color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)); 1514} */ 1515 1516header .dropdown-menu.show { 1517 position: absolute!important; 1518} 1519 1520header .nav-link{ 1521 text-decoration: underline solid rgba(255,204,0,0) 3px; 1522 transition: text-decoration-color .15s ease-in-out, color .15s ease-in-out; 1523} 1524 1525header .nav-link:focus, 1526header .nav-link:hover, 1527header .nav-link.active{ 1528 text-decoration: underline solid rgba(255,204,0,1) 3px; 1529 /* transition: text-decoration-color .15s ease-in-out, color .15s ease-in-out; */ 1530} 1531 1532header.photomaster{ 1533 .nav-link.active:hover{ 1534 text-decoration-color: rgba(255,204,0,1); 1535 text-decoration-line: underline; 1536 text-decoration-thickness: 3px; 1537 /* transition: text-decoration-color .15s ease-in-out, color .15s ease-in-out; */ 1538 } 1539} 1540 1541header:not(.photomaster) { 1542 .nav-link.active:hover{ 1543 color: rgba(0, 0, 0, 0.7); 1544 } 1545} 1546 1547@media (max-width: 1199.98px) { 1548 1549 header:not(.photomaster) { 1550 .nav-link.active:hover{ 1551 color: rgba(255, 255, 255, 0.7); 1552 } 1553 } 1554 1555 header .form-control, 1556 header .form-control:focus{ 1557 border-bottom-color: var(--bs-light); 1558 } 1559 1560 header .navbar { 1561 --bs-navbar-color: var(--bs-white); 1562 --bs-navbar-hover-color: var(--bs-white); 1563 --bs-navbar-active-color: rgba(244, 244, 244, 0.75); 1564 } 1565 1566 header .nav-link { 1567 font-size: var(--bs-nav-link-font-size-mobile); /* MOD CUSTOM */ 1568 1569 } 1570 1571} 1572 1573@media (max-width: 1399.98px) { 1574 header { 1575 &.photomaster{ 1576 .navbar { 1577 --bs-navbar-color: var(--bs-white); 1578 --bs-navbar-hover-color: var(--bs-white); 1579 --bs-navbar-active-color: rgba(244, 244, 244, 0.75); 1580 } 1581 } 1582 } 1583} 1584 1585@media (min-width: 1200px) and (max-width: 1539.98px) { 1586 header .nav-link{ 1587 font-size: 14px; 1588 } 1589} 1590 1591 1592/* END HEADER */ 1593/* 1594#leggiAbbonatiButton{ 1595 display: none!important; 1596} 1597header{ 1598 a[href="https://ng.gedidigital.it/plus/edicola/edicola.jsp"]{ 1599 display: none!important; 1600 } 1601} */ 1602/* FOOTER */ 1603 1604footer{ 1605 padding-left: 48px; 1606 padding-right: 48px; 1607} 1608 1609footer h5{ 1610 font-size: 1em; 1611 font-weight: 600; 1612 letter-spacing: 3px; 1613 text-transform: uppercase; 1614} 1615 1616footer ul.privacy-container li{ 1617 display: block; 1618} 1619 1620@media (min-width: 768px) { 1621 footer ul.privacy-container li{ 1622 1623 display: inline-block; 1624 } 1625} 1626 1627footer ul.privacy-container li:not(:last-child){ 1628 margin-right: 10px; 1629} 1630 1631footer ul.privacy-container a{ 1632 text-decoration: none; 1633 font-size: .75rem; 1634} 1635 1636footer .copy-container p{ 1637 font-size: 0.75em; 1638 letter-spacing: 2px; 1639 text-transform: uppercase; 1640} 1641 1642footer ul.social-container a{ 1643 display: flex;
1644 width: 20px; 1645 height: 20px; 1646} 1647 1648footer .nav-link{ 1649 font-size: 0.8em; 1650 letter-spacing: 1px; 1651} 1652 1653footer .nav-link, 1654footer a{ 1655 color:var(--bs-white); 1656 1657} 1658 1659footer .nav-link:hover, 1660footer .nav-link:focus, 1661footer a:hover, 1662footer a:focus{ 1663 color:var(--bs-primary); 1664} 1665 1666footer .logo-footer img{ 1667 width: 150px; 1668} 1669 1670/* FINE FOOTER */ 1671 1672/* IMAGE SECTION */ 1673 1674/* PHOTO GALLERY */ 1675 1676@media (max-width: 575.98px) { 1677 section.photo-gallery-container .caption p{ 1678 font-size: 12px; 1679 } 1680} 1681 1682 1683@media (min-width: 992px) and (max-width: 1899.98px) { 1684 section.photo-gallery-container .caption p{ 1685 font-size: 12px; 1686 } 1687} 1688 1689 1690section.photo-gallery-container .caption p{ 1691 background-image: linear-gradient(120deg,var(--bs-primary),var(--bs-primary)); 1692 background-position: 0 100%; 1693 background-repeat: no-repeat; 1694 background-size: 100% 0; 1695 border-bottom: 2px solid var(--bs-primary); 1696 color: #fff; 1697 text-decoration: none; 1698 transition: background-size .15s ease-in-out; 1699} 1700 1701section.photo-gallery-container .caption p:hover{ 1702 background-size: 100% 100%; 1703 color: var(--bs-black); 1704} 1705 1706 1707 1708 1709 1710section.photo-gallery-container h2{ 1711 font-weight: 600; 1712 letter-spacing: 6px; 1713} 1714 1715section.photo-gallery-container a{ 1716 color:var(--bs-white); 1717 transition: color .15s ease-in-out; 1718 1719} 1720 1721section.photo-gallery-container a:hover, 1722section.photo-gallery-container a:focus{ 1723 color:var(--bs-light); 1724} 1725/* FINE PHOTO GALLERY */ 1726 1727/* 1728*****BRANDED ARTICLE**** 1729*****CTA BANNER********* 1730*/ 1731 1732/* section.branded-article-container a h2, 1733section.branded-article-container a p, */ 1734section.cta-banner-container a h3{ 1735 color:rgba(255, 255, 255, 1); 1736} 1737 1738/* section.branded-article-container a:hover h2, */ 1739section.cta-banner-container a:hover h3{ 1740 color:rgba(255, 255, 255, 0.9); 1741} 1742 1743/* 1744*****FINE BRANDED ARTICLE**** 1745**********CTA BANNER********* 1746*/ 1747 1748 1749/* PAGE BANNER */ 1750 1751section.page-banner-container{ 1752 color:var(--bs-white); 1753} 1754 1755@media (max-width: 575.98px) { 1756 section.page-banner-container .lead{ 1757 font-size: 1rem; 1758 } 1759} 1760 1761 1762 1763 1764 1765/* FINE PAGE BANNER */ 1766 1767section.title-section-container.title-section-page1-blocco2, 1768section.title-section-container.title-section-page1-blocco12{ 1769 display: none; 1770} 1771 1772section.parallax-section-container.parallax-dx-section-page1-blocco10178 .container-lg, 1773section.cta-banner-container.cta-banner-page1-blocco3 .container-lg{ 1774 padding-top: 3rem!important; 1775} 1776 1777 1778 1779/* CTA BANNER */ 1780 1781section.cta-banner-container p.article-tag{ 1782 text-transform: uppercase; 1783} 1784 1785section.cta-banner-container h3{ 1786 font-weight: 600; 1787} 1788 1789 1790section.cta-banner-container a{ 1791 color:var(--bs-white); 1792 1793} 1794 1795 1796section.cta-banner-container:hover, 1797section.cta-banner-container:focus{ 1798 color:var(--bs-white); 1799} 1800 1801section.cta-banner-container picture:after{ 1802 content: ''; 1803 position:absolute; 1804 top: 50%; 1805 left: 50%; 1806 width: 100%; 1807 height: 100%; 1808 transform: translate(-50%, -50%); 1809 background: rgb(0,0,0); 1810 background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 1811} 1812 1813section.cta-banner-container h3{ 1814 font-size: 2.5em; 1815 text-shadow: 0px 0px 5px #000000; 1816} 1817 1818section.cta-banner-container .card-text.article-tag{ 1819 text-shadow: 0px 0px 5px #000000; 1820} 1821 1822section.cta-banner-container .article-tag:before { 1823 box-shadow: 0px 0px 5px #000000; 1824 margin-right: 13px !important; 1825} 1826 1827@media (max-width: 575.98px) { 1828 section.cta-banner-container h3{ 1829 font-size: 1.5em; 1830 } 1831} 1832 1833/* FINE CTA BANNER */ 1834 1835/* MODAL */ 1836 1837/* FINE MODAL */ 1838/* .modal#natgeo { 1839 background-color:var(--bs-primary) ; 1840} 1841 1842.modal#natgeo .modal-fullscreen{ 1843 background-color:var(--bs-primary) ; 1844} */ 1845 1846.modal#natgeo .modal-fullscreen .modal-content{ 1847 background-color:var(--bs-primary) ; 1848 background-image:url('/upload/modal-section/fullscreen_adv.jpg') ; 1849 1850 background-repeat: no-repeat; 1851 background-position: center center; 1852 background-size: contain; 1853} 1854 1855/* TITLE SECTION */ 1856 1857section.title-section-container{ 1858 text-align: center; 1859} 1860 1861section.title-section-container h2{ 1862 text-transform: uppercase; 1863 font-size: 4.5em; 1864 font-weight: 600; 1865 color: #dadada; 1866 letter-spacing: 8px; 1867} 1868 1869@media (max-width: 575.98px) { 1870 section.title-section-container h2{ 1871 1872 font-size: 2.5em; 1873 1874 } 1875 1876} 1877
1878/* END TITLE SECTION */ 1879 1880/* ARTICLE TAG && SUB CATEGORYSTYLE */ 1881 1882section.section .article-tag:before { 1883 background-color: var(--bs-primary); 1884 content: " "; 1885 display: inline-block; 1886 height: 14px; 1887 margin: 0 5px -1px 0px; 1888 width: 3px; 1889} 1890/* ARTICLE LIST */ 1891section.section .article-tag .tappa-article-list{ 1892 display: block; 1893 position: relative; 1894 transform: translateY(-7px); 1895} 1896 1897section.section .article-tag .tappa-article-list>span{ 1898 margin-left: 9px; 1899 letter-spacing: 1px!important; 1900} 1901 1902section.section .article-tag .tappa-article-list:before{ 1903 background-color: var(--bs-primary); 1904 content: " "; 1905 display: inline-block; 1906 height: 23px; 1907 margin: 0 5px -1px 0px; 1908 width: 3px; 1909} 1910 1911 1912/* ARTICLE LIST */ 1913 1914/* Articoli CAT 14 (Out of eden walk) */ 1915 1916section.section .intestazione-container{ 1917 display: flex; 1918 justify-content: space-between; 1919 align-items: center; 1920} 1921 1922section.section .intestazione-container span.tappa-oew, 1923section.section .intestazione-container span.tappa-oew >span{ 1924 display: inline-block; 1925 position: relative; 1926} 1927 1928section.section .intestazione-container span.tappa-oew >span{ 1929 margin-left: 3px; 1930 text-transform: uppercase; 1931 letter-spacing: 1px; 1932 font-weight: 600; 1933 font-size: 14px; 1934 color:var(--bs-dark); 1935} 1936 1937section.section .intestazione-container span.tappa-oew:before{ 1938 background-color: var(--bs-primary); 1939 content: " "; 1940 display: inline-block; 1941 height: 14px; 1942 margin: 0 5px -1px 0px; 1943 width: 3px; 1944} 1945 1946/* Articoli CAT 14 (Out of eden walk) */ 1947 1948 1949section.section .article-tag.titolo:before { 1950 1951 height: 40px; 1952 margin: 0 5px -26px 0px; 1953 1954} 1955 1956section.section p.article-tag { 1957 text-transform: uppercase; 1958 letter-spacing: 3px; 1959 font-weight: 600; 1960 font-size: 14px; 1961} 1962 1963@media (min-width: 992px) and (max-width: 1539.98px) { 1964 section.section p.article-tag { 1965 letter-spacing: 2px; 1966 } 1967} 1968 1969section.cta-banner-container .card-text:last-child { 1970 margin-bottom: 1rem; 1971} 1972 1973section.cta-banner-container.cta-banner-page1-blocco26725{ 1974 .handle-position{ 1975 margin-bottom:15% ; 1976 } 1977 1978} 1979 1980section.section .sub-category{ 1981 font-weight: 600; 1982 letter-spacing: 3px; 1983 font-size: 10px; 1984 display: inline-block; 1985 background-color:var(--bs-primary) ; 1986 color: var(--bs-black); 1987 padding: 4px 10px; 1988 transform: translateY(-3px); 1989 text-transform: uppercase; 1990} 1991 1992section.section .sub-category.inside-article{ 1993 display: block; 1994 background-color:transparent ; 1995 transform: translateY(0px); 1996 color: var(--bs-dark); 1997 margin-left: 6px; 1998 text-transform: capitalize; 1999 font-size: 14px; 2000} 2001section.section .sub-category.inside-article.tappa-oew{ 2002 letter-spacing: 1px; 2003 text-transform: uppercase; 2004} 2005 2006section.section .sub-category.hover-img{ 2007 position: absolute; 2008 bottom: 0; 2009 right: 0; 2010 margin: 0; 2011 transform: translateY(0px); 2012} 2013 2014/* FINE ARTICLE TAG STYLE */ 2015 2016/* PROMO-CONTDOWN */ 2017 2018section.promo-countdown-container{ 2019 background-color:rgba(40, 153, 167, 0.6) 2020} 2021 2022section.promo-countdown-expired{ 2023 background-color: rgba(73,80,87, 0.8); 2024} 2025 2026section.promo-countdown-container{ 2027 text-transform: uppercase; 2028} 2029 2030/* FINE PROMO-CONTDOWN */ 2031 2032/* PROMO-CAROUSEL */ 2033 2034section.promo-carousel-container .box .text-container span{ 2035 font-size: .9rem; 2036 } 2037 2038 section.promo-carousel-container .box .text-container{ 2039 color: var( --bs-light); 2040} 2041 2042 section.promo-carousel-container .card.bg-state-3 .box .text-container{ 2043 background-color: var( --bs-primary); 2044 } 2045 2046 section.promo-carousel-container .card.bg-state-3 .box:before{ 2047 background-color: rgba(73,80,87, 0.8); 2048} 2049 2050 section.promo-carousel-container .card.bg-state-2 .box .text-container{ 2051 background-color: var(--bs-secondary); 2052 } 2053 2054 section.promo-carousel-container .card.bg-state-1 .box .text-container{ 2055 background-color: #009997 2056 } 2057 2058 section.promo-carousel-container .card.bg-state-4 .box .text-container{ 2059 display: none; 2060} 2061 2062 /* FINE PROMO-CAROUSEL */ 2063 2064/* CTA BANNER */ 2065 2066 2067 2068/* FINE CTA BANNER */ 2069 2070/* STORE LOCATOR */ 2071 2072/* section.store-locator-container .form-container{ 2073 width: 320px; 2074} 2075 2076section.store-locator-container .form-control{ 2077 border-radius: var(--bs-border-radius-max); 2078 } */ 2079 2080section.store-locator-container button{ 2081 margin-left: -34px; 2082 padding: 0; 2083} 2084 2085/* section.store-locator-container .btn{ 2086 border-radius:var(--bs-border-radius-max); 2087} */ 2088 2089/* END STORE LOCATOR */ 2090
2091/* GRID BANNER E SQUARE BANNER*/ 2092 2093section.grid-banner-container button{ 2094 font-weight: 600; 2095 letter-spacing: 3px; 2096 font-size: 1.6em; 2097} 2098 2099@media (min-width: 992px) and (max-width: 1899.98px) { 2100 section.grid-banner-container button{ 2101 2102 font-size: 1.4em; 2103 } 2104} 2105 2106section.square-banner-container a{ 2107 color: var(--bs-primary); 2108 background-color:var(--bs-black); 2109 width: 60px; 2110 border-radius: 999px; 2111} 2112 2113 2114 2115section.grid-banner-container .box .text-container, 2116section.square-banner-container .box .text-container 2117 { 2118 z-index: 1; 2119} 2120 2121 2122section.grid-banner-container .box:before, 2123section.square-banner-container .box:before { 2124 content: ''; 2125 position: absolute; 2126 top: 50%; 2127 left: 50%; 2128 transform: translate(-50%, -50%); 2129 background-color: rgba(0, 0, 0, .3); 2130 width: 100%; 2131 height: 100%; 2132 z-index: 1; 2133} 2134 2135/* FINE GRID BANNER E SQUARE BANNER */ 2136 2137/* STORE CAROUSEL */ 2138 2139section.store-carousel-container .icon-container .icon-items{ 2140 border-width: 1px; 2141} 2142 2143/* END STORE CAROUSEL */ 2144 2145/* STORE DETAILS */ 2146 2147section.store-details-container .icon-container .icon-items{ 2148 border-width: 1px; 2149} 2150 2151/* END STORE DETAILS */ 2152 2153/* STORE LIST */ 2154section.store-list-container .icon-container .icon-items{ 2155 border-width: 1px; 2156} 2157/* FINE STORE LIST */ 2158 2159/* PARALLAX-SECTION */ 2160section.parallax-section-container .row-cols-1 > .col{ 2161 min-height: 478px; 2162 2163} 2164 2165@media (min-width: 1540px) { 2166 section.parallax-section-container .row-cols-1 > .col{ 2167 min-height: 520px; 2168 2169 } 2170} 2171 2172section.parallax-section-container .card{ 2173 height: 100%; 2174 2175 } 2176 2177section.parallax-section-container .card-body{ 2178 display: flex; 2179 justify-content: space-between; 2180 align-items: start; 2181 flex-direction: column; 2182} 2183 2184@media (min-width: 992px) { 2185 section.parallax-section-container .sticky-container{ 2186 top: 248px ; 2187 2188 } 2189} 2190 2191/* END PARALLAX-SECTION */ 2192 2193/* FORM-CONTACT */ 2194 2195section.form-contact-container .icon-container .icon-items{ 2196 border-width: 1px; 2197} 2198 2199/* END FORM-CONTACT */ 2200 2201/* HERO SLIDER */ 2202 2203section.hero-slider-container .carousel-item .carousel-caption h2, 2204section.hero-slider-container .carousel-caption p, 2205section.hero-slider-container .carousel-caption button{ 2206 opacity: 0; /* ANIMATION */ 2207} 2208 2209/* FINE HERO SLIDER */ 2210 2211/* RICERCA 0 RISULTATI */ 2212 2213/* RICERCA 0 RISULTATI */ 2214 2215body.body-1283 section.article-list-container .totale_0{ 2216 width: 100%; 2217} 2218 2219/* section.button-section-container.button-section-page1-blocco20069{ 2220 display: none; 2221} */ 2222 2223section.text-carousel-container.text-carousel-page1-blocco19886{ 2224 display: none; 2225} 2226 2227section.button-section-container.button-section-page1-blocco20069 .container-lg{ 2228 padding-top: 3rem; 2229} 2230 2231/* HOME PAGE 29 04 2024 */ 2232/* section.text-carousel-container.text-carousel-page1-blocco19886{ 2233 display:none; 2234} */ 2235 2236/* NATIVE PAGES 1669*/ 2237 2238body.body-1493 .ngi-content-container em, 2239body.body-1536 .ngi-content-container em, 2240body.body-1620 .ngi-content-container em, 2241body.body-1647 .ngi-content-container em, 2242body.body-1658 .ngi-content-container em, 2243body.body-1669 .ngi-content-container em, 2244body.body-1722 .ngi-content-container em, 2245body.body-1757 .ngi-content-container em, 2246body.body-1765 .ngi-content-container em, 2247body.body-1771 .ngi-content-container em{ 2248 font-style: normal!important; 2249 font-size: 13.6px; 2250} 2251 2252body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg, 2253body.body-1536 .sponsor-section-container + style + .ngi-content-container .container-lg, 2254body.body-1620 .sponsor-section-container + style + .ngi-content-container .container-lg, 2255body.body-1647 .sponsor-section-container + style + .ngi-content-container .container-lg, 2256body.body-1658 .sponsor-section-container + style + .ngi-content-container .container-lg, 2257body.body-1669 .sponsor-section-container + style + .ngi-content-container .container-lg, 2258body.body-1722 .sponsor-section-container + style + .ngi-content-container .container-lg, 2259body.body-1738 .sponsor-section-container + style + .ngi-content-container .container-lg, 2260body.body-1757 .sponsor-section-container + style + .ngi-content-container .container-lg, 2261body.body-1765 .sponsor-section-container + style + .ngi-content-container .container-lg, 2262body.body-1771 .sponsor-section-container + style + .ngi-content-container .container-lg{ 2263 padding-bottom: 0!important; 2264 padding-top: 3rem; 2265} 2266 2267body.body-1738 .sponsor-section-container + style + .ngi-content-container em{ 2268 font-style: normal!important; 2269 font-size: 13.6px; 2270} 2271 2272body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2273body.body-1536 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2274body.body-1620 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2275body.body-1647 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2276body.body-1658 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2277body.body-1669 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2278body.body-1722 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2279body.body-1738 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2280body.body-1757 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2281body.body-1765 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1), 2282body.body-1771 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1){ 2283 font-weight: 400; 2284 font-size: 1rem!important; 2285} 2286 2287body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2288body.body-1536 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2289body.body-1620 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2290body.body-1647 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2291body.body-1658 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2292body.body-1669 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2293body.body-1722 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2294body.body-1738 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2295body.body-1757 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2296body.body-1765 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2), 2297body.body-1771 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2){ 2298 margin-bottom: 0!important; 2299 font-weight: 400; 2300 font-size: 1rem!important; 2301} 2302 2303body.body-1536 .sponsor-section-container, 2304body.body-1547 .sponsor-section-container.sponsor-section-page1547-blocco11484{ 2305 display: none; 2306} 2307 2308 2309/* body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(3){ 2310 display: none; 2311 } */ 2312 2313 2314/* ********************************************* 2315************************************************ 2316 CUSTOM STYLE SECTIONS STAGE 2317************************************************ 2318********************************************* */ 2319 2320section.featured-post-container.featured-post-page1-blocco12076, 2321section.title-section-container.title-section-page1-blocco12075{ 2322 display: none; 2323} 2324 2325section.title-section-container.title-section-page49-blocco245 .container-lg{ 2326 padding-top: 0!important; 2327 padding-bottom: 0!important; 2328} 2329 2330section.parallax-section-container.parallax-section-page49-blocco248 .container-lg{ 2331 padding-top: 0!important; 2332 2333} 2334 2335section.article-list-container.article-list-page49-blocco242 .container-lg{ 2336 padding-top: 0!important; 2337 padding-bottom: 0!important; 2338} 2339 2340body.body-49 .newsletter-form-container .container-lg{ 2341 padding-top: 0!important; 2342 2343} 2344 2345body.body-1284 section.text-section-container.text-section-page1284-blocco10251 h2{ 2346 margin-bottom: 2rem; 2347 font-size: calc(1.725rem + .9vw); 2348 text-transform: uppercase; 2349 2350} 2351 2352@media (min-width: 1200px) { 2353 body.body-1284 section.text-section-container.text-section-page1284-blocco10251 h2{ 2354 font-size: 2.5rem; 2355 } 2356} 2357 2358 2359/****************************** 2360********** OEW *************** 2361*******************************/ 2362 2363 2364section.text-section-container.text-section-page2242-blocco19148{ 2365 text-align: center; 2366} 2367 2368@media (min-width: 992px) { 2369 section.text-section-container.text-section-page2242-blocco19148 .col-12.col-lg-8{ 2370 width: 100%; 2371 } 2372} 2373 2374 2375 2376 2377/****************************** 2378********** FINE OEW *************** 2379*******************************/ 2380 2381 2382 2383/****************************** 2384********** FEST *************** 2385*******************************/ 2386 2387/* PAGINA /FEST */ 2388 2389 2390/* body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2 { 2391 line-height: .75; 2392} */ 2393 2394body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2395 font-size: 2.2rem; 2396 2397} 2398 2399@media (min-width: 576px) { 2400 body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2401 font-size: 2.6rem; 2402 } 2403} 2404 2405@media (min-width: 768px) { 2406 body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2407 font-size: 1.7rem; 2408 } 2409} 2410 2411@media (min-width: 992px) { 2412 body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2413 font-size: 2.3rem; 2414 } 2415} 2416 2417@media (min-width: 1200px) { 2418 body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2419 font-size: 2.3rem; 2420 } 2421} 2422 2423@media (min-width: 1400px) { 2424 body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2425 font-size: 2.3rem; 2426 } 2427} 2428 2429@media (min-width: 1540px) { 2430 body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{ 2431 font-size: 3.3rem; 2432 } 2433} 2434 2435/* FINE PAGINA /FEST */ 2436 2437/* temp in attesa di articoli */ 2438 2439/* section.ngi-live-stream-fest-container{ 2440 display: none; 2441} */ 2442
2443body.body-1 section.article-carousel-container.article-carousel-page1-blocco16999 h5.card-title + p{ 2444 display: none; 2445} 2446 2447body.body-1776 section.article-carousel-container.article-carousel-page1776-blocco16874 h5.card-title + p{ 2448 display: none; 2449} 2450 2451body.body-1776 section.article-row-container.article-row-page1776-blocco16331 h5.card-title ~ p{ 2452 display: none; 2453} 2454 2455body.body-1776 section.ngi-live-stream-fest-container .container-lg{ 2456 padding-bottom: 0!important; 2457} 2458 2459 2460body.body-1776 section.title-section-container.title-section-page1776-blocco16678 .container-lg{ 2461 padding-top: 0!important; 2462} 2463 2464body.body-1776 section.title-section-container.title-section-page1776-blocco16343 p.description, 2465body.body-1776 section.article-four-container.article-four-page1776-blocco16598, 2466body.body-1776 section.button-section-container.button-section-page1776-blocco16613{ 2467 display: none; 2468} 2469 2470/* section.image-section-container.image-section-page1-blocco16720 { 2471 display: none; 2472} */ 2473section.image-section-container.image-section-page1-blocco29763 { 2474 .container-lg{ 2475 padding-top: 0!important; 2476 } 2477} 2478 2479/* temp in attesa di articoli */ 2480 2481/* TITOLO PAGINA */ 2482body.body-1776 section.title-section-container.title-section-page1776-blocco16652{ 2483 display: none; 2484} 2485 2486body.body-1776 section.ngi-gallery-container{ 2487 display: none; 2488} 2489 2490body.body-1776 section.article-carousel-container.article-carousel-page1776-blocco16874{ 2491 display: none; 2492} 2493 2494 2495body.body-1776 section.title-section-container.title-section-page1776-blocco16678 .container-lg{ 2496 padding-bottom: 0!important; 2497} 2498 2499body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 { 2500 line-height: .75; 2501} 2502 2503body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2504 font-size: .7em; 2505 2506} 2507 2508@media (min-width: 576px) { 2509 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2510 font-size: .49em; 2511 } 2512} 2513 2514@media (min-width: 768px) { 2515 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2516 font-size: .49em; 2517 } 2518} 2519 2520@media (min-width: 992px) { 2521 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2522 font-size: .53em; 2523 } 2524} 2525 2526@media (min-width: 1200px) { 2527 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2528 font-size: .53em; 2529 } 2530} 2531 2532@media (min-width: 1400px) { 2533 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2534 font-size: .53em; 2535 } 2536} 2537 2538@media (min-width: 1540px) { 2539 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{ 2540 font-size: .7em; 2541 } 2542} 2543 2544 2545 2546 2547 2548 2549body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2550 font-size: .5em; 2551 2552} 2553 2554@media (min-width: 576px) { 2555 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2556 font-size: .3em; 2557 } 2558} 2559 2560@media (min-width: 768px) { 2561 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2562 font-size: .3em; 2563 } 2564} 2565 2566@media (min-width: 992px) { 2567 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2568 font-size: .45em; 2569 } 2570} 2571 2572@media (min-width: 1200px) { 2573 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2574 font-size: .45em; 2575 } 2576} 2577 2578@media (min-width: 1400px) { 2579 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2580 font-size: .45em; 2581 } 2582} 2583 2584@media (min-width: 1540px) { 2585 body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{ 2586 font-size: .45em; 2587 } 2588} 2589 2590 2591 2592/* TITOLO PAGINA */ 2593 2594body.body-1776 section.title-section-container.title-section-page1776-blocco16343 .container-lg{ 2595 padding-bottom: 0!important; 2596} 2597 2598 2599body.body-1776 section.title-section-container.title-section-page1776-blocco16347 .container-lg{ 2600 background-color:rgba(var(--bs-black-rgb))!important; 2601 padding-bottom: 0!important; 2602} 2603 2604body.body-1776 section.title-section-container.title-section-page1776-blocco16347 .container-lg .description{ 2605 display: none; 2606} 2607 2608 2609body.body-1776 section.title-section-container .container-lg .description{ 2610 text-transform: uppercase; 2611 font-size: 2rem; 2612 font-weight: 600; 2613 letter-spacing: 1px; 2614 margin-bottom: 0; 2615} 2616 2617body.body-1776 section.text-section-container.text-section-page1776-blocco16346 .container-lg{ 2618 background-color:rgba(var(--bs-black-rgb))!important; 2619 padding-top: 0!important; 2620} 2621 2622body.body-1776 section.text-section-container.text-section-page1776-blocco16346 .container-lg p{ 2623 2624 color:var(--bs-white); 2625 font-weight:300 ; 2626 text-align: center; 2627 font-size: 1.25rem; 2628 2629} 2630 2631 2632 2633body.body-1776 section.text-section-container.text-section-page1776-blocco16345{ 2634 text-align: center; 2635} 2636 2637body.body-1776 section.text-section-container.text-section-page1776-blocco16345 h3{ 2638 font-size: 2rem; 2639 font-weight: 600; 2640 letter-spacing: 1px; 2641 margin-bottom: 1.5rem; 2642} 2643 2644body.body-1776 section.text-section-container.text-section-page1776-blocco16345 p{ 2645 font-weight: 300; 2646 font-size: 1.25rem; 2647} 2648 2649/* @media (min-width: 768px) { 2650 2651 body.body-1776 section.button-section-container.button-section-page1776-blocco16344 .row .col-12:first-of-type{ 2652 display: flex; 2653 justify-content: end; 2654 } 2655 2656 body.body-1776 section.button-section-container.button-section-page1776-blocco16344 .row .col-12:last-of-type{ 2657 display: flex; 2658 justify-content: start; 2659 } 2660 2661} */ 2662 2663 2664 2665 2666 2667body.body-1776 section.button-section-container.button-section-page1776-blocco16357 .container-lg, 2668body.body-1776 section.button-section-container.button-section-page1776-blocco16358 .container-lg{ 2669 background-color:rgba(var(--bs-black-rgb))!important; 2670} 2671 2672body.body-1776 section.button-section-container.button-section-page1776-blocco16357 .container-lg a, 2673body.body-1776 section.button-section-container.button-section-page1776-blocco16358 .container-lg a{ 2674 zoom:1.2; 2675} 2676
2677body.body-1776 section.article-carousel-container.article-carousel-page1776-blocco16874 h5 + p{ 2678 display: none; 2679} 2680 2681/* FEST */ 2682 2683/* MASTER CLASS */ 2684body.body-2427{ 2685 2686/* #adv-Position3, 2687 #adv-Top{ 2688 display: none; 2689 } */ 2690 section.reg-area-riservata-container{ 2691 .container-lg{ 2692 padding-top: 0!important; 2693 } 2694 } 2695 /* section.title-section-container{ 2696 @media (max-width: 575.98px) { 2697 h2 { 2698 font-size: 2.1em; 2699 } 2700 } 2701 } */ 2702 2703/* section.double-banner-container{ 2704 &.double-banner-page2427-blocco21215{ 2705 .card{ 2706 min-height: 400px; 2707 } 2708 } 2709 } */ 2710 2711 section.text-section-container.text-section-page2427-blocco21196, 2712 section.text-section-container.text-section-page2427-blocco21212{ 2713 text-align: center; 2714 h2{ 2715 font-size: 2rem; 2716 font-weight: 600; 2717 letter-spacing: 1px; 2718 margin-bottom: 1.5rem; 2719 } 2720 p{ 2721 font-weight: 300; 2722 font-size: 1.25rem; 2723 } 2724 } 2725 section.text-section-container.text-section-page2427-blocco21212{ 2726 .container-lg{ 2727 padding-top: 0!important; 2728 h2{ 2729 display: none; 2730 } 2731 } 2732 2733 } 2734 section.text-section-container.text-section-page2427-blocco21196{ 2735 a{ 2736 color:var(--bs-primary); 2737 &:hover{ 2738 color:var(--bs-black); 2739 } 2740 } 2741 } 2742 section.title-section-container{ 2743 .container-lg{ 2744 h2{ 2745 color:var(--bs-black); 2746 position: relative; 2747 2748 &:after{ 2749 content: ''; 2750 width: 180px; 2751 height: 2px; 2752 background-color: var(--bs-primary); 2753 position: absolute; 2754 bottom:-10px; 2755 left:50%; 2756 transform: translateX(-50%); 2757 } 2758 } 2759 @media (max-width: 575.98px) { 2760 h2 { 2761 font-size: 2.2em; 2762 } 2763 } 2764 } 2765 &.title-section-page2427-blocco21198, 2766 &.title-section-page2427-blocco21201, 2767 &.title-section-page2427-blocco21202, 2768 &.title-section-page2427-blocco21393, 2769 &.title-section-page2427-blocco21394{ 2770 .container-lg{ 2771 background-color: var(--bs-black)!important; 2772 h2{ 2773 color:var(--bs-white); 2774 } 2775 p.description{ 2776 margin-top: 40px; 2777 color:var(--bs-white); 2778 font-weight: 300; 2779 font-size: 1.25rem; 2780 } 2781 } 2782 2783 } 2784 &.title-section-page2427-blocco21394{ 2785 .container-lg{ 2786 padding-bottom: 0!important; 2787 } 2788 2789 } 2790 &.title-section-page2427-blocco21204{ 2791 p.description{ 2792 font-size: 32px; 2793 font-weight: 600; 2794 position: relative; 2795 top:17px; 2796 @media (max-width: 575.98px){ 2797 font-size: 21px; 2798 } 2799 } 2800 } 2801 &.title-section-page2427-blocco21395{ 2802 a{ 2803 @media (max-width: 575.98px){ 2804 font-size: 15px; 2805 } 2806 } 2807 h2{ 2808 display: none; 2809 2810 } 2811 h6{ 2812 font-size: 32px; 2813 font-weight: 600; 2814 @media (max-width: 575.98px){ 2815 font-size: 21px; 2816 } 2817 } 2818 p.description{ 2819 font-weight: 300; 2820 font-size: 1.25rem; 2821 } 2822 } 2823 /* nascondo i migliori scatti */ 2824 &.title-section-page2427-blocco21203{ 2825 display: none; 2826 } 2827 &.title-section-page2427-blocco21393, 2828 &.title-section-page2427-blocco21201{ 2829 .container-lg{ 2830 @media (max-width: 991.98px){ 2831 padding-bottom: 0!important; 2832 } 2833 } 2834 } 2835 /* &.title-section-page2427-blocco22341{ 2836 display: none; 2837 } */ 2838 2839 } 2840 section.cta-banner-container{ 2841 &.cta-banner-page2427-blocco22876{ 2842 .container-lg{ 2843 padding-top: 0!important; 2844 } 2845 } 2846 } 2847/* section.gallery-carousel-container.gallery-carousel-page2427-blocco21206{ 2848 display: none; 2849 } */ 2850 section.featured-post-container{ 2851 &.featured-post-page2427-blocco21332, 2852 &.featured-post-page2427-blocco21359, 2853 &.featured-post-page2427-blocco21360{ 2854 h2{ 2855 letter-spacing: 3px; 2856 } 2857 p.sottotitolo{ 2858 color:var(--bs-primary); 2859 } 2860 .p-container{ 2861 p{ 2862 span{ 2863 color:var(--bs-primary); 2864 } 2865 } 2866 } 2867 .overlay-image { 2868 background-color: rgba(0, 0, 0, 0.2); 2869 position: absolute; 2870 top: 50%; 2871 left: 50%; 2872 transform: translate(-50%, -50%); 2873 width: 100%; 2874 height: 100%; 2875 .text-container { 2876 height: 70%; 2877 width: 80%; 2878 background: linear-gradient(var(--bs-primary), var(--bs-primary)) top left, linear-gradient(var(--bs-primary), var(--bs-primary)) top left, linear-gradient(var(--bs-primary), var(--bs-primary)) top right, linear-gradient(var(--bs-primary), var(--bs-primary)) top right, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom left, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom left, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom right, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom right; 2879 background-size: 5px 70px, 70px 5px; 2880 background-repeat: no-repeat; 2881 } 2882 } 2883 } 2884 &.featured-post-page2427-blocco21209, 2885 &.featured-post-page2427-blocco21392{ 2886 a{ 2887 color:var(--bs-primary); 2888 &:hover{ 2889 color:var(--bs-white); 2890 } 2891 } 2892 .p-container{ 2893 p{ 2894 font-weight: 300; 2895 line-height: 2; 2896 } 2897 } 2898 } 2899 &.featured-post-page2427-blocco21392{ 2900 .container-lg{ 2901 @media (max-width: 991.98px){ 2902 padding-top: 0!important; 2903 } 2904 .p-container{ 2905 .img-container{ 2906 width: 80px; 2907 margin-bottom: 60px; 2908 @media (max-width: 991.98px){ 2909 width: 65px; 2910 margin-left: auto; 2911 margin-right: auto; 2912 margin-bottom: 20px; 2913 } 2914 } 2915 } 2916 } 2917 2918 } 2919 &.featured-post-page2427-blocco21209{ 2920 .container-lg{ 2921 @media (max-width: 991.98px){ 2922 padding-top: 0!important; 2923 } 2924 } 2925 } 2926 } 2927 section.button-section-container.button-section-page2427-blocco21207{ 2928 .container-lg{ 2929 background-color: var(--bs-black)!important; 2930 } 2931 } 2932 section.button-section-container.button-section-page2427-blocco21208{ 2933 .container-lg{ 2934 padding-top: 3rem; 2935 } 2936 } 2937/* section.button-section-container.button-section-page2427-blocco21197{ 2938 .col-12{ 2939 display: flex; 2940 justify-content: center; 2941 @media (min-width: 768px){ 2942 &:first-of-type{ 2943 justify-content: flex-end; 2944 } 2945 &:last-of-type{ 2946 justify-content: flex-start; 2947 } 2948 } 2949 2950 } 2951 } */ 2952 2953 /* SECTION IN TITLE SECTION */ 2954 section.come-iscriversi-container{ 2955 a{ 2956 color:var(--bs-white); 2957 &:hover{ 2958 color:var(--bs-primary); 2959 } 2960 } 2961 ul.come-iscriversi-list{ 2962 text-align: center; 2963 @media (min-width: 992px){ 2964 text-align: start; 2965 } 2966 .come-iscriversi-list-item{ 2967 2968 .icon-container{ 2969 width: 50px; 2970 position: relative; 2971 margin-bottom:15px; 2972 @media (max-width: 991.98px){ 2973 margin-left: auto; 2974 margin-right: auto; 2975 } 2976 2977 2978 &:before{ 2979 content:''; 2980 width: 80%; 2981 height: 1px; 2982 background-color: var(--bs-white); 2983 position: absolute; 2984 bottom:-9px; 2985 left:9px; 2986 2987 } 2988 @media (max-width: 991.98px){ 2989 &:before{ 2990 width: 100%; 2991 left:0; 2992 2993 } 2994 } 2995 } 2996 .text-container{ 2997 p.number{ 2998 font-weight: 600; 2999 color: var(--bs-primary); 3000 } 3001 } 3002 3003 p{ 3004 margin-bottom: 0; 3005 } 3006 } 3007 } 3008 3009 } 3010 section.il-calendario-container{ 3011 hr { 3012 3013 color: var(--bs-primary); 3014 3015 opacity: 1; 3016 } 3017 .il-calendario-list-item{ 3018 h3{ 3019 font-weight: 600; 3020 } 3021 p{ 3022 font-size: 24px; 3023 color:var(--bs-primary); 3024 @media (max-width: 1199.98px) { 3025 font-size: 20px; 3026 } 3027 span{ 3028 color:var(--bs-white); 3029 @media (max-width: 575.98px) { 3030 display: block; 3031 } 3032 } 3033 } 3034 } 3035 3036 } 3037 /* SECTION IN TITLE SECTION */ 3038 .modal.lightbox{ 3039 .carousel-control-next-icon {
3040 background-image: url('/upload/article-carousel/next_white.svg'); 3041 } 3042 .carousel-control-prev-icon { 3043 background-image: url('/upload/article-carousel/prev_white.svg'); 3044 } 3045 3046 } 3047 .modal.lightbox p.lightbox-caption{ 3048 background-color:var(--bs-black); 3049 text-align:left!important ; 3050 font-size: 0.9375rem; 3051 color:var(--bs-link-color); 3052 min-height: 160px; 3053 display: flex; 3054 justify-content: start; 3055 align-items: center; 3056 padding-left: 1rem!important ; 3057 padding-right:1rem!important ; 3058 } 3059 @media (min-width: 992px) { 3060 .modal.lightbox p.lightbox-caption{ 3061 min-height: 100px; 3062 } 3063 } 3064 .modal.lightbox p.lightbox-caption span.text-uppercase{ 3065 display: inline-block; 3066 margin-top: 5px; 3067 } 3068 3069 .modal.lightbox p.lightbox-caption a{ 3070 color:rgba(255, 255, 255, 1); 3071 text-decoration-color:var(--bs-primary); 3072 text-decoration-thickness: 2px; 3073 } 3074 3075 .modal.lightbox p.lightbox-caption a:hover{ 3076 color:rgba(255, 255, 255, .85) 3077 } 3078 3079 .modal.lightbox p.lightbox-caption em{ 3080 font-style: normal!important; 3081 } 3082 3083} 3084 3085/* FINE MASTER CLASS */ 3086 3087/*************** ARTICOLI PHOTOCLUB *************/ 3088 3089section.ngi-image-container.ngi-image-page2862-blocco26127, 3090section.ngi-image-container.ngi-image-page2861-blocco26125, 3091section.ngi-image-container.ngi-image-page2860-blocco26123, 3092section.ngi-image-container.ngi-image-page2859-blocco26122{ 3093 .caption-meta.text-uppercase{ 3094 display:none; 3095 } 3096} 3097 3098/*************** FINE ARTICOLI PHOTOCLUB *************/ 3099 3100/******************************* 3101PAGINE PHOTO-CLUB 3102********************************/ 3103 3104body.photo-club{ 3105 /* overflow-x: hidden!important; */ 3106 3107 .modal.lightbox{ 3108 .lightbox-caption{ 3109 background-color: #000; 3110 } 3111 } 3112 h2{ 3113 position: relative; 3114 /* margin-bottom: 60px; */ 3115 text-transform: uppercase; 3116 text-align: center; 3117 font-size: calc(1.375rem + 1.5vw); 3118 font-weight:500; 3119 @media (max-width: 459px) { 3120 font-size: 22px; 3121 } 3122 @media (min-width: 1200px) { 3123 font-size: 2.5rem; 3124 } 3125 /* &:after{ 3126 content: ''; 3127 width: 180px; 3128 height: 2px; 3129 background-color: var(--bs-primary); 3130 position: absolute; 3131 bottom:-30px; 3132 left:50%; 3133 transform: translateX(-50%); 3134 } */ 3135 } 3136 section.text-section-container{ 3137 text-align: center; 3138 p{ 3139 font-weight: 300; 3140 font-size: 1.25rem; 3141 } 3142 &.text-section-page2893-blocco26496{ 3143 display: none; 3144 .container-lg{ 3145 background-color:#000!important; 3146 color:#fff; 3147 } 3148 } 3149 &.text-section-page2893-blocco26481{ 3150 .container-lg{ 3151 background-color:#1E1E1E!important; 3152 color:#fff; 3153 h2{ 3154 display: none; 3155 } 3156 } 3157 } 3158 &.text-section-page2893-blocco26494{ 3159 .container-lg{ 3160 padding-top: 0!important; 3161 } 3162 } 3163 &.text-section-page2893-blocco26492{ 3164 .container-lg{ 3165 padding-top: 0!important; 3166 } 3167 } 3168 &.text-section-page2893-blocco26498{ 3169 display: none; 3170 } 3171 } 3172 3173 section.fotografi-merch-container{ 3174 &.fotografi-merch-page2893-blocco26497{ 3175 display: none; 3176 .container-lg{ 3177 background-color:#000!important; 3178 a{ 3179 color: rgba(255, 255, 255, 1); 3180 &:hover{ 3181 color: rgba(255, 255, 255, 0.9); 3182 } 3183 } 3184 } 3185 } 3186 &.fotografi-merch-page2893-blocco26499{ 3187 display:none; 3188 } 3189 } 3190 3191 section.ngi-adv-container.advertising-page2893-blocco26482{ 3192 .container-lg{ 3193 padding-top: 3rem!important; 3194 padding-bottom: 3rem!important; 3195 img{ 3196 width: calc(100% - 24px); 3197 } 3198 } 3199 } 3200 section.cta-banner-container{ 3201 p{ 3202 font-weight: 300; 3203 font-size: 1.25rem; 3204 } 3205 button:not(.button-search){ 3206 font-weight: 600; 3207 letter-spacing: 3px; 3208 font-size: 1.6em; 3209 } 3210 &.cta-banner-page2893-blocco26480{ 3211 h1{ 3212 font-size: 3rem; 3213 @media (min-width: 576px) { 3214 font-size: 4rem; 3215 } 3216 } 3217 p{ 3218 font-weight: 400; 3219 font-size: 1.50rem; 3220 } 3221 .handle-position{ 3222 /* @media (min-width: 992px) { */ 3223 margin-bottom:15% ; 3224 /* } */ 3225 3226 } 3227 } 3228 } 3229/* section.button-section-container{ 3230 button{ 3231 font-weight: 600; 3232 letter-spacing: 3px; 3233 font-size: 1.6em; 3234 } 3235 } */ 3236 3237} 3238 3239/* ********************************************* 3240************************************************ 3241 CUSTOM STYLE SECTIONS STAGE 3242************************************************ 3243********************************************* */ 3244 3245/* ********************************************* 3246************************************************ 3247 CUSTOM STYLE SECTIONS 3248************************************************ 3249********************************************* */ 3250 3251/* ITALIA IN BICICLETTA */ 3252 3253section.text-section-container.text-section-page7-blocco38 { 3254 text-align: center; 3255} 3256 3257section.text-section-container.text-section-page7-blocco38 .container-lg{ 3258 padding-top: 0!important; 3259} 3260 3261/* CAMMINI E SENTIERI */ 3262 3263section.text-section-container.text-section-page8-blocco43 .container-lg{ 3264 padding-top: 0!important; 3265 padding-bottom: 0!important; 3266 text-align: center; 3267} 3268 3269section.title-section-container.title-section-page8-blocco44 .container-lg{ 3270 3271 padding-bottom: 0!important; 3272} 3273 3274section.image-section-container.image-section-page8-blocco45 .container-lg{ 3275 padding-top: 0!important; 3276 padding-bottom: 0!important; 3277} 3278 3279/* IN EDICOLA */ 3280 3281section.image-section-container.image-section-page1265-blocco10169 .container-lg{ 3282 padding-bottom: 8px!important; 3283} 3284 3285section.text-section-container.text-section-page1265-blocco10170 .container-lg{ 3286 padding-top: 0!important; 3287} 3288 3289section.text-section-container.text-section-page1265-blocco10170 .container-lg p{ 3290 font-size:.85rem; 3291 border-left:1px solid var(--bs-black); 3292 color:var(--bs-link-color); 3293 padding-left:20px; 3294} 3295 3296section.text-section-container.text-section-page1265-blocco10170 .container-lg h2{ 3297 display: none; 3298} 3299 3300section.text-section-container.text-section-page1265-blocco10172 .container-lg{ 3301 padding-top: 0!important; 3302} 3303 3304section.text-section-container.text-section-page1265-blocco10172 h2, 3305section.text-section-container.text-section-page1265-blocco10172 p:first-of-type{ 3306 text-align: center; 3307} 3308 3309section.text-section-container.text-section-page1265-blocco10172 p:not(:first-of-type){ 3310 font-weight: 300; 3311} 3312 3313section.text-section-container.text-section-page1265-blocco10172 h2{ 3314 font-weight: 400; 3315 font-size: 2.625rem; 3316 letter-spacing: 0.3px; 3317 line-height: 1.143; 3318} 3319 3320section.featured-post-container.featured-post-page1265-blocco10173 .container-lg{ 3321 padding-top: 0!important; 3322} 3323 3324/* PAGINA OMAN */ 3325 3326section.text-section-container.text-section-page3206-blocco30345{ 3327 text-align: center; 3328 .container-lg{ 3329 padding-top: 0!important; 3330 padding-bottom: 0!important; 3331 } 3332} 3333 3334section.title-section-container.title-section-page3206-blocco30350{ 3335 .container-lg{ 3336 padding-bottom: 0!important; 3337 } 3338} 3339 3340body.body-3206{ 3341 section.ngi-cta-container{ 3342 text-align: center; 3343 } 3344} 3345 3346 3347 3348/* LA MIA FOTO */ 3349 3350section.image-section-container.image-section-page9-blocco47 .container-lg{ 3351 padding-bottom: 0!important; 3352} 3353 3354section.title-section-container.title-section-page9-blocco50 .container-lg{ 3355 padding-top: 0!important; 3356 padding-bottom: 0!important; 3357} 3358 3359section.text-section-container.text-section-page9-blocco48 .container-lg{ 3360 text-align: center; 3361} 3362 3363/* PARALLAX STAGE */ 3364 3365section.parallax-section-container.parallax-section-page18-blocco215 .container-lg{ 3366 padding-top: 0!important; 3367} 3368 3369/* FINE PARALLAX STAGE*/ 3370 3371section.parallax-section-container.parallax-section-page1-blocco13 .container-lg{ 3372 padding-bottom: 0!important; 3373 padding-top: 0!important; 3374} 3375 3376 3377 3378/* STAGE */ 3379 3380section.branded-article-container.branded-article-page18-blocco231 .container-lg{ 3381 padding-top: 0!important; 3382} 3383 3384section.cta-banner-container.cta-banner-page1-blocco3 { 3385 .container-lg{ 3386 @media (min-width: 1200px){ 3387 padding-top: 0!important; 3388 } 3389 3390 } 3391} 3392 3393/* FINESTAGE */ 3394 3395/* PROD */ 3396 3397section.branded-article-container.branded-article-page1-blocco5 .container-lg{ 3398 padding-bottom: 3rem!important; 3399 padding-top: 3rem!important; 3400} 3401 3402@media (min-width: 992px){ 3403 3404 section.cta-banner-container.text-light.cta-banner-page1-blocco3 .box7 { 3405 padding-bottom: 60%; 3406 } 3407 3408} 3409 3410/* FINE PROD */ 3411 3412section.cta-banner-container.cta-banner-page18-blocco234 { 3413 display: none; 3414} 3415 3416section.cta-banner-container.cta-banner-page18-blocco234 .container-lg{ 3417 padding-top: 0!important; 3418} 3419 3420/* CTA BANNER IN HOME */ 3421 3422section.cta-banner-container .card-body{ 3423 align-items: flex-end; 3424} 3425 3426/* articolo in evidenza */ 3427 3428 3429 3430/* explorer */ 3431 3432section.cta-banner-container.cta-banner-page18-blocco234 .card-body{ 3433 align-items: center; 3434} 3435 3436section.cta-banner-container.cta-banner-page18-blocco234 .card-text span{ 3437 border-bottom: 2px solid var(--bs-primary); 3438} 3439 3440section.cta-banner-container.cta-banner-page18-blocco234 .article-tag:before{ 3441 content: none; 3442} 3443 3444section.cta-banner-container.cta-banner-page18-blocco234 h3{ 3445 text-transform: uppercase; 3446 font-weight: 600; 3447 letter-spacing: 3px; 3448} 3449 3450@media (max-width: 479.98px) { 3451 section.cta-banner-container.cta-banner-page18-blocco234 button{ 3452 font-size: 14px; 3453 } 3454} 3455 3456 3457 3458/* PAGE BANNER in HOME*/ 3459 3460/* STAGE */ 3461 3462section.page-banner-container.page-banner-page18-blocco233 nav{ 3463 display: none; 3464} 3465 3466@media (max-width: 575.98px) { 3467 section.page-banner-container.page-banner-page18-blocco233 p.lead{ 3468 font-size:1rem; 3469 } 3470} 3471 3472section.page-banner-container.page-banner-page18-blocco233 .logo-container{ 3473 max-width: 200px; 3474} 3475 3476@media (min-width: 768px) { 3477 section.page-banner-container.page-banner-page18-blocco233 .logo-container{ 3478 max-width: 250px; 3479 } 3480} 3481 3482@media (min-width: 992px) { 3483 section.page-banner-container.page-banner-page18-blocco233 .logo-container{ 3484 max-width: 300px; 3485 } 3486} 3487 3488@media (min-width: 1400px) { 3489 section.page-banner-container.page-banner-page18-blocco233 .logo-container{ 3490 max-width: 350px; 3491 } 3492} 3493 3494 3495 3496section.page-banner-container.page-banner-page18-blocco233 h2{ 3497 text-transform: uppercase; 3498 font-weight: 600; 3499 letter-spacing: 3px; 3500} 3501 3502/* FINE STAGE */ 3503 3504/* PROD */ 3505 3506 3507section.page-banner-container.page-banner-page1-blocco25358{ 3508 p.card-text.lead{ 3509 font-weight: 400; 3510 max-width: 300px; 3511 } 3512 button { 3513 font-weight: 600; 3514 letter-spacing: 3px; 3515 font-size: 1.6em; 3516 } 3517 @media (max-width: 767.98px) {
3518 .card-img-overlay{ 3519 display: flex; 3520 align-items: flex-end; 3521 padding-bottom: 1rem !important; 3522 } 3523 } 3524} 3525 3526section.page-banner-container.page-banner-page1-blocco11{ 3527 display: none; 3528} 3529 3530section.page-banner-container.page-banner-page1-blocco11 nav{ 3531 display: none; 3532} 3533 3534@media (max-width: 575.98px) { 3535 section.page-banner-container.page-banner-page1-blocco11 p.lead{ 3536 font-size:1rem; 3537 } 3538} 3539 3540section.page-banner-container.page-banner-page1-blocco11 .logo-container{ 3541 max-width: 200px; 3542} 3543 3544@media (min-width: 768px) { 3545 section.page-banner-container.page-banner-page1-blocco11 .logo-container{ 3546 max-width: 250px; 3547 } 3548} 3549 3550@media (min-width: 992px) { 3551 section.page-banner-container.page-banner-page1-blocco11 .logo-container{ 3552 max-width: 300px; 3553 } 3554} 3555 3556@media (min-width: 1400px) { 3557 section.page-banner-container.page-banner-page1-blocco11 .logo-container{ 3558 max-width: 350px; 3559 } 3560} 3561 3562section.page-banner-container.page-banner-page1-blocco11 h2{ 3563 text-transform: uppercase; 3564 /* font-weight: 600; 3565 letter-spacing: 3px; */ 3566} 3567 3568@media (max-width: 767.98px) { 3569 section.title-section-container.title-section-page1-blocco15 h2{ 3570 font-size: 3rem; 3571 } 3572} 3573 3574@media (max-width: 575.98px) { 3575 section.title-section-container.title-section-page1-blocco15 h2{ 3576 font-size: 1.5rem; 3577 } 3578} 3579 3580/* FINE PROD */ 3581 3582/* FINE PAGE BANNER in HOME*/ 3583 3584section.title-section-container.title-section-page18-blocco222 .container-lg{ 3585 background-color: var(--bs-black)!important; 3586 padding-top: 0!important; 3587 padding-bottom: 0!important; 3588} 3589 3590section.article-carousel-container .container-lg{ 3591 padding-bottom: 0!important; 3592} 3593 3594section.image-section-container.image-section-page32-blocco223 .container-lg{ 3595 padding-top: 0!important; 3596} 3597 3598section.title-section-container.title-section-page46-blocco241 .container-lg{ 3599 padding-bottom: 0!important; 3600 padding-top: 0!important; 3601} 3602 3603section.title-section-container.title-section-page18-blocco29 .container-lg{ 3604 padding-bottom: 0!important; 3605 padding-top: 0!important; 3606} 3607 3608section.title-section-container.title-section-page18-blocco226 .container-lg{ 3609 padding-bottom: 0!important; 3610 3611} 3612 3613section.title-section-container.title-section-page18-blocco236 .container-lg{ 3614 background-color: var(--bs-black)!important; 3615 padding-top: 0!important; 3616 padding-bottom: 0!important; 3617} 3618 3619/* STAGE */ 3620section.title-section-container.title-section-page18-blocco224 .container-lg{ 3621 background-color: var(--bs-black)!important; 3622 padding-bottom: 0!important; 3623} 3624/* FINE STAGE */ 3625 3626/* PROD */ 3627 3628section.ngi-adv-container.advertising-page1-blocco23295 .container-lg{ 3629 padding-bottom: 3rem!important; 3630} 3631 3632section.parallax-section-container.parallax-section-page1-blocco4 .container-lg{ 3633 padding-top: 0!important; 3634 padding-bottom: 0!important; 3635} 3636 3637section.title-section-container.title-section-page1-blocco15 .container-lg{ 3638 background-color: var(--bs-black)!important; 3639 padding-bottom: 0!important; 3640} 3641 3642section.title-section-container.title-section-page1-blocco8 .container-lg{ 3643 padding-bottom: 0!important; 3644} 3645/* FINE PROD */ 3646 3647section.title-section-container.title-section-page18-blocco38 .container-lg{ 3648 padding-bottom: 0!important; 3649 3650} 3651section.parallax-section-container.parallax-section-page46-blocco244 .container-lg{ 3652 padding-top: 0!important; 3653} 3654 3655@media (max-width: 575.98px) { 3656 section.title-section-container.title-section-page18-blocco222 h2:after { 3657 height: 20px; 3658 margin: 0 10px -1px; 3659 } 3660} 3661 3662img[src='/upload/media-gallery/payWall_mod_3.png']{ 3663 transform: translateY(-110px); 3664} 3665 3666section.featured-post-container.featured-post-page18-blocco232 h6{ 3667 font-weight: 600; 3668 /* letter-spacing: 3px; */ 3669} 3670 3671section.featured-post-container.featured-post-page18-blocco218 { 3672 display: none; 3673} 3674 3675section.photo-gallery-container.photo-gallery-page18-blocco235 .container-lg{ 3676 3677 padding-top: 0!important; 3678 3679} 3680 3681 3682section.image-section-container.image-section-page18-blocco225 .container-lg{ 3683 3684 padding-top: 0!important; 3685 3686} 3687 3688section.title-section-container.title-section-page32-blocco239 .container-lg{ 3689 padding-top: 0!important; 3690 padding-bottom: 0!important; 3691} 3692 3693section.article-list-container.article-list-page46-blocco245 .container-lg{ 3694 padding-top: 0!important; 3695} 3696 3697/* MODIFICHE NELL'ARTICOLO IN STAGE PER OUTBRAIN */ 3698 3699section.title-section-container.title-section-page32-blocco239 h2{ 3700 text-transform: uppercase; 3701 font-size: 2.5em; 3702 font-weight: 600; 3703 color: #dadada; 3704 letter-spacing: 4px; 3705} 3706
3707section.article-carousel-container.article-carousel-page32-blocco238 .card-body p, 3708section.article-carousel-container.article-carousel-page32-blocco238 #customize-controls{ 3709 display: none; 3710} 3711 3712section.article-carousel-container.article-carousel-page32-blocco238 .container-lg{ 3713 padding-top: 0!important; 3714} 3715 3716section.ngi-hero-container + style + .ngi-image-container{ 3717 display: none; 3718} 3719 3720 3721/* section.title-section-container.title-section-page1-blocco12075{ 3722 display:none; 3723} 3724 3725section.featured-post-container.featured-post-page1-blocco12076{ 3726 display:none; 3727} */ 3728 3729/* ********************************************* 3730************************************************ 3731 FINE CUSTOM STYLE SECTIONS 3732************************************************ 3733********************************************* */ 3734 3735/* *** FINE UTILITIES CLASS FOR TEMPORARY DYNAMIC SITE *** */ 3736 3737 3738 3739section.page-banner-container .breadcrumb-item a{ 3740 --bs-text-opacity: 1; 3741 color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)); 3742 } 3743 3744section.page-banner-container .breadcrumb-item a:hover{ 3745 --bs-text-opacity:1; 3746 color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)); 3747} 3748 3749section.page-banner-container .breadcrumb-item.active{ 3750 --bs-text-opacity:1; 3751 color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)); 3752 3753 3754} 3755 3756/* END PAGE BANNER */ 3757 3758/* ANIMATION */ 3759 3760section.hero-slider-container .carousel-item.active .carousel-caption h2 { 3761 animation: 1s anim-lineUp-001 ease-out; 3762 animation-fill-mode: both; 3763 3764} 3765 3766 3767section.hero-slider-container .carousel-item.active .carousel-caption p { 3768 animation: 1s anim-lineUp-002 ease-out; 3769 animation-fill-mode: both; 3770 3771} 3772 3773section.hero-slider-container .carousel-item.active .carousel-caption button { 3774 animation: 1s anim-lineUp-003 ease-out; 3775 animation-fill-mode: both; 3776 3777} 3778 3779@keyframes anim-lineUp-001 { 3780 0% { 3781 opacity: 0; 3782 transform: translateY(-80%); 3783 } 3784 20% { 3785 opacity: 0; 3786 } 3787 50% { 3788 opacity: 1; 3789 transform: translateY(0%); 3790 } 3791 100% { 3792 opacity: 1; 3793 transform: translateY(0%); 3794 } 3795} 3796 3797@keyframes anim-lineUp-002 { 3798 0% { 3799 opacity: 0; 3800 transform: translateY(-120%); 3801 } 3802 20% { 3803 opacity: 0; 3804 } 3805 50% { 3806 opacity: 1; 3807 transform: translateY(0%); 3808 } 3809 100% { 3810 opacity: 1; 3811 transform: translateY(0%); 3812 } 3813} 3814 3815@keyframes anim-lineUp-003 { 3816 0% { 3817 opacity: 0; 3818 transform: translateY(120%); 3819 } 3820 20% { 3821 opacity: 0; 3822 } 3823 50% { 3824 opacity: 1; 3825 transform: translateY(0%); 3826 } 3827 100% { 3828 opacity: 1; 3829 transform: translateY(0%); 3830 } 3831} 3832 3833/* FINE ANIMATION */ 3834 3835/* ****************************************************************** 3836******************************END********************************** 3837**************GENERAL STYLE BOOTSTRAP VARIABLE NAIMA*************** 3838******************************END********************************** 3839******************************END********************************** */ 3840</style><!-- STILE nuovo piccolo --> 3841<style> 3842 @media (max-width: 575.98px) { 3843 header.photomaster{ 3844 a.ngi-logo{ 3845 width: 80%; 3846 } 3847 } 3848 } 3849 3850 @media (min-width: 1200px) { 3851 3852 header .offcanvas-body{ 3853 flex-direction: row; 3854 padding-left:20px!important; 3855 padding-right:20px!important; 3856 } 3857 3858 header form .btn{ 3859 color:var(--bs-black); 3860 3861 } 3862 3863 header form .btn:hover, 3864 header form .btn:active { 3865 color:var(--bs-dark)!important; 3866 3867 } 3868 3869 header .offcanvas-body .nav-link{ 3870 font-size:14px; 3871 } 3872 3873 } 3874 3875 .navbar { 3876 --bs-navbar-color:var(--bs-black); 3877 --bs-navbar-active-color:var(--bs-black); 3878 --bs-navbar-nav-link-padding-x: 0.5rem; 3879 } 3880 3881 @media (min-width: 992px) and (max-width: 1539.98px) { 3882 .navbar { 3883 --bs-navbar-nav-link-padding-x: 0.3rem; 3884 } 3885 header .offcanvas-body{ 3886 padding-left:20px!important; 3887 padding-right:20px!important; 3888 } 3889 header .offcanvas-body .navbar-brand-container{ 3890 width: 120px; 3891 } 3892 header .offcanvas-body .navbar-brand-container .navbar-brand{ 3893 max-width: 120px; 3894 } 3895 header .offcanvas-body .navbar-brand-container .navbar-brand img{ 3896 width: 120px; 3897 } 3898 header .offcanvas-body form{ 3899 width: 120px; 3900 } 3901 header .offcanvas-body .nav-link{ 3902 font-size:12px; 3903 } 3904 3905 } 3906 @media (min-width: 1400px) and (max-width: 1539.98px) { 3907 header { 3908 &.photomaster{ 3909 .offcanvas-body .nav-link{ 3910 font-size:10px; 3911 } 3912 } 3913 3914 } 3915 } 3916 3917 @media (min-width: 1540px) { 3918 .navbar { 3919 --bs-navbar-nav-link-padding-x: 0.5rem; 3920 } 3921 header .offcanvas-body .navbar-brand-container{ 3922 width: 200px; 3923 } 3924 header .offcanvas-body .navbar-brand-container .navbar-brand{ 3925 max-width: 200px; 3926 } 3927 header .offcanvas-body .navbar-brand-container .navbar-brand img{ 3928 width: 200px; 3929 } 3930 header .offcanvas-body form{ 3931 width: 200px; 3932 } 3933 } 3934 3935 3936</style> 3937
3938<script 3939 src="https://code.jquery.com/jquery-3.6.3.slim.min.js" 3940 integrity="sha256-ZwqZIVdD3iXNyGHbSYdsmWP//UBokj2FHAxKuSBKDSo=" 3941 crossorigin="anonymous"> 3942</script>
3942 3943 3944 <!-- TUTTE LE PAGINE --> 3945 3946<header class="sticky-top all-pages"> 3947 <div class="container-lg p-0"> 3948 3949 <div class="header-notice py-3 text-center d-flex flex-column flex-md-row justify-content-between align-items-center"> 3950 3951 <div class="left-element mb-3 mb-md-0"> 3952 3953 <a class="navbar-brand m-0 p-0" href="/"> 3954 <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo"> 3955 </a> 3956 3957 </div> 3958 3959 <div class="right-element ms-2"> 3960 <div class="d-flex gap-2 justify-content-center align-items-center"> 3961 3962 <a class="text-decoration-none" href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" target="_blank"> 3963 <button type="button" class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4">Leggi ora</button> 3964 </a> 3965 3966 <a class="text-decoration-none" href="https://shop.ng.gedidigital.it/natgeo/abbonati/all/snodo/ATP_SNODO/all" target="_blank"> 3967 <button type="button" class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4">Abbonati</button> 3968 </a> 3969 3970 <div id="account-data-container"> 3971 <a class="text-decoration-none"> 3972 <button type="button" class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4"> 3973 <span class="accedi-icon"> 3974 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16"> 3975 <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/> 3976 </svg> 3977 </span> 3978 <span>Accedi</span> 3979 </button> 3980 </a> 3981 </div> 3982 3983 </div> 3984 </div> 3985 </div> 3986 3987 <nav class="navbar navbar-expand-xl bg-success" aria-label="Offcanvas navbar large"> 3988 3989 <div class="nav-container container-lg"> 3990 3991 <a class="navbar-brand d-block d-xl-none" href="/"> 3992 <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo"> 3993 </a> 3994 3995 <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2"> 3996 <span class="navbar-toggler-icon"></span> 3997 </button> 3998 3999 <div class="offcanvas bg-secondary offcanvas-end" tabindex="-1" id="offcanvasNavbar2" aria-labelledby="offcanvasNavbar2Label"> 4000 <!-- Header --> 4001 <div class="offcanvas-header p-3"> 4002 <h5 class="offcanvas-title" id="offcanvasNavbar2Label"> 4003 <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo"> 4004 </h5> 4005 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> 4006 </div> 4007 <!-- Body --> 4008 <div class="offcanvas-body px-0 pt-0 pb-5 pb-xl-0 text-uppercase align-items-center text-center"> 4009 4010 <ul class="navbar-nav justify-content-center flex-grow-1 d-xl-none"> 4011 4012 <li class="nav-item hide-item"> 4013 <a class="text-decoration-none nav-link" href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" target="_blank"> 4014 <button 4015 type="button" 4016 class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4" 4017 style="width: max-content; min-width: 150px;"> 4018 Leggi ora 4019 </button> 4020 </a> 4021 </li> 4022 <li class="nav-item hide-item"> 4023 <a class="text-decoration-none nav-link" href="https://shop.ng.gedidigital.it/natgeo/abbonati/
4023all/snodo/ATP_SNODO/all" target="_blank"> 4024 <button 4025 type="button" 4026 class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4" 4027 style="width: max-content; min-width: 150px;"> 4028 Abbonati 4029 </button> 4030 </a> 4031 </li> 4032 4033 <!-- Accedi --> 4034 <li id="account-data-container-mobile" class="nav-item hide-item my-2"></li> 4035 4036 </ul> 4037 <ul class="navbar-nav justify-content-center flex-grow-1"> 4038 4039 <li class="nav-item photoclub-logo-primary"> 4040 <div class="svg-container me-2" style="width:20px;"> 4041 <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4042 viewBox="0 0 20 28.7" style="enable-background:new 0 0 20 28.7;" xml:space="preserve"> 4043 <style type="text/css"> 4044 .st0{fill:#FFD500;} 4045 </style> 4046 <path class="st0" d="M17.1,25.8V2.9H2.9v22.9H17.1z M0,28.7V0h20v28.7H0z"/> 4047 </svg> 4048 </div> 4049 4050 <a class="nav-link" href="/photoclub"> 4051 Photo club 4052 </a> 4053 </li> 4054 4055 <li class="nav-item"> 4056 <a class="nav-link" href="/scienza">Scienza</a> 4057 </li> 4058 4059 <li class="nav-item"> 4060 <a class="nav-link" href="/storia-e-civilta">Storia</a> 4061 </li> 4062 4063 <li class="nav-item"> 4064 <a class="nav-link " href="/wildlife">Wildlife</a> 4065 </li> 4066 4067 <li class="nav-item"> 4068 <a class="nav-link" href="/viaggi">Viaggi</a> 4069 </li> 4070 4071 <li class="nav-item"> 4072 <a class="nav-link" href="/ambiente">Ambiente</a> 4073 </li> 4074 4075 <li class="nav-item hide-item"> 4076 <a class="nav-link" href="/spazio">Spazio</a> 4077 </li> 4078 4079 <li class="nav-item"> 4080 <a class="nav-link" href="/serie-e-film">Serie e Film</a> 4081 </li> 4082 4083 <li class="nav-item"> 4084 <a class="nav-link" href="javascript:void(0)"> 4085 <button class="btn" type="submit" onclick="gotosearch()"> 4086 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> 4087 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path> 4088 </svg> 4089 </button> 4090 </a> 4091 </li> 4092 4093 <li class="nav-item newsletter my-3 d-xl-none" style="border: 1px solid #FFF;"> 4094 <a class="text-decoration-none" href="https://login.gedi.it/clp/accounts/sites/natgeo/www/newsletter.php?ref=FHFT" target="_blank"> 4095 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-bell-fill" viewBox="0 0 16 16"> 4096 <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5 5 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901"/> 4097 </svg> 4098 <span>Iscriviti alla newsletter</span> 4099 </a> 4100 </li> 4101 4102 <li class="nav-item hide-item"> 4103 <a class="nav-link d-inline-block" style="font-size:12px;" href="https://apps.apple.com/it/app/national-geographic-italia/id518580714" 4104 target="_self" 4105 rel="undefined 4106 noopener 4107 noreferrer 4108 nofollow" 4109 data-layer-click-event="{"event":"Click-Out Tracking","location":"Footer - Subscribe","outclick":"https://apps.apple.com/it/app/national-geographic-italia/id518580714"}" 4110 class="nav-link p-0"> 4111 App iOS 4112 </a> 4113 </li> 4114 4115 <li class="nav-item hide-item"> 4116 <a class="nav-link d-inline-block" style="font-size:12px;" href="https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&hl=it&gl=US" 4117 target="_self" 4118 rel="undefined 4119 noopener 4120 noreferrer 4121 nofollow" 4122 data-layer-click-event="{"event":"Click-Out Tracking","location":"Footer - Subscribe","outclick":"https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&hl=it&gl=US"}" 4123 class="nav-link p-0"> 4124 App Android 4125 </a> 4126 </li> 4127 4128 </ul> 4129 4130 </div> 4131 </div> 4132 4133 </div> 4134 </nav> 4135 4136 </div> 4137 4138</header> 4139 4140
4141<script> 4142 4143 const media_0_LG = window.matchMedia('(max-width: 1199.98px)') 4144 const media992 = window.matchMedia('(min-width: 992px)') 4145 const mediaLG = window.matchMedia('(min-width: 1200px)') 4146 let device = ''; 4147 4148 if (media_0_LG.matches) { 4149 device = '0_LG'; 4150 } 4151 4152 if (media992.matches) { 4153 device = 'deviceUp992'; 4154 } 4155 4156 if (mediaLG.matches) { 4157 device = 'LG'; 4158 } 4159 4160 $(".navbar-nav .nav-link").click(function() { 4161 $(".navbar-nav .nav-link").removeClass('active'); 4162 $(this).addClass('active'); 4163 }); 4164 $(function($) { 4165 let url = window.location.href; 4166 $('.navbar-nav .nav-item .nav-link').each(function() { 4167 if (this.href === url) { 4168 $(this).addClass('active'); 4169 } 4170 }); 4171 }); 4172 4173 if(device == '0_LG'){ 4174 var accedi = $('#account-data-container').detach(); 4175 $("#account-data-container-mobile").append(accedi); 4176 } 4177 4178</script>
4178 4179
4180<script> 4181 4182function searchNGI(){ 4183 var search; 4184 search = $("#searchNGI").val(); 4185 if($("#searchNGI").val()===""){ 4186 $("header .form-control").attr("style", "border-bottom: 1px solid #990000!important;"); 4187 }else{ 4188 window.location.href = "/cerca?term=" + search; 4189 } 4190} 4191 4192function gotosearch(){ 4193 window.location.href = "/cerca-su-national-geographic-italia"; 4194} 4195 4196</script>
4196 4197 4198<style> 4199/* Video Pop-up */ 4200#ultimoVideoPopup .brid-share-control.brid-control.brid-button { 4201 display: none !important; 4202} 4203 4204div.brid { 4205 border-radius: 0 !important; 4206} 4207#ultimoVideoPopup { 4208 width: 100%; 4209 4210 position: fixed; 4211 bottom: 16px; 4212 left: 16px; 4213 z-index: 1050; 4214 max-width: calc(100vw - 32px); 4215 background: #000; 4216 overflow: hidden; 4217 box-shadow: 0 8px 32px rgba(0,0,0,0.45); 4218 display: none; 4219 transition: opacity 0.3s ease, transform 0.3s ease; 4220 opacity: 0; 4221 transform: translateY(12px); 4222} 4223 4224.video-popup--close { 4225 position: absolute; 4226 top: 8px; 4227 left: 8px; 4228 z-index: 10; 4229 background: rgba(0,0,0,0.6); 4230 border: none; 4231 border-radius: 50%; 4232 width: 28px; 4233 height: 28px; 4234 display: flex; 4235 align-items: center; 4236 justify-content: center; 4237 cursor: pointer; 4238 color: #fff; 4239 font-size: 14px; 4240 line-height: 1; 4241 padding: 0; 4242} 4243@media screen and (min-width: 540px) { 4244 #ultimoVideoPopup { 4245 width: 50%; 4246 } 4247} 4248@media screen and (min-width: 992px) { 4249 #ultimoVideoPopup { 4250 width: 400px; 4251 } 4252} 4253@media screen and (min-width: 1200px) { 4254 #ultimoVideoPopup { 4255 width: 500px; 4256 } 4257} 4258 4259</style> 4260 <div id="ultimoVideoPopup" class="no-streaming-live"> 4261 <button class="video-popup--close" 4262 id="ultimoVideoClose" 4263 type="button" 4264 aria-label="Chiudi video" 4265 > 4266 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 4267 <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/> 4268 </svg> 4269 </button> 4270 4271 <!-- Video wrapper â 16:9 ratio --> 4272 <div style="position: relative; width: 100%; aspect-ratio: 16/9; background: #000; overflow: hidden; border-radius: 0;"> 4273 <div id="Brid_76389825" class="brid" style="width:100%; height:100%; border-radius: 0;"></div> 4274 </div> 4275 </div> 4276 4277 <!-- Brid.tv player script â load once --> 4278
4278<script type="text/javascript" src="https://services.brid.tv/player/build/brid.min.js"></script>
4278 4279 4280
4280<script> 4281 (function () { 4282 const popup = document.getElementById('ultimoVideoPopup'); 4283 const closeBtn = document.getElementById('ultimoVideoClose'); 4284 const STORAGE_KEY = 'ultimoVideoPopupClosed'; 4285 const LAYER_ID = Brid_76389825; // â store it once in JS 4286 4287 let playerReady = false; 4288 4289 function showPopup() { 4290 popup.style.display = 'block'; 4291 requestAnimationFrame(() => { 4292 requestAnimationFrame(() => { 4293 popup.style.opacity = '1'; 4294 popup.style.transform = 'translateY(0)'; 4295 }); 4296 }); 4297 } 4298 4299 function hidePopup() { 4300 popup.style.opacity = '0'; 4301 popup.style.transform = 'translateY(12px)'; 4302 setTimeout(() => { popup.style.display = 'none'; }, 300); 4303 } 4304 4305 function destroyPopupPlayer() { 4306 $bp(LAYER_ID).destroy(); // â scoped to popup layer only 4307 } 4308 4309 function initPlayer() { 4310 if (playerReady) return; 4311 playerReady = true; 4312 4313 $bp(LAYER_ID, { 4314 "id": "38862", 4315 "width": "640", 4316 "height": "360", 4317 "video": "1237633", 4318 "autoplay": false, 4319 "muted": true 4320 }, function () { 4321 this.autoplay(false); 4322 this.muted(true); 4323 this.volume(0); 4324 4325 $bp(LAYER_ID).on('ended', function() { // â scoped 4326 hidePopup(); 4327 destroyPopupPlayer(); 4328 }); 4329 }); 4330 } 4331 4332 function maybeShow() { 4333 if (sessionStorage.getItem(STORAGE_KEY)) return; 4334 setTimeout(() => { 4335 showPopup(); 4336 initPlayer(); 4337 }, 1500); 4338 } 4339 4340 closeBtn.addEventListener('click', function () { 4341 hidePopup(); 4342 destroyPopupPlayer(); 4343 sessionStorage.setItem(STORAGE_KEY, '1'); 4344 }); 4345 4346 document.addEventListener('DOMContentLoaded', maybeShow); 4347 4348 })(); 4349 </script>
4349 4350<body class='body-3'><div id="adv-Position3"></div><div id="adv-Top"></div><section class="section text-center ngi-adv-container "> 4351 <div class="container-lg px-3 px-sm-5 bg-success"> 4352 <div class="ngi-adv"> 4353 <div class="row justify-content-center g-0"> 4354 <div class="col-12"> 4355 <div id="adv-TopLeft"></div> 4356 </div> 4357 </div> 4358 </div> 4359 </div> 4360</section> 4361 4362 4363<style> 4364 section.title-section-container h1 { 4365 text-transform: uppercase; 4366 font-size: 4.5em; 4367 font-weight: 600; 4368 color: #dadada; 4369 letter-spacing: 8px; 4370 } 4371</style> 4372<section class="section title-section-container title-section-page3-blocco21"> 4373 <div class="container-lg bg-success py-5 px-3 px-sm-5"> 4374 <div class="title-section"> 4375 <div class="row g-0"> 4376 <div class="col"> 4377 <h6 class="text-uppercase"></h6> 4378 <h1 class="h2 posizione-1">storia e civiltà </h1> <p class="description"></p> 4379 </div> 4380 </div> 4381 </div> 4382 </div> 4383</section> 4384 4385 4386<style> 4387section.cta-banner-container{ 4388 picture{ 4389 position: relative; 4390 width: 100%; 4391 height: 100%; 4392 display: block; 4393 4394 } 4395 #search{ 4396 border-right: 0 !important; 4397 } 4398 .input-group{ 4399 input::placeholder { 4400 font-size: 14px; /* O la dimensione che preferisci */ 4401 4402 } 4403 4404 /* Per Internet Explorer 10 e 11 */ 4405 input:-ms-input-placeholder { 4406 font-size: 14px; 4407 4408 } 4409 4410 /* Per versioni più vecchie di Firefox */ 4411 input::-moz-placeholder { 4412 font-size: 14px; 4413 } 4414 .input-group-text { 4415 4416 background-color: #fff; 4417 border-radius:0!important; 4418 border-left: 0 !important; 4419 &.button:hover{ 4420 background-color:var(--bs-primary); 4421 } 4422 } 4423 } 4424 4425 4426 4427} 4428 4429/* section.cta-banner-container picture:after{ 4430 content: ''; 4431 position:absolute; 4432 top: 50%; 4433 left: 50%; 4434 width: 100%; 4435 height: 100%; 4436 transform: translate(-50%, -50%); 4437 background-color: rgba(0,0,0, 0.5); 4438} */ 4439section.cta-banner-container h1 { 4440 font-size: 2.5em; 4441 text-shadow: 0px 0px 5px #000000; 4442 font-weight: 600; 4443} 4444 4445@media (max-width: 575.98px) { 4446 section.cta-banner-container h1, 4447 section.cta-banner-container h3{ 4448 font-size: 1.2rem; 4449 } 4450} 4451 4452 4453 4454 4455</style> 4456<section class="section cta-banner-container text-light cta-banner-page3-blocco22"> 4457 <div class="container-lg py-5 px-3 px-sm-5 bg-success"> 4458 <div class="cta-banner"> 4459 <div class="row g-0"> 4460 <div class="col"> 4461 <a href="/tombe-inviolate-chimu-storia-rivali-impero-inca"> 4462 <div class="card box box7"> 4463 <div class="picture-container"> 4464 <picture class="resp-img-cntr landscape css-vean54"> 4465 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=320&h=180" type="image/webp"> 4466 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=360&h=203" type="image/webp"> 4467 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=430&h=242" type="image/webp"> 4468 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=500&h=282" type="image/webp"> 4469 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=768&h=432" type="image/webp"> 4470 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=900&h=507" type="image/webp"> 4471 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1024&h=576" type="image/webp"> 4472 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1150&h=647" type="image/webp"> 4473 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.
4473jpeg?w=1280&h=720" type="image/webp"> 4474 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1450&h=816" type="image/webp"> 4475 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1600&h=900" type="image/webp"> 4476 <source srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1600&h=900" 4477 width="1600" 4478 height="900" 4479 alt="<p>Cosa rivelano le tombe inviolate dei Chimú: i segreti dei più grandi rivali dell’Impero Inca</p> 4480" 4481 title="<p>Cosa rivelano le tombe inviolate dei Chimú: i segreti dei più grandi rivali dell’Impero Inca</p> 4482"> 4483 <img src="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1600&h=900" 4484 width="1600" 4485 height="900" 4486 alt="<p>Cosa rivelano le tombe inviolate dei Chimú: i segreti dei più grandi rivali dell’Impero Inca</p> 4487" 4488 title="<p>Cosa rivelano le tombe inviolate dei Chimú: i segreti dei più grandi rivali dell’Impero Inca</p> 4489" loading="eager"> 4490 </picture> 4491 </div> 4492 <div class="card-img-overlay"> 4493 <div class="card-body p-0 p-sm-3 d-flex h-100"> 4494 <div class="handle-position"> 4495 4496 <h3 class="mb-1 posizione-2" style="text-shadow: 0px 0px 5px #000000;">Cosa rivelano le tombe inviolate dei Chimú: i segreti dei più grandi rivali dell’Impero Inca 4497</h3> 4498 </div> 4499 </div> 4500 </div> 4501 </div> 4502 </a> 4503 </div> 4504 </div> 4505 </div> 4506 </div> 4507</section> 4508 4509<style> 4510 4511@media (max-width: 991.98px) { 4512 section.parallax-section-container a.custom-link-parallax img{ 4513 width: 50%!important; 4514 margin: 0 auto!important; 4515 } 4516} 4517 4518 4519section.parallax-section-container span.btn{ 4520 position:absolute; 4521 bottom: 0; 4522 left: 0; 4523 border-radius: 0; 4524 text-transform: uppercase; 4525 font-weight: 600; 4526 letter-spacing: 3px; 4527 font-size: 13px; 4528 4529 } 4530 4531section.parallax-section-container .taxonomy-container li{ 4532 display: inline-block; 4533} 4534 4535section.parallax-section-container .taxonomy-container a{ 4536 font-size: 0.75rem; 4537 text-transform: uppercase; 4538 display: inline-block; 4539 background-image: linear-gradient(120deg,var(--bs-primary),var(--bs-primary)); 4540 background-position: 0 100%; 4541 background-repeat: no-repeat; 4542 background-size: 100% 0; 4543 border-bottom: 2px solid var(--bs-primary); 4544 color:var(--bs-dark); 4545 text-decoration: none; 4546 transition: background-size .15s ease-in-out; 4547 padding: 0 5px; 4548} 4549section.parallax-section-container .taxonomy-container a:hover{ 4550 background-size: 100% 100%; 4551 color: var(--bs-white); 4552} 4553 4554section.parallax-section-container .card-img-overlay{ 4555 top:50%; 4556 bottom: auto; 4557 transform: translateY(-50%); 4558} 4559@media (min-width: 992px) { 4560 section.parallax-section-container .sticky-container{ 4561 display: flex; 4562 position: sticky; 4563 max-height: 100vh; 4564 margin-bottom: auto; 4565 } 4566 4567 section.parallax-section-container .sticky-container .card{ 4568 max-height: 100%; 4569 overflow: hidden; 4570 } 4571 4572 section.parallax-section-container .sticky-card-container{ 4573 min-height: 960px; 4574 } 4575} 4576 4577@media (min-width: 992px) and (max-width: 1539.98px) { 4578 section.parallax-section-container .card-body { 4579 padding-left: 4px; 4580 padding-right: 4px; 4581 } 4582} 4583 4584 4585</style><section class="section parallax-section-container parallax-section-page3-blocco23"> 4586 <div class="container-lg bg-success py-5 px-3 px-sm-5"> 4587 <div class="parallax-section"> 4588 <div class="row gutter-custom-prima"> 4589 4590 <!-- BLOCCO MANZONI --> 4591 <div class="col-12 col-lg-4"> 4592 <div class="sticky-container mb-5 mb-lg-0 pe-0 text-light"> 4593 4594 <div id="adv-Middle1"></div> 4595 </div> 4596 </div> 4597 <!-- FINE BLOCCO MANZONI --> 4598 4599 <div class="col-12 col-lg-8 sticky-card-container"> 4600 <div class="row row-cols-1 row-cols-md-2 gutter-custom-seconda"> 4601 4602 <!-- SE TI SERVE INIZIO LOOP --> 4603 <div class="col"> 4604 <div class="card bg-transparent"> 4605 <a href="/scoperte-ossa-denisoviani-grotta-yunnan-cina" class="text-decoration-none"> 4606 <div class="box box6"> 4607 <div class="picture-container"> 4608 <picture> 4609 <img src="/upload/ngi-hero/cover-1789034830456-social.jpg?w=1600&h=900" 4610 width="1600" 4611 height="900" 4612 alt="Scoperte rare ossa dei Denisoviani e altri reperti in una grotta dello Yunnan, in Cina 4613" title="Scoperte rare ossa dei Denisoviani e altri reperti in una grotta dello Yunnan, in Cina 4614"> 4615 </picture> 4616 </div> 4617 4618 4619 4620 4621 4622 4623 4624 </div> 4625 </a> 4626 <div class="card-body"> 4627 <div class="text-container"> 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 <a href="/scoperte-ossa-denisoviani-grotta-yunnan-cina" class="text-decoration-none"> 4639 <h5 style="font-weight: 600;" class="card-title"><p>Scoperte rare ossa dei Denisoviani e altri reperti in una grotta dello Yunnan, in Cina</p> 4640</h5> 4641 <!-- <p class="card-text pb-3"> --> 4642 <p>Un insieme di ossa, denti e oltre 1.300 utensili in pietra rinvenuti da un team di ricercatori nella grotta di Bianfu offre uno sguardo dettagliato su come questi antichi e sfuggenti esseri umani ormai estinti vivevano, si procuravano il cibo e utilizzavano gli strumenti nella vita quotidiana.</p> 4643 <!-- </p> --> 4644 </a> 4645 <ul class="taxonomy-container"> 4646 </ul> 4647 </div> 4648 </div> 4649 </div> 4650 </div> 4651 <!-- FINE INIZIO LOOP --> 4652 <div class="col"> 4653 <div class="card bg-transparent"> 4654 <a href="/eta-dell-oro-della-paleontologia" class="text-decoration-none"> 4655 <div class="box box6"> 4656 <div class="picture-container"> 4657 <picture> 4658 <img src="/upload/ngi-hero/cover-1676388640258-144 ngi-eta-oro.jpg?w=1600&h=900" 4659 width="1600" 4660 height="900" 4661 alt="Alla scoperta dell'età dell'oro della paleontologia 4662" title="Alla scoperta dell'età dell'oro della paleontologia 4663"> 4664 </picture> 4665 </div> 4666 4667 <sp
4667an class="btn text-uppercase btn-primary"> 4668 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16"> 4669 <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/> 4670 </svg> 4671 </span> 4672 4673 4674 4675 4676 4677 4678 </div> 4679 </a> 4680 <div class="card-body"> 4681 <div class="text-container"> 4682 4683 4684 <!--a href="/scienza" class="text-decoration-none"> 4685 <p class="article-tag text-uppercase"> 4686 <span>Scienza</span> 4687 </p> 4688 </a--> 4689 4690 <a href="/scienza" class="text-decoration-none"> 4691 <p class="article-tag text-uppercase"> 4692 <span> 4693 Scienza </span> 4694 </p> 4695 </a> 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 <a href="/eta-dell-oro-della-paleontologia" class="text-decoration-none"> 4708 <h5 style="font-weight: 600;" class="card-title"><p>Alla scoperta dell'età dell'oro della paleontologia</p> 4709</h5> 4710 <!-- <p class="card-text pb-3"> --> 4711 <p>Grazie all'innovazione tecnologica e all'accesso ad aree una volta considerate irraggiungibili, il campo della paleontologia sta vivendo un'epoca d'oro di scoperte.</p> 4712 <!-- </p> --> 4713 </a> 4714 <ul class="taxonomy-container"> 4715 </ul> 4716 </div> 4717 </div> 4718 </div> 4719 </div> 4720 <!-- FINE INIZIO LOOP --> 4721 <div class="col"> 4722 <div class="card bg-transparent"> 4723 <a href="/fossili-tesori-nascosti-da-scoprire" class="text-decoration-none"> 4724 <div class="box box6"> 4725 <div class="picture-container"> 4726 <picture> 4727 <img src="/upload/ngi-hero/cover-1676389944120-154 ngi-fossili.jpg?w=1600&h=900" 4728 width="1600" 4729 height="900" 4730 alt="Fossili: tesori nascosti da scoprire 4731" title="Fossili: tesori nascosti da scoprire 4732"> 4733 </picture> 4734 </div> 4735 4736 <span class="btn text-uppercase btn-primary"> 4737 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16"> 4738 <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/> 4739 </svg> 4740 </span> 4741 4742 4743 4744 4745 4746 4747 </div> 4748 </a> 4749 <div class="card-body"> 4750 <div class="text-container"> 4751 4752 4753 <!--a href="/scienza" class="text-decoration-none"> 4754 <p class="article-tag text-uppercase">
4755 <span>Scienza</span> 4756 </p> 4757 </a--> 4758 4759 <a href="/scienza" class="text-decoration-none"> 4760 <p class="article-tag text-uppercase"> 4761 <span> 4762 Scienza </span> 4763 </p> 4764 </a> 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 <a href="/fossili-tesori-nascosti-da-scoprire" class="text-decoration-none"> 4777 <h5 style="font-weight: 600;" class="card-title"><p>Fossili: tesori nascosti da scoprire</p> 4778</h5> 4779 <!-- <p class="card-text pb-3"> --> 4780 <p>Come un tesoro sepolto, i fossili giacciono nascosti alla vista, echi di un passato antico, sussurrano segreti e raccontano storie una volta perse nel tempo.</p> 4781 <!-- </p> --> 4782 </a> 4783 <ul class="taxonomy-container"> 4784 </ul> 4785 </div> 4786 </div> 4787 </div> 4788 </div> 4789 <!-- FINE INIZIO LOOP --> 4790 <div class="col"> 4791 <div class="card bg-transparent"> 4792 <a href="/cosa-sappiamo-antico-abito-egizio-ricostruito" class="text-decoration-none"> 4793 <div class="box box6"> 4794 <div class="picture-container"> 4795 <picture> 4796 <img src="/upload/ngi-hero/cover-1787236667649-Hero.jpeg?w=1600&h=900" 4797 width="1600" 4798 height="900" 4799 alt="Cosa sappiamo sull’antico abito egizio che è stato ricostruito a un secolo dalla sua scoperta 4800" title="Cosa sappiamo sull’antico abito egizio che è stato ricostruito a un secolo dalla sua scoperta 4801"> 4802 </picture> 4803 </div> 4804 4805 4806 4807 4808 4809 4810 4811 </div> 4812 </a> 4813 <div class="card-body"> 4814 <div class="text-container"> 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 <a href="/cosa-sappiamo-antico-abito-egizio-ricostruito" class="text-decoration-none"> 4826 <h5 style="font-weight: 600;" class="card-title"><p>Cosa sappiamo sull’antico abito egizio che è stato ricostruito a un secolo dalla sua scoperta</p> 4827</h5> 4828 <!-- <p class="card-text pb-3"> --> 4829 <p>Frammenti di un abito di 4.500 anni fa sono rimasti conservati nel seminterrato di un museo per decenni finché una ricercatrice non li ha ricomposti alla ricerca di risposte sul misterioso manufatto.</p> 4830 <!-- </p> --> 4831 </a> 4832 <ul class="taxonomy-container"> 4833 </ul> 4834 </div> 4835 </div> 4836 </div> 4837 </div> 4838 <!-- FINE INIZIO LOOP --> 4839 4840 4841 </div> 4842 </div> 4843 4844 4845 </div> 4846 </div> 4847 </div> 4848</section> 4849<style> 4850 4851section.article-list-container span.btn{ 4852 position:absolute; 4853 bottom: 0; 4854 left: 0; 4855 border-radius: 0; 4856 text-transform: uppercase; 4857 font-weight: 600; 4858 letter-spacing: 3px; 4859 font-size: 13px; 4860} 4861 4862section.article-list-container .taxonomy-container { 4863 margin-left: -5px; 4864 } 4865 4866section.article-list-container .taxonomy-container li{ 4867 display: inline-block; 4868 } 4869 4870 section.article-list-container .taxonomy-container a{ 4871 font-size: 0.75rem; 4872 text-transform: uppercase; 4873 display: inline-block; 4874 background-image: linear-gradient(120deg,var(--bs-primary),var(--bs-primary)); 4875 background-position: 0 100%; 4876 background-repeat: no-repeat; 4877 background-size: 100% 0; 4878 border-bottom: 2px solid var(--bs-primary); 4879 color:var(--bs-dark); 4880 text-decoration: none; 4881 transition: background-size .15s ease-in-out; 4882 margin: 0 5px; 4883 4884 } 4885 section.article-list-container .taxonomy-container a:hover{ 4886 background-size: 100% 100%; 4887 color: var(--bs-white); 4888 } 4889 </style> <style> 4890 4891.pagination li { 4892 box-sizing: border-box; 4893 padding-right: 10px; 4894} 4895.pagination li a { 4896 box-sizing: border-box; 4897 background-color: #e2e6e6; 4898 padding: 8px; 4899 text-decoration: none; 4900 font-size: 12px; 4901 font-weight: bold; 4902 color: #616872; 4903 border-radius: 4px; 4904 padding-left: 12px; 4905 padding-right: 12px; 4906} 4907.pagination li a:hover { 4908 background-color: #d4dada; 4909} 4910.pagination .next a, .pagination .prev a { 4911 text-transform: uppercase; 4912 font-size: 12px; 4913} 4914.pagination .currentpage a { 4915 background-color: #f0cd48; 4916 color: #000; 4917} 4918.pagination .currentpage a:hover { 4919 background-color: #518acb; 4920} 4921span.contenuto-sponsorizzato{ 4922 letter-spacing:1px; 4923} 4924span..contenuto-sponsorizzato:first-letter{ 4925 letter-spacing:3px; 4926} 4927 </style> 4928<section class="section article-list-container article-list-page3-blocco24"> 4929 <div class="container-lg py-5 px-3 px-sm-5 bg-success"> 4930 <div class="article-list "> 4931 <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-2"> 4932 4933
4933<script>console.log("CAT URL: 3 ");</script>
4933<script>console.log("LIMIT: 36 - PASSO: 570 ");</script>
4933 4934 <!-- LOOP ARTICOLI --> 4935 4936 <div class="col"> 4937 <div class="card bg-transparent h-100"> 4938 <a href="/storia-profumo-origini-rituali-ricerca-fragranza-perfetta" class="text-decoration-none d-block"> 4939 <div class="box box0"> 4940 <div class="picture-container"> 4941 <picture class="resp-img-cntr landscape css-vean54"> 4942 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=320&h=180"> 4943 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=360&h=203"> 4944 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=430&h=242"> 4945 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=500&h=282"> 4946 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=768&h=432"> 4947 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=900&h=507"> 4948 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1024&h=576"> 4949 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1150&h=647"> 4950 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1280&h=720"> 4951 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1450&h=816"> 4952 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1600&h=900"> 4953 <source srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1600&h=900" 4954 width="1600" 4955 height="900" 4956 alt="L'inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta 4957" 4958 title="L'inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta 4959"> 4960 <img src="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1600&h=900" 4961 width="1600" 4962 height="900" 4963 alt="L'inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta 4964" 4965 title="L'inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta 4966" loading="lazy"> 4967 </picture> 4968 </div> 4969 4970 4971 4972 </div> 4973 </a> 4974 <div class="card-body"> 4975 4976 4977 <a href="/storia-profumo-origini-rituali-ricerca-fragranza-perfetta" class="text-decoration-none d-block"> 4978 <h5 style="font-weight: 600;" class="card-title"> 4979 <p>L'inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta</p> 4980 </h5> 4981 <p class="card-text"> 4982 4983 <p>Nato nell’antichità per accompagnare rituali, cerimonie e pratiche religiose, il profumo ha attraversato epoche e culture evolvendo insieme alle società in un simbolo di status, uno strumento di seduzione e, oggi, perfino una forma di espressione personale. Sauvage Extrait di Dior, il primo estratto da uomo della Maison, ne racconta l’evoluzione più contemporanea, dalle antiche tecniche di lavorazione alla ricerca di materie prime pregiate provenienti da ogni parte del mondo.</p> 4984 4985 </p> 4986 </a> 4987 <ul class="taxonomy-container"> 4988 <li> <a href="/argomenti/temi/storia-e-civilta/storia-moderna"> Storia Moderna </a> </li> </ul> 4989 </div> 4990 </a> 4991 </div> 4992 </div> 4993 4994 <!-- FINE LOOP ARTICOLI --> 4995 4996 4997 <!-- LOOP ARTICOLI --> 4998 4999 <div class="col"> 5000 <div class="card bg-transparent h-100"> 5001 <a href="/spitfire-pr-aereo-ricognizione-seconda-guerra-mondiale" class="text-decoration-none d-block"> 5002 <div class="box box0"> 5003 <div class="picture-container"> 5004 <picture class="resp-img-cntr landscape css-vean54"> 5005 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=320&h=180"> 5006 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=360&h=203"> 5007 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=430&h=242"> 5008 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=500&h=282"> 5009 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=768&h=432"> 5010 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=900&h=507"> 5011 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1024&h=576"> 5012 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1150&h=647"> 5013 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1280&h=720"> 5014 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1450&h=816"> 5015 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1600&h=900"> 5016 <source srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1600&h=900" 5017 width="1600" 5018 height="900" 5019 alt="Spitfire PR, l’aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale 5020" 5021 title="Spitfire PR, l’aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale 5022"> 5023 <img src="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1600&h=900" 5024 width="1600" 5025 height="900" 5026 alt="Spitfire PR, l’aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale 5027" 5028 title="Spitfire PR, l’aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale 5029" loading="lazy"> 5030 </picture> 5031 </div> 5032 5033 5034 5035 </div> 5036 </a> 5037 <div class="card-body"> 5038 5039 5040 <a href="/spitfire-pr-aereo-ricognizione-seconda-guerra-mondiale" class="text-decoration-none d-block"> 5041 <h5 style="font-weight: 600;" class="card-title"> 5042 <p>Spitfire PR, l’aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale</p> 5043 </h5> 5044 <p class="card-text"> 5045 5046 <p>Agili e veloci, i ricognitori Spitfire PR svolsero missioni fotografiche fondamentali per gli Alleati.</p> 5047 5048 </p> 5049 </a> 5050 <ul class="taxonomy-container"> 5051 </ul> 5052 </div> 5053 </a> 5054 </div> 5055 </div> 5056 5057 <!-- FINE LOOP ARTICOLI --> 5058 5059 5060 <!-- LOOP ARTICOLI --> 5061 5062 <div class="col"> 5063 <div class="card bg-transparent h-100"> 5064 <a href="/tesori-archeologici-turchia-laghi-prosciugati-siccita" class="text-decoration-none d-block"> 5065 <div class="box box0"> 5066 <div class="picture-container"> 5067 <picture class="resp-img-cntr landscape css-vean54"> 5068 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=320&h=180"> 5069 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=360&h=203"> 5070 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=430&h=242"> 5071 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=500&h=282"> 5072 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=768&h=432"> 5073 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=900&h=507"> 5074 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1024&h=576"> 5075 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1150&h=647"> 5076 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1280&h=720"> 5077 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1450&h=816"> 5078 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1600&h=900"> 5079 <source srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1600&h=900" 5080 width="1600" 5081 height="900" 5082 alt="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccità 5083" 5084 title="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccità 5085"> 5086 <img src="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1600&h=900" 5087 width="1600" 5088 height="900" 5089 alt="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccità 5090" 5091 title="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccità 5092" loading="lazy"> 5093 </picture> 5094 </div> 5095 5096 5097 5098 </div> 5099 </a> 5100 <div class="card-body"> 5101 5102 5103 <a href="/tesori-archeologici-turchia-laghi-prosciugati-siccita" class="text-decoration-none d-block"> 5104 <h5 style="font-weight: 600;" class="card-title"> 5105 <p>I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccità</p> 5106 </h5> 5107 <p class="card-text"> 5108 5109 <p>Il cambiamento climatico sta riportando alla luce chiese, castelli e petroglifi un tempo sommer
5109si. Ma questa riscoperta, in alcuni casi, può trasformarsi in una minaccia per la loro conservazione.</p> 5110 5111 </p> 5112 </a> 5113 <ul class="taxonomy-container"> 5114 </ul> 5115 </div> 5116 </a> 5117 </div> 5118 </div> 5119 5120 <!-- FINE LOOP ARTICOLI --> 5121 5122 5123 <!-- LOOP ARTICOLI --> 5124 5125 <div class="col"> 5126 <div class="card bg-transparent h-100"> 5127 <a href="/anello-erode-apparteneva-ponzio-pilato" class="text-decoration-none d-block"> 5128 <div class="box box0"> 5129 <div class="picture-container"> 5130 <picture class="resp-img-cntr landscape css-vean54"> 5131 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=320&h=180"> 5132 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=360&h=203"> 5133 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=430&h=242"> 5134 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=500&h=282"> 5135 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=768&h=432"> 5136 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=900&h=507"> 5137 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1024&h=576"> 5138 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1150&h=647"> 5139 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1280&h=720"> 5140 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1450&h=816"> 5141 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1600&h=900"> 5142 <source srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1600&h=900" 5143 width="1600" 5144 height="900" 5145 alt="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato? 5146" 5147 title="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato? 5148"> 5149 <img src="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1600&h=900" 5150 width="1600" 5151 height="900" 5152 alt="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato? 5153" 5154 title="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato? 5155" loading="lazy"> 5156 </picture> 5157 </div> 5158 5159 5160 5161 </div> 5162 </a> 5163 <div class="card-body"> 5164 5165 5166 <a href="/anello-erode-apparteneva-ponzio-pilato" class="text-decoration-none d-block"> 5167 <h5 style="font-weight: 600;" class="card-title"> 5168 <p>Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato?</p> 5169 </h5> 5170 <p class="card-text"> 5171 5172 <p>Da anni gli studiosi sono divisi sull’effettiva appartenenza a Ponzio Pilato di un anello con inciso il nome “Pilato”. Una nuova teoria potrebbe porre fine al dibattito.</p> 5173 5174 </p> 5175 </a> 5176 <ul class="taxonomy-container"> 5177 </ul> 5178 </div> 5179 </a> 5180 </div> 5181 </div> 5182 5183 <!-- FINE LOOP ARTICOLI --> 5184 5185 5186 <!-- LOOP ARTICOLI --> 5187 5188 <div class="col"> 5189 <div class="card bg-transparent h-100"> 5190 <a href="/la-vera-storia-figli-cleopatra-marco-antonio" class="text-decoration-none d-block"> 5191 <div class="box box0"> 5192 <div class="picture-container"> 5193 <picture class="resp-img-cntr landscape css-vean54"> 5194 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=320&h=180"> 5195 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=360&h=203"> 5196 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=430&h=242"> 5197 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=500&h=282"> 5198 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=768&h=432"> 5199 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=900&h=507"> 5200 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1024&h=576"> 5201 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1150&h=647"> 5202 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1280&h=720"> 5203 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1450&h=816"> 5204 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1600&h=900"> 5205 <source srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1600&h=900" 5206 width="1600" 5207 height="900" 5208 alt="Che cosa è successo davvero ai figli di Cleopatra e Marco Antonio? 5209" 5210 title="Che cosa è successo davvero ai figli di Cleopatra e Marco Antonio? 5211"> 5212 <img src="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1600&h=900" 5213 width="1600" 5214 height="900" 5215 alt="Che cosa è successo davvero ai figli di Cleopatra e Marco Antonio? 5216" 5217 title="Che cosa è successo davvero ai figli di Cleopatra e Marco Antonio? 5218" loading="lazy"> 5219 </picture> 5220 </div> 5221 5222 5223 5224 </div> 5225 </a> 5226 <div class="card-body"> 5227 5228 5229 <a href="/la-vera-storia-figli-cleopatra-marco-antonio" class="text-decoration-none d-block"> 5230 <h5 style="font-weight: 600;" class="card-title"> 5231 <p>Che cosa è successo davvero ai figli di Cleopatra e Marco Antonio?</p> 5232 </h5> 5233 <p class="card-text"> 5234 5235 <p>Dopo la morte dei genitori, i gemelli furono fatti prigionieri e portati a Roma, dove crebbero sotto il
5235controllo di Ottaviano. Nonostante ciò, entrambi ebbero un ruolo importante nella storia romana.</p> 5236 5237 </p> 5238 </a> 5239 <ul class="taxonomy-container"> 5240 </ul> 5241 </div> 5242 </a> 5243 </div> 5244 </div> 5245 5246 <!-- FINE LOOP ARTICOLI --> 5247 5248 5249 <!-- LOOP ARTICOLI --> 5250 5251 <div class="col"> 5252 <div class="card bg-transparent h-100"> 5253 <a href="/esistenza-di-stanze-nascoste-nella-tomba-di-tutankhamon" class="text-decoration-none d-block"> 5254 <div class="box box0"> 5255 <div class="picture-container"> 5256 <picture class="resp-img-cntr landscape css-vean54"> 5257 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=320&h=180"> 5258 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=360&h=203"> 5259 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=430&h=242"> 5260 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=500&h=282"> 5261 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=768&h=432"> 5262 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=900&h=507"> 5263 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1024&h=576"> 5264 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1150&h=647"> 5265 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1280&h=720"> 5266 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1450&h=816"> 5267 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1600&h=900"> 5268 <source srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1600&h=900" 5269 width="1600" 5270 height="900" 5271 alt="Nuovi studi alimentano l’ipotesi dell'esistenza di stanze nascoste nella tomba di Tutankhamon 5272" 5273 title="Nuovi studi alimentano l’ipotesi dell'esistenza di stanze nascoste nella tomba di Tutankhamon 5274"> 5275 <img src="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1600&h=900" 5276 width="1600" 5277 height="900" 5278 alt="Nuovi studi alimentano l’ipotesi dell'esistenza di stanze nascoste nella tomba di Tutankhamon 5279" 5280 title="Nuovi studi alimentano l’ipotesi dell'esistenza di stanze nascoste nella tomba di Tutankhamon 5281" loading="lazy"> 5282 </picture> 5283 </div> 5284 5285 5286 5287 </div> 5288 </a> 5289 <div class="card-body"> 5290 5291 5292 <a href="/esistenza-di-stanze-nascoste-nella-tomba-di-tutankhamon" class="text-decoration-none d-block"> 5293 <h5 style="font-weight: 600;" class="card-title"> 5294 <p>Nuovi studi alimentano l’ipotesi dell'esistenza di stanze nascoste nella tomba di Tutankhamon</p> 5295 </h5> 5296 <p class="card-text"> 5297 5298 <p>A distanza di undici anni dalla pubblicazione del primo studio, un recente articolo, a firma dell’egittologo Nicholas Reeves, dell’ex ministro egiziano delle Antichità Mamdouh Eldamaty e dell’ingegnere George Ballard, rilancia l’ipotesi dell’esistenza della sepoltura della regina Nefertiti dietro le pareti della camera funeraria del giovane faraone. </p> 5299 5300 </p> 5301 </a> 5302 <ul class="taxonomy-container"> 5303 </ul> 5304 </div> 5305 </a> 5306 </div> 5307 </div> 5308 5309 <!-- FINE LOOP ARTICOLI --> 5310 5311 5312 <!-- LOOP ARTICOLI --> 5313 5314 <div class="col"> 5315 <div class="card bg-transparent h-100"> 5316 <a href="/l-antica-principessa-che-sconfiggeva-i-nemici-con-la-sua-lingua-tagliente" class="text-decoration-none d-block"> 5317 <div class="box box0"> 5318 <div class="picture-container"> 5319 <picture class="resp-img-cntr landscape css-vean54"> 5320 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=320&h=180"> 5321 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=360&h=203"> 5322 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=430&h=242"> 5323 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=
5323500&h=282"> 5324 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=768&h=432"> 5325 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=900&h=507"> 5326 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1024&h=576"> 5327 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1150&h=647"> 5328 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1280&h=720"> 5329 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1450&h=816"> 5330 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1600&h=900"> 5331 <source srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1600&h=900" 5332 width="1600" 5333 height="900" 5334 alt="L'antica principessa che sconfiggeva i nemici con la sua lingua tagliente 5335" 5336 title="L'antica principessa che sconfiggeva i nemici con la sua lingua tagliente 5337"> 5338 <img src="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1600&h=900" 5339 width="1600" 5340 height="900" 5341 alt="L'antica principessa che sconfiggeva i nemici con la sua lingua tagliente 5342" 5343 title="L'antica principessa che sconfiggeva i nemici con la sua lingua tagliente 5344" loading="lazy"> 5345 </picture> 5346 </div> 5347 5348 5349 5350 </div> 5351 </a> 5352 <div class="card-body"> 5353 5354 5355 <a href="/l-antica-principessa-che-sconfiggeva-i-nemici-con-la-sua-lingua-tagliente" class="text-decoration-none d-block"> 5356 <h5 style="font-weight: 600;" class="card-title"> 5357 <p>L'antica principessa che sconfiggeva i nemici con la sua lingua tagliente</p> 5358 </h5> 5359 <p class="card-text"> 5360 5361 <p>Sacerdotessa del dio della luna e figlia di Sargon il Grande, l’accadica Enheduanna ha accumulato potere politico e condotto guerre a colpi di parole affilate oltre 4.000 anni fa.</p> 5362 5363 </p> 5364 </a> 5365 <ul class="taxonomy-container"> 5366 <li> <a href="/storia-e-civilta"> Storia e civiltà </a> </li> </ul> 5367 </div> 5368 </a> 5369 </div> 5370 </div> 5371 5372 <!-- FINE LOOP ARTICOLI --> 5373 5374 5375 <!-- LOOP ARTICOLI --> 5376 5377 <div class="col"> 5378 <div class="card bg-transparent h-100"> 5379 <a href="/ricostruito-il-volto-di-un-uomo-vissuto-in-inghilterra-durante-la-conquista-normanna" class="text-decoration-none d-block"> 5380 <div class="box box0"> 5381 <div class="picture-container"> 5382 <picture class="resp-img-cntr landscape css-vean54"> 5383 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=320&h=180"> 5384 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=360&h=203"> 5385 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=430&h=242"> 5386 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=500&h=282"> 5387 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=768&h=432"> 5388 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=900&h=507"> 5389 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1024&h=576"> 5390 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1150&h=647"> 5391 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1280&h=720"> 5392 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1450&h=816"> 5393 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1600&h=900"> 5394 <source srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1600&h=900" 5395 width="1600" 5396 height="900" 5397 alt="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna 5398" 5399 title="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna 5400"> 5401 <img src="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1600&h=900" 5402 width="1600" 5403 height="900" 5404 alt="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna 5405" 5406 title="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna 5407" loading="lazy"> 5408 </picture> 5409 </div> 5410 5411 5412 5413 </div> 5414 </a> 5415 <div class="card-body"> 5416 5417 5418 <a href="/ricostruito-il-volto-di-un-uomo-vissuto-in-inghilterra-durante-la-conquista-normanna" class="text-decoration-none d-block"> 5419 <h5 style="font-weight: 600;" class="card-title"> 5420 <p>Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna</p> 5421 </h5> 5422 <p class="card-text"> 5423 5424 <p>I ricercatori hanno dato un volto all'individuo sepolto in una chiesa del Lincolnshire intorno al 1079, dopo l’arrivo dei Normanni. Alcuni indizi suggeriscono che potesse provenire dalla Scandinavia.</p> 5425 5426 </p> 5427 </a> 5428 <ul class="taxonomy-container"> 5429 <li> <a href="/storia-e-civilta"> Storia e civiltà </a> </li> </ul> 5430 </div> 5431 </a> 5432 </div> 5433 </div> 5434 5435 <!-- FINE LOOP ARTICOLI --> 5436 5437 5438 <!-- LOOP ARTICOLI --> 5439 5440 <div class="col"> 5441 <div class="card bg-transparent h-100"> 5442 <a href="/museo-spagna-rubato-tesoro-villena-eta-bronzo" class="text-decoration-none d-block"> 5443 <div class="box box0"> 5444 <div class="picture-container"> 5445 <picture class="resp-img-cntr landscape css-vean54"> 5446 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=320&h=180"> 5447 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=360&h=203"> 5448 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=430&h=242"> 5449 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=500&h=282"> 5450 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=768&h=432"> 5451 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=900&h=507"> 5452 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1024&h=576"> 5453 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1150&h=647"> 5454 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1280&h=720"> 5455 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1450&h=816"> 5456 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1600&h=900"> 5457 <source srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1600&h=900" 5458 width="1600" 5459 height="900" 5460 alt="Tesoro di Villena: rubato in Spagna uno dei più preziosi tesori dell’Età del bronzo 5461" 5462 title="Tesoro di Villena: rubato in Spagna uno dei più preziosi tesori dell’Età del bronzo 5463"> 5464 <img src="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1600&h=900" 5465 width="1600" 5466 height="900" 5467 alt="Tesoro di Villena: rubato in Spagna uno dei più preziosi tesori dell’Età del bronzo 5468" 5469 title="Tesoro di Villena: rubato in Spagna uno dei più preziosi tesori dell’Età del bronzo 5470" loading="lazy"> 5471 </picture> 5472 </div> 5473 5474 5475 5476 </div> 5477 </a> 5478 <div class="card-body"> 5479 5480 5481 <a href="/museo-spagna-rubato-tesoro-villena-eta-bronzo" class="text-decoration-none d-block"> 5482 <h5 style="font-weight: 600;" class="card-title"> 5483 <p>Tesoro di Villena: rubato in Spagna uno dei più preziosi tesori dell’Età del bronzo</p> 5484 </h5> 5485 <p class="card-text"> 5486 5487 <p>I ladri hanno preso di mira una delle collezioni archeologiche più straordinarie della Spagna. Ecco perché il Tesoro di Villena ha un valore inestimabile che va ben oltre l’oro di cui è composto.</p> 5488 5489 </p> 5490 </a> 5491 <ul class="taxonomy-container"> 5492 </ul> 5493 </div> 5494 </a> 5495 </div> 5496 </div> 5497 5498 <!-- FINE LOOP ARTICOLI --> 5499 5500 5501 <!-- LOOP ARTICOLI --> 5502 5503 <div class="col"> 5504 <div class="card bg-transparent h-100"> 5505 <a href="/la-vera-storia-heinrich-schliemann-scoperta-di-troia" class="text-decoration-none d-block"> 5506 <div class="box box0"> 5507 <div class="picture-container"> 5508 <picture class="resp-img-cntr landscape css-vean54"> 5509 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=320&h=180"> 5510 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=360&h=203"> 5511 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=430&h=242"> 5512 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=500&h=282"> 5513 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=768&h=432"> 5514 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=900&h=507"> 5515 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1024&h=576"> 5516 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1150&h=647"> 5517 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1280&h=720"> 5518 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1450&h=816"> 5519 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1600&h=900"> 5520 <source srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1600&h=900" 5521 width="1600" 5522 height="900" 5523 alt="La vera storia di Heinrich Schliemann: l’uomo che scoprì Troia e rischiò di distruggerla 5524" 5525 title="La vera storia di Heinrich Schliemann: l’uomo che scoprì Troia e rischiò di distruggerla 5526"> 5527 <img src="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1600&h=900" 5528 width="1600" 5529 height="900" 5530 alt="La vera storia di Heinrich Schliemann: l’uomo che scoprì Troia e rischiò di distruggerla 5531" 5532 title="La vera storia di Heinrich Schliemann: l’uomo che scoprì Troia e rischiò di distruggerla 5533" loading="lazy"> 5534 </picture> 5535 </div> 5536 5537 5538 5539 </div> 5540 </a> 5541 <div class="card-body"> 5542 5543 5544 <a href="/la-vera-storia-heinrich-schliemann-scoperta
5544-di-troia" class="text-decoration-none d-block"> 5545 <h5 style="font-weight: 600;" class="card-title"> 5546 <p>La vera storia di Heinrich Schliemann: l’uomo che scoprì Troia e rischiò di distruggerla</p> 5547 </h5> 5548 <p class="card-text"> 5549 5550 <p>L’imprenditore tedesco era ossessionato da Omero e determinato a trovare la città del re Priamo. Ma poi cominciò a scavare in cerca di oro e la sua avventatezza si rivelò pericolosa.</p> 5551 5552 </p> 5553 </a> 5554 <ul class="taxonomy-container"> 5555 </ul> 5556 </div> 5557 </a> 5558 </div> 5559 </div> 5560 5561 <!-- FINE LOOP ARTICOLI --> 5562 5563 5564 <!-- LOOP ARTICOLI --> 5565 5566 <div class="col"> 5567 <div class="card bg-transparent h-100"> 5568 <a href="/il-tesoro-sommerso-di-re-carlo-i-stuart-e-stato-davvero-ritrovato" class="text-decoration-none d-block"> 5569 <div class="box box0"> 5570 <div class="picture-container"> 5571 <picture class="resp-img-cntr landscape css-vean54"> 5572 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=320&h=180"> 5573 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=360&h=203"> 5574 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=430&h=242"> 5575 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=500&h=282"> 5576 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=768&h=432"> 5577 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=900&h=507"> 5578 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1024&h=576"> 5579 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1150&h=647"> 5580 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1280&h=720"> 5581 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1450&h=816"> 5582 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1600&h=900"> 5583 <source srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1600&h=900" 5584 width="1600" 5585 height="900" 5586 alt="Il tesoro sommerso di re Carlo I Stuart è stato davvero ritrovato? 5587" 5588 title="Il tesoro sommerso di re Carlo I Stuart è stato davvero ritrovato? 5589"> 5590 <img src="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1600&h=900" 5591 width="1600" 5592 height="900" 5593 alt="Il tesoro sommerso di re Carlo I Stuart è stato davvero ritrovato? 5594" 5595 title="Il tesoro sommerso di re Carlo I Stuart è stato davvero ritrovato? 5596" loading="lazy"> 5597 </picture> 5598 </div> 5599 5600 5601 5602 </div> 5603 </a> 5604 <div class="card-body"> 5605 5606 5607 <a href="/il-tesoro-sommerso-di-re-carlo-i-stuart-e-stato-davvero-ritrovato" class="text-decoration-none d-block"> 5608 <h5 style="font-weight: 600;" class="card-title"> 5609 <p>Il tesoro sommerso di re Carlo I Stuart è stato davvero ritrovato?</p> 5610 </h5> 5611 <p class="card-text"> 5612 5613 <p>Nel 1633, la Blessing of Burntisland trasportava manufatti, oro e argento della corona inglese dal valore di milioni di dollari. Per 400 anni, il leggendario cargo è
5613 sfuggito ai cacciatori di tesori.</p> 5614 5615 </p> 5616 </a> 5617 <ul class="taxonomy-container"> 5618 <li> <a href="/storia-e-civilta"> Storia e civiltà </a> </li> </ul> 5619 </div> 5620 </a> 5621 </div> 5622 </div> 5623 5624 <!-- FINE LOOP ARTICOLI --> 5625 5626 5627 <!-- LOOP ARTICOLI --> 5628 5629 <div class="col"> 5630 <div class="card bg-transparent h-100"> 5631 <a href="/una-tomba-egizia-ha-svelato-i-resti-di-una-misteriosa-cantatrice" class="text-decoration-none d-block"> 5632 <div class="box box0"> 5633 <div class="picture-container"> 5634 <picture class="resp-img-cntr landscape css-vean54"> 5635 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=320&h=180"> 5636 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=360&h=203"> 5637 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=430&h=242"> 5638 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=500&h=282"> 5639 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=768&h=432"> 5640 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=900&h=507"> 5641 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1024&h=576"> 5642 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1150&h=647"> 5643 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1280&h=720"> 5644 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1450&h=816"> 5645 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1600&h=900"> 5646 <source srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1600&h=900" 5647 width="1600" 5648 height="900" 5649 alt="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei 5650" 5651 title="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei 5652"> 5653 <img src="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1600&h=900" 5654 width="1600" 5655 height="900" 5656 alt="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei 5657" 5658 title="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei 5659" loading="lazy"> 5660 </picture> 5661 </div> 5662 5663 5664 5665 </div> 5666 </a> 5667 <div class="card-body"> 5668 5669 5670 <a href="/una-tomba-egizia-ha-svelato-i-resti-di-una-misteriosa-cantatrice" class="text-decoration-none d-block"> 5671 <h5 style="font-weight: 600;" class="card-title"> 5672 <p>Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei</p> 5673 </h5> 5674 <p class="card-text"> 5675 5676 <p>La scoperta rivela un periodo importante della storia dell’antico Egitto, in cui una regina-faraone trasformò il ruolo di cantatrice in una professione prestigiosa riservata alle donne dell’élite.</p> 5677 5678 </p> 5679 </a> 5680 <ul class="taxonomy-container"> 5681 </ul> 5682 </div> 5683 </a> 5684 </div> 5685 </div> 5686 5687 <!-- FINE LOOP ARTICOLI --> 5688 5689 5690 <!-- LOOP ARTICOLI --> 5691 5692 <div class="col"> 5693 <div class="card bg-transparent h-100"> 5694 <a href="/vita-quotidiana-legionari-romani-recenti-scoperte-confini-impero" class="text-decoration-none d-block"> 5695 <div class="box box0"> 5696 <div class="picture-container"> 5697 <picture class="resp-img-cntr landscape css-vean54"> 5698 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=320&h=180"> 5699 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=360&h=203"> 5700 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=430&h=242"> 5701 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=500&h=282"> 5702 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=768&h=432"> 5703 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=900&h=507"> 5704 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1024&h=576"> 5705 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1150&h=647"> 5706 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1280&h=720"> 5707 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1450&h=816"> 5708 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1600&h=900"> 5709 <source srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1600&h=900" 5710 width="1600" 5711 height="900" 5712 alt="La vita quotidiana dei legionari romani nelle più recenti scoperte ai confini dell’Impero 5713" 5714 title="La vita quotidiana dei legionari romani nelle più recenti scoperte ai confini dell’Impero 5715"> 5716 <img src="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1600&h=900" 5717 width="1600" 5718 height="900" 5719 alt="La vita quotidiana dei legionari romani nelle più recenti scoperte ai confini dell’Impero 5720" 5721 title="La vita quotidiana dei legionari romani nelle più recenti scoperte ai confini dell’Impero 5722" loading="lazy"> 5723 </picture> 5724 </div> 5725 5726 5727 5728 </div> 5729 </a> 5730 <div class="card-body"> 5731 5732 5733 <a href="/vita-quotidiana-legionari-romani-recenti-scoperte-confini-impero" class="text-decoration-none d-block"> 5734 <h5 style="font-weight: 600;" class="card-title"> 5735 <p>La vita quotidiana dei legionari romani nelle più recenti scoperte ai confini dell’Impero</p> 5736 </h5> 5737 <p class="card-text"> 5738 5739 <p>Dal Vallo di Adriano ai Pirenei, nuovi ritrovamenti archeologici raccontano la capillare presenza militare di Roma sui territori conquistati, l’organizzazione e le imprese militari.</p> 5740 5741 </p> 5742 </a> 5743 <ul class="taxonomy-container"> 5744 </ul> 5745 </div> 5746 </a> 5747 </div> 5748 </div> 5749 5750 <!-- FINE LOOP ARTICOLI --> 5751 5752 5753 <!-- LOOP ARTICOLI --> 5754 5755 <div class="col"> 5756 <div class="card bg-transparent h-100"> 5757 <a href="/mistero-lunga-pausa-polinesiani-perche-di-nuovo-nel-pacifico" class="text-decoration-none d-block"> 5758 <div class="box box0"> 5759 <div class="picture-container"> 5760 <picture class="resp-img-cntr landscape css-vean54"> 5761 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=320&h=180"> 5762 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=360&h=203"> 5763 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=430&h=242"> 5764 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=500&h=282"> 5765 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=768&h=432"> 5766 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=900&h=507"> 5767 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1024&h=576"> 5768 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1150&h=647"> 5769 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1280&h=720"> 5770 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1450&h=816"> 5771 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1600&h=900"> 5772 <source srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1600&h=900" 5773 width="1600" 5774 height="900" 5775 alt="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico? 5776" 5777 title="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico? 5778"> 5779 <img src="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1600&h=900" 5780 width="1600" 5781 height="900" 5782 alt="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico? 5783" 5784 title="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico? 5785" loading="lazy"> 5786 </picture> 5787 </div> 5788 5789 5790 5791 </div> 5792 </a> 5793 <div class="card-body"> 5794 5795 5796 <a href="/mistero-lunga-pausa-polinesiani-perche-di-nuovo-nel-pacifico" class="text-decoration-none d-block"> 5797 <h5 style="font-weight: 600;" class="card-title"> 5798 <p>I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico?</p> 5799 </h5> 5800 <p class="card-text"> 5801 5802 <p>I ricercatori hanno a lungo discusso sul perchè i navigatori più abili del Pacifico abbiano ripreso improvvisamente la via dell’oceano dopo una “lunga pausa”. Un recente studio offre un indizio.</p> 5803 5804 </p> 5805 </a> 5806 <ul class="taxonomy-container"> 5807 </ul> 5808 </div> 5809 </a> 5810 </div> 5811 </div> 5812 5813 <!-- FINE LOOP ARTICOLI --> 5814 5815 5816 <!-- LOOP ARTICOLI --> 5817 5818 <div class="col"> 5819 <div class="card bg-transparent h-100"> 5820 <a href="/cerchi-di-pietre-cultura-nomade-perduta-nel-deserto-del-sahara" class="text-decoration-none d-block"> 5821 <div class="box box0"> 5822 <div class="picture-container"> 5823 <picture class="resp-img-cntr landscape css-vean54"> 5824 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=320&h=180"> 5825 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=360&h=203"> 5826 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=430&h=242"> 5827 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=500&h=282"> 5828 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=768&h=432"> 5829 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=900&h=507"> 5830 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1024&h=576"> 5831 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1150&h=647"> 5832 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1280&h=720"> 5833 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1450&h=816"> 5834 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1600&h=900"> 5835 <sour
5835ce srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1600&h=900" 5836 width="1600" 5837 height="900" 5838 alt="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara 5839" 5840 title="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara 5841"> 5842 <img src="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1600&h=900" 5843 width="1600" 5844 height="900" 5845 alt="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara 5846" 5847 title="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara 5848" loading="lazy"> 5849 </picture> 5850 </div> 5851 5852 5853 5854 </div> 5855 </a> 5856 <div class="card-body"> 5857 5858 5859 <a href="/cerchi-di-pietre-cultura-nomade-perduta-nel-deserto-del-sahara" class="text-decoration-none d-block"> 5860 <h5 style="font-weight: 600;" class="card-title"> 5861 <p>Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara</p> 5862 </h5> 5863 <p class="card-text"> 5864 5865 <p>A lungo oscurato dalle piramidi e dalle miniere d’oro dell’Egitto, l’aspro deserto dell’Atbai sta finalmente portando alla luce indizi sulla civiltà nomade che solcava le sue dune.</p> 5866 5867 </p> 5868 </a> 5869 <ul class="taxonomy-container"> 5870 </ul> 5871 </div> 5872 </a> 5873 </div> 5874 </div> 5875 5876 <!-- FINE LOOP ARTICOLI --> 5877 5878 5879 <!-- LOOP ARTICOLI --> 5880 5881 <div class="col"> 5882 <div class="card bg-transparent h-100"> 5883 <a href="/cosa-sappiamo-sulla-gigantesca-giara-ritrovata-in-laos-con-i-resti-di-37-persone" class="text-decoration-none d-block"> 5884 <div class="box box0"> 5885 <div class="picture-container"> 5886 <picture class="resp-img-cntr landscape css-vean54"> 5887 <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=320&h=180"> 5888 <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=360&h=203"> 5889 <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=430&h=242"> 5890 <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=500&h=282"> 5891 <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=768&h=432"> 5892 <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=900&h=507"> 5893 <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1024&h=576"> 5894 <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1150&h=647"> 5895 <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1280&h=720"> 5896 <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1450&h=816"> 5897 <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1600&h=900"> 5898 <source srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1600&h=900" 5899 width="1600" 5900 height="900" 5901 alt="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone 5902" 5903 title="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone 5904"> 5905 <img src="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1600&h=900" 5906 width="1600" 5907 height="900" 5908 alt="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone 5909" 5910 title="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone 5911" loading="lazy"> 5912 </picture> 5913 </div> 5914 5915 5916 5917 </div> 5918 </a> 5919 <div class="card-body"> 5920 5921 5922 <a href="/cosa-sappiamo-sulla-gigantesca-giara-ritrovata-in-laos-con-i-resti-di-37-persone" class="text-decoration-none d-block"> 5923 <h5 style="font-weight: 600;" class="card-title"> 5924 <p>Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone</p> 5925 </h5> 5926 <p class="card-text"> 5927 5928 <p>Un enorme contenitore di pietra, recentemente portato alla luce in Laos e c
5928ontenente resti scheletrici, potrebbe contribuire a risolvere il mistero della cosiddetta “Piana delle Giare”.</p> 5929 5930 </p> 5931 </a> 5932 <ul class="taxonomy-container"> 5933 </ul> 5934 </div> 5935 </a> 5936 </div> 5937 </div> 5938 5939 <!-- FINE LOOP ARTICOLI --> 5940 5941 5942 </div><!-- row --> 5943 <div class="row"> 5944 <div class="col"> 5945 <nav class="d-flex justify-content-center" aria-label="navigazione" style="padding-top: 30px;padding-bottom: 30px;"> 5946 5947 5948 <ul class="pagination"> 5949 5950 5951 5952 <li class="currentpage"><a href="?p=1">1</a></li> 5953 5954 <li class="page"><a href="?p=2">2</a></li> <li class="page"><a href="?p=3">3</a></li> 5955 <li class="dots">...</li> 5956 <li class="end"><a href="?p=35">35</a></li> 5957 5958 <!--li class="next"><a href="?p=2">Next</a></li--> 5959 </ul> 5960 </nav> 5961 5962 </div> 5963 </div> 5964 </div> 5965 </div> 5966</section> 5967 5968 5969 5970<style> 5971#leggiAbbonatiButton{ 5972 position: fixed; 5973 z-index: 1; 5974 left: 0; 5975 bottom: 0; 5976 .leggiAbbonatiButton{ 5977 display: flex; 5978 position: relative; 5979 border-top: 2px solid rgba(0,0,0,1); 5980 &:after{ 5981 content: ''; 5982 position: absolute; 5983 top: 50%; 5984 left: 50%; 5985 width: 2px; 5986 height: 100%; 5987 transform: translate(-50%, -50%); 5988 background-color: rgba(0,0,0,1); 5989 z-index: 1; 5990 } 5991 } 5992} 5993.footer-container footer .logo-footer{ 5994 max-width: 150px; 5995} 5996#newsletterModal .img-container{ 5997 background-size: cover; 5998 background-repeat: no-repeat; 5999} 6000 6001@media (max-width: 991.98px){ 6002 #newsletterModal .modal-body{ 6003 height:355px; 6004 } 6005} 6006 6007 6008 6009@media (max-width: 575.98px) { 6010 #newsletterModal .modal-body{ 6011 height:240px; 6012 } 6013 6014 #newsletterModal .text-container p{ 6015 font-size: 14px; 6016 } 6017} 6018 6019@media (max-width: 499.98px) { 6020 #newsletterModal .modal-body{ 6021 height:300px; 6022 } 6023 6024 #newsletterModal button{ 6025 font-size:10px; 6026 } 6027} 6028 6029@media (min-width: 576px) { 6030 #newsletterModal .text-container p{ 6031 font-size: 21px; 6032 } 6033} 6034 6035@media (min-width: 992px) { 6036 #newsletterModal .modal-body{ 6037 height:450px; 6038 } 6039} 6040 6041@media (max-width: 991.98px){ 6042 6043 #newsletterModal .modal-dialog { 6044 max-width: 90%; 6045 margin-right: auto; 6046 margin-left: auto; 6047 } 6048} 6049 6050@media (max-width: 767.98px) { 6051 6052 .footer-container{ 6053 text-align: center!important; 6054 } 6055 6056 .footer-container .logo-footer{ 6057 margin: 0 auto; 6058 } 6059 6060} 6061 6062@media (min-width: 1200px) { 6063 .footer-container a.logo-footer + p{ 6064 margin-right: 200px; 6065 } 6066} 6067 6068</style> 6069
6070<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
6070 6071<div id="leggiAbbonatiButton" class="w-100 text-center"></div> 6072<div class="footer-container text-white g-5"> 6073 <div class="container-lg p-0 bg-secondary"> 6074 <footer class="pt-5"> 6075 <div class="row"> 6076 <div class="col-12 d-flex align-items-center align-items-lg-start flex-column justify-content-center justify-content-lg-start col-lg-3 mb-3"> 6077 <a href="/" class="d-flex align-items-center mb-2 logo-footer link-dark text-decoration-none"> 6078 <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo"> 6079 </a> 6080 <div id="gedidigit" class="text-center" style="padding-top: 4px;"> 6081 <span style="font-size:12px">Parte del gruppo</span> 6082 <img src="/upload/logo/gedi_w.svg" style="width:25px"> 6083 <span style="font-size:12px">e</span> 6084 <img src="/upload/logo/La_Repubblica.svg" style="width:70px"> 6085 </div> 6086 </div> 6087 <div class="col-12 d-flex text-center text-lg-start flex-column col-md-4 col-lg-3 mb-3"> 6088 <h5>Scopri nat geo</h5> 6089 <ul class="nav flex-column"> 6090 <li class="nav-item mb-2"> 6091 <a href="/scienza" class="nav-link p-0">Scienza</a> 6092 </li> 6093 <li class="nav-item mb-2"> 6094 <a href="/storia-e-civilta" class="nav-link p-0">Storia</a> 6095 </li> 6096 <li class="nav-item mb-2"> 6097 <a href="/wildlife" class="nav-link p-0">Wildlife</a> 6098 </li> 6099 <li class="nav-item mb-2"> 6100 <a href="/viaggi" class="nav-link p-0">Viaggi</a> 6101 </li> 6102 <li class="nav-item mb-2"> 6103 <a href="/ambiente" class="nav-link p-0">Ambiente</a> 6104 </li> 6105 <li class="nav-item mb-2"> 6106 <a href="/fotografia" class="nav-link p-0">Fotografia</a> 6107 </li> 6108 <li class="nav-item mb-2"> 6109 <a href="/spazio" class="nav-link p-0">Spazio</a> 6110 </li> 6111 <li class="nav-item mb-2"> 6112 <a href="/ultime-notizie" class="nav-link p-0">Ultime notizie</a> 6113 </li> 6114 <li class="nav-item mb-2"> 6115 <a href="/tutti-i-video" class="nav-link p-0">Tutti i video</a> 6116 </li> 6117 <li class="nav-item mb-2"> 6118 <a href="/corporate/tdm/gps" class="nav-link p-0">Riserva TDM</a> 6119 </li> 6120 6121 </ul> 6122 </div> 6123 <div class="col-12 d-flex text-center text-lg-start flex-column col-md-4 col-lg-3 mb-3"> 6124 <h5>Chi siamo</h5> 6125 <ul class="nav flex-column"> 6126 <li class="nav-item mb-2"> 6127 <a href="/national-geographic-italia" class="nav-link p-0">National Geographic Italia</a> 6128 </li> 6129 <li class="nav-item mb-2"> 6130 <a href="https://www.nationalgeographicpartners.com/" target="_blank" class="nav-link p-0">National Geographic Partners</a> 6131 </li> 6132 <li class="nav-item mb-2"> 6133 <a href="https://www.nationalgeographic.org/" target="_blank" class="nav-link p-0">National Geographic Society</a> 6134 </li> 6135 <li class="nav-item mb-2"> 6136 <a href="https://www.nationalgeographic.com/expeditions/" target="_blank" class="nav-link p-0">National Geographic Expeditions</a> 6137 </li> 6138 6139 </ul> 6140 </div> 6141 <div class="col-12 d-flex text-center justify-content-between text-lg-start flex-column col-md-4 col-lg-3 mb-3"> 6142 6143 <div class="top-position"> 6144 <h5>Abbonamenti</h5> 6145 <ul class="nav flex-column"> 6146 <li class="nav-item mb-2"> 6147 <a href="https://shop.ng.gedidigital.it/natgeo/abbonati/
6147all/snodo/ATP_SNODO/all" class="nav-link p-0" target="_blank">Abbonati ai Magazine</a> 6148 </li> 6149 <li class="nav-item mb-2"> 6150 <a href="https://apps.apple.com/it/app/national-geographic-italia/id518580714" 6151 target="_self" 6152 rel="undefined 6153 noopener 6154 noreferrer 6155 nofollow" 6156 data-layer-click-event="{"event":"Click-Out Tracking","location":"Footer - Subscribe","outclick":"https://apps.apple.com/it/app/national-geographic-italia/id518580714"}" 6157 class="nav-link p-0"> 6158 App NatGeo Italia (iOS) 6159 </a> 6160 </li> 6161 <li class="nav-item mb-2"> 6162 <a href="https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&hl=it&gl=US" 6163 target="_self" 6164 rel="undefined 6165 noopener 6166 noreferrer 6167 nofollow" 6168 data-layer-click-event="{"event":"Click-Out Tracking","location":"Footer - Subscribe","outclick":"https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&hl=it&gl=US"}" 6169 class="nav-link p-0"> 6170 App NatGeo Italia (Android) 6171 </a> 6172 </li> 6173 <!-- <li class="nav-item mb-2"> 6174 <a href="#showNewsletter" class="nav-link p-0">Iscriviti</a> 6175 </li> --> 6176 <!--li class="nav-item mb-2"> 6177 <a href="https://disneyplus.com?cid=DTCI-Synergy-NatGeoPartners-Site-Acquisition-ITSustain-IT-DisneyPlus-DisneyPlus-IT-NavFooter-NationalGeographic.it_sustain_navfooter-NA" class="nav-link p-0">Disney+</a> 6178 </li--> 6179 6180 </ul> 6181 </div> 6182 <div class="botton-position"> 6183 <h5>Seguici</h5> 6184 <ul class="d-flex social-container justify-content-center justify-content-lg-start"> 6185 <li class="me-2"> 6186 <a href="https://www.facebook.com/natgeotvitalia/" target="_blank"> 6187 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"> 6188 <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" /> 6189 </svg> 6190 </a> 6191 </li> 6192 <li class="mx-2"> 6193 <a href="https://www.instagram.com/natgeo_italia/" target="_blank"> 6194 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16"> 6195 <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.
6195008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" /> 6196 </svg> 6197 </a> 6198 </li> 6199 </ul> 6200 <ul class="d-flex social-container justify-content-center justify-content-lg-start"> 6201 <li class="p-2" style="border: 1px solid #FFF;"> 6202 <a class="w-100 text-decoration-none" href="https://login.gedi.it/clp/accounts/sites/natgeo/www/newsletter.php?ref=FHFT" target="_blank"> 6203 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-bell-fill" viewBox="0 0 16 16"> 6204 <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5 5 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901"/> 6205 </svg> 6206 <span>Iscriviti alla newsletter</span> 6207 </a> 6208 </li> 6209 </ul> 6210 </div> 6211 6212 </div> 6213 </div> 6214 <ul class="privacy-container pt-4 text-center"> 6215 <li> 6216 <a href="javascript:void" id="kw-cookie-policy-link">Cookie Policy</a> 6217 </li> 6218 <li> 6219 <a href="javascript:void" id="kw-privacy-link">Privacy</a> 6220 </li> 6221 <li> 6222 <a href="javascript:void" id="kw-cookie-link">CMP</a> 6223 </li> 6224 <li> 6225 <a href="https://ng.gedidigital.it/plus/edicola/condizioni.jsp?testata=natgeo" target="_blank">Condizioni di servizio</a> 6226 </li> 6227 <li> 6228 <a href="https://scripts.gedidigital.it/corporate/dichiarazione-accessibilita/natgeo/" target="_blank">Dichiarazione di accessibilità </a> 6229 </li> 6230 6231 </ul> 6232 <div class="d-flex flex-column copy-container text-center flex-lg-row justify-content-center py-4 border-top"> 6233 <p> 6234 Copyright © 2023-2026 GEDI Periodici e Servizi S.p.a. Tutti i diritti sono riservati - Via Ernesto Lugaro, 15 - 10126 TORINO P.IVA 12546800017<br> 6235 Su licenza di NATIONAL GEOGRAPHIC PARTNERS, LLC. TUTTI I DIRITTI RISERVATI. 6236 </p> 6237 </div> 6238 </footer> 6239 </div> 6240</div> 6241 6242 6243 6244<div id="disneyModal" class="modal" tabindex="-1"> 6245 <div class="modal-dialog modal-dialog-centered"> 6246 <div class="modal-content" style="background-image: url(/upload/modal-section/modal.jpg);background-size: cover;height: 250px;"> 6247 <div class="modal-header" style="border-bottom:none;"> 6248 <p style="text-align: center;color:#fff;margin-bottom:0;">Stai per lasciare www.nationalgeographic.it</p> 6249 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 6250 </div> 6251 <div class="modal-body" style="color: #FFF;letter-spacing: 1px;"> 6252 <p>La pagina su cui stai per essere reindirizzato/a non è sotto il controllo di GEDI PERIODICI E SERVIZI S.P.A. Saranno applicate le condizioni di utilizzo e la normativa sulla privacy del titolare del sito. <br> 6253 <br> 6254 </p> 6255 <p style="text-align: center;"> 6256 <a href="https://www.disneyplus.com/it-it" target="_blank"> 6257 <button type="button" class="btn btn-primary">CONTINUA</button> 6258 </a> 6259 </p> 6260 </div> 6261 </div> 6262 </div> 6263</div> 6264 6265<!-- <div id="newsletterModal" class="modal" tabindex="-1"> 6266 <div class="modal-dialog modal-lg modal-dialog-centered"> 6267 <div class="modal-content bg-black"> 6268 6269 <div class="modal-body p-0 d-flex justify-content-center align-items-center" style="color: #FFF;letter-spacing: 1px;"> 6270 <div class="modal-container h-100"> 6271 <div class="row h-100 g-0"> 6272 <div class="col-6 h-100"> 6273 <div class="img-container w-100 h-100" style="background-image: url('/upload/modal-section/ne
6273w_newsletter_bg_mongolfiera.jpg');"></div> 6274 </div> 6275 <div class="col-6"> 6276 <div class="modal-header d-flex justify-content-end" style="border-bottom:none;"> 6277 <span style="color:#7e7e7e;display:inline-block;" class="me-2">chiudi</span> 6278 <button type="button" class="btn-close btn-close ms-0 btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> 6279 </div> 6280 <div class="text-container p-3 pt-1 pt-md-5"> 6281 <p style="line-height: 1.2;" class="mb-0"> 6282 Iscriviti ora alla nuova newsletter di National Geographic Italia per rimanere sempre aggiornato sulle ultime notizie <br> 6283 <br> 6284 </p> 6285 <p style="text-align: left;"> 6286 <a href="https://login.gedi.it/clp/accounts/sites/natgeo/www/newsletter.php?ref=FHFT" target="_blank"> 6287 <button type="button" class="btn btn-primary text-uppercase">Iscriviti alla newsletter</button> 6288 </a> 6289 </p> 6290 </div> 6291 6292 6293 </div> 6294 </div> 6295 </div> 6296 </div> 6297 </div> 6298 </div> 6299</div> --> 6300 6301 6302<div id="exitModal" class="modal" tabindex="-1"> 6303 <div class="modal-dialog modal-dialog-centered"> 6304 <div class="modal-content" style="background-image: url(/upload/modal-section/modal.jpg);background-size: cover;height: 250px;"> 6305 <div class="modal-header" style="border-bottom:none;"> 6306 <p style="text-align: center;color:#fff;margin-bottom:0;">Stai per lasciare www.nationalgeographic.it</p> 6307 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 6308 </div> 6309 <div class="modal-body" style="color: #FFF;letter-spacing: 1px;"> 6310 <p>La pagina su cui stai per essere reindirizzato/a non è sotto il controllo di GEDI PERIODICI E SERVIZI S.P.A. Saranno applicate le condizioni di utilizzo e la normativa sulla privacy del titolare del sito. <br> 6311 <br> 6312 </p> 6313 <p style="text-align: center;"> 6314 <a id="exitLink" href="#" target="_blank"> 6315 <button type="button" class="btn btn-primary">CONTINUA</button> 6316 </a> 6317 </p> 6318 </div> 6319 </div> 6320 </div> 6321</div> 6322 6323
6324<script> 6325 6326/* window.addEventListener('load', function() { 6327 const elements = document.querySelectorAll('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span'); 6328 elements.forEach(function(element) { 6329 element.style.display = 'none'; 6330 }); 6331}); 6332 6333$('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span').hide(); */ 6334 6335function gotodisney(){ 6336$('#disneyModal').modal('show'); 6337} 6338 6339function gotodisneynew(position){ 6340 6341 if(position=='HEADER'){ 6342 window.open('https://disneyplus.bn5x.net/c/2044947/1134090/9358?SharedId=Disney+_NatGeo_IT_HOMEPAGEBUTTON'); 6343 } else if (position=='STICKY'){ 6344 window.open('https://disneyplus.bn5x.net/c/2044947/1134090/9358?SharedId=Disney+_NatGeo_IT_ARTICLE_BUTTON'); 6345 } 6346 //window.open('https://www.disneyplus.com/it-it'); 6347 return; 6348 $('#disneyModal').modal('show'); 6349 var idpagina = '3'; 6350 var dataString = 'idpagina=' + encodeURIComponent(idpagina) + '&position=' + encodeURIComponent(position); 6351 $.ajax({ 6352 type: "POST", 6353 cache: false, 6354 url: "layout/footer/footer-ajax.php" + "?timestamp=" + new Date().getTime(), 6355 data: dataString, 6356 dataType: "json", 6357 success: function(response){ 6358 6359 if(response[0]=='OK'){ 6360 console.log( 'OK' ); 6361 }else if(response[0]=='KO'){ 6362 console.log( 'KO' ); 6363 } 6364 6365 6366 }, 6367 error: function(response){ 6368 console.log( response ); 6369 } 6370 }); 6371 6372} 6373</script>
vendor: 2 bytes, line 6373
6373
6374<script> 6375 6376 6377 6378/* 6379$(document).ready(function() { 6380 $('a').click(function(e) { 6381 6382 if ($(this).attr('target') == '_blank') { 6383 e.preventDefault(); 6384 $('#exitModal').modal('show'); 6385 var href = $(this).attr("href"); 6386 $('#exitLink').attr('href',href); 6387 $('#exitLink').unbind('click'); 6388 }else{ 6389 $(this).unbind('click'); 6390 } 6391 6392 6393 }); 6394}); 6395*/ 6396</script>
vendor: 2 bytes, line 6396
6396
6397<script>console.log('C: 3' );</script>
vendor: 2 bytes, line 6397
6397
6398<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 6399integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" 6400crossorigin="anonymous"> 6401</script>
vendor: 2 bytes, line 6401
6401
6402<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.bundle.min.js"></script>
6402 6403
6404<script> 6405 6406 var isLoggedIn= '0'; 6407 //console.error('isLoggedIn: ' + isLoggedIn); 6408 6409 window.addEventListener('load', function() { 6410 const elements = document.querySelectorAll('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span'); 6411 elements.forEach(function(element) { 6412 element.style.display = 'none'; 6413 }); 6414 }); 6415 6416 $('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span').hide(); 6417 /* GESTIONE BOTTONE LEGGI/ABBONATI */ 6418 6419 var leggiAbbonatiButton = ` 6420 <style> 6421 #leggiAbbonatiButton{ 6422 .leggiAbbonatiButton{ 6423 &:after{ 6424 content: none; 6425 } 6426 } 6427 } 6428 </style> 6429 <div class="leggiAbbonatiButton"> 6430 <a href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" class="w-100" target="_blank"> 6431 <button type="button" class="btn btn-lg btn-primary w-100 py-3"> 6432 Leggi ora 6433 </button> 6434 </a> 6435 <!-- Il bottone "Abbonati" viene aggiunto via JS se non loggato --> 6436 </div> 6437 `; 6438 6439 if (isLoggedIn == '0') { 6440 leggiAbbonatiButton = ` 6441 <div class="leggiAbbonatiButton"> 6442 <a href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" class="w-100" target="_blank"> 6443 <button type="button" class="btn btn-lg btn-primary w-100 py-3"> 6444 Leggi ora 6445 </button> 6446 </a> 6447 <a href="https://shop.ng.gedidigital.it/natgeo/abbonati/all/paywall/PWL/all" target="_blank" class="w-100"> 6448 <button type="button" class="btn btn-lg btn-primary w-100 py-3"> 6449 Abbonati 6450 </button> 6451 </a> 6452 </div> 6453 `; 6454 } 6455 6456 const leggiAbbonatiContainerBody = document.getElementById('leggiAbbonatiButton'); 6457 if(device == '0_LG' || device == 'deviceUp992'){ 6458 leggiAbbonatiContainerBody.innerHTML = leggiAbbonatiButton; 6459 console.log(device); 6460 function checkScroll() { 6461 const scrollPixels = window.scrollY; 6462 if (scrollPixels >= 300 && !checkScroll.triggeredAbove) { 6463 //console.log('lo scroll è dopo i 300 pixel'); 6464 checkScroll.triggeredAbove = true; 6465 checkScroll.triggeredBelow = false; 6466 if (leggiAbbonatiContainerBody.innerHTML !== '') { 6467 leggiAbbonatiContainerBody.innerHTML = ''; 6468 } 6469 } else if (scrollPixels < 300 && !checkScroll.triggeredBelow) { 6470 //console.log('lo scroll è prima dei 300 pixel'); 6471 if (leggiAbbonatiContainerBody.innerHTML === '') { 6472 leggiAbbonatiContainerBody.innerHTML = leggiAbbonatiButton; 6473 } 6474 checkScroll.triggeredBelow = true; 6475 checkScroll.triggeredAbove = false; 6476 } 6477 } 6478 checkScroll.triggeredAbove = false; 6479 checkScroll.triggeredBelow = false; 6480 window.addEventListener('scroll', checkScroll); 6481 } 6482 6483</script>
vendor: 2 bytes, line 6483
6483
6484<script> 6485$(document).ready(function(){ 6486 6487 if($('body').hasClass('articolo-photo-club') || $('body').hasClass('articolo-riservato')){ 6488 console.log('articolo-photo-club'); 6489 $('section[id*="pos_"]').not('#pos_1, #pos_2').hide(); 6490 } 6491 6492}); 6493</script>
6493 6494 6495<div id="ngi-lightbox"> 6496 <span class="ngi-lightbox-close">×</span> 6497 <img id="ngi-lightbox-image" src="" alt=""> 6498</div> 6499</body> 6500</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.