<nav class="c-primary-navigation">

    <ul class="c-site-areas c-primary-navigation__areas" aria-hidden="false">
        <li>
            <a href="/components/preview/page-home-travel--default.html" class="is-active">Viaggiare</a>
        </li>

        <li>
            <a href="/components/preview/page-society-home.html">Società</a>
        </li>

        <li>
            <a href="/components/preview/page-investor-home.html">Investor relations</a>
        </li>

        <li>
            <a href="/components/preview/papage-innovability-home.html">Innovability</a>
        </li>

    </ul>

    <ul class="c-primary-navigation__biz">

        <li>
            <div class="c-primary-navigation__accordion o-collapsible">
                <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                    <strong>Voli</strong>
                    <span>Orari, destinazioni e info</span>
                </p>
                <ul class="sub-level">
                    <p class="sub-title">Vola da Bologna</p>
                    <li>
                        <a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-flights-landing-destinations">Destinazioni</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Prepara il tuo viaggio</p>
                    <li>
                        <a href="/components/preview/page-routes-luggage">Bagagli</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-routes-documents">Documenti</a>
                    </li>
                    <li>
                        <a href="#">Fast Track</a>
                    </li>
                    <li>
                        <a href="#">Viaggi e Covid-19</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-parkings-home">Prenota un parcheggio</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Controlli in aeroporto</p>
                    <li>
                        <a href="#">Controlli in partenza</a>
                    </li>
                    <li>
                        <a href="#">Controlli in arrivo</a>
                    </li>
                </ul>
            </div>
        </li>

        <li>
            <div class="c-primary-navigation__accordion o-collapsible">
                <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                    <strong>Parcheggi</strong>
                    <span>Soste brevi e lunghe</span>
                </p>
                <ul class="sub-level">
                    <p class="sub-title">Parcheggia per volare</p>
                    <li>
                        <a href="/components/preview/page-parkings-home">Acquista parcheggi</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-meet-greet">Soste brevi</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-where-to-pay">Come e dove pagare</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Parcheggia e raggiungi la città</p>
                    <li>
                        <a href="#">Park &amp; Mex</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-transports-mex">Marconi Express</a>
                    </li>
                </ul>
            </div>
        </li>

        <li>
            <div class="c-primary-navigation__accordion o-collapsible">
                <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                    <strong>In aeroporto</strong>
                    <span>Lounge, shopping e servizi</span>
                </p>
                <ul class="sub-level">
                    <p class="sub-title">Lounge e Servizi Premium</p>
                    <li>
                        <a href="/components/preview/page-lounge">MBL VIP Lounge</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-youfirst">Youfirst</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-area-meeting">Meeting area</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-fitness">Palestre</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Negozi e Ristoranti</p>
                    <li>
                        <a href="/components/preview/page-shopping-listing">Fashion &amp; Style</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-shopping-listing">General stores</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-shopping-listing">Bar</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-shopping-listing">Ristoranti</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Servizi</p>
                    <li>
                        <a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-home-customer-care">Cambio valuta</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a>
                    </li>
                </ul>
            </div>
        </li>

        <li>
            <div class="c-primary-navigation__accordion o-collapsible">
                <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                    <strong>Da e per l’aeroporto</strong>
                    <span>Trasporti pubblici e auto</span>
                </p>
                <ul class="sub-level">
                    <p class="sub-title">Trasporti pubblici da e per BLQ</p>
                    <li>
                        <a href="/components/preview/page-transports-bus">Bus</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-transports-taxi">Taxi</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-transports-mex">Navetta Marconi Express</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-transports-train">Treni</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Auto e trasporti privati</p>
                    <li>
                        <a href="/components/preview/page-transports-car">Arrivare con l’auto</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-transports-rent-car">Noleggio auto</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a>
                    </li>
                </ul>
            </div>
        </li>

        <li>
            <div class="c-primary-navigation__accordion o-collapsible">
                <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                    <strong>Necessità particolari</strong>
                    <span>Accessibilità, Famiglie, Animali</span>
                </p>
                <ul class="sub-level">
                    <p class="sub-title">Assistenze speciali</p>
                    <li>
                        <a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-routes-prm-services">Servizi dedicati</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-home-assistenze">Autismo</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Famiglie e minori</p>
                    <li>
                        <a href="/components/preview/page-home-assistenze">In aeroporto</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a>
                    </li>
                </ul>
                <ul class="sub-level">
                    <p class="sub-title">Animali al seguito</p>
                    <li>
                        <a href="/components/preview/page-routes-animals">Regole per il trasporto</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a>
                    </li>
                </ul>
            </div>
        </li>

    </ul>

    <div class="c-primary-navigation__remote">
        <a href="#">
            <svg class="c-icon c-icon--24">
                <use xlink:href="#ic_flight_takeoff_black_24px"></use>
            </svg> <span>Arrivi e partenze</span>
        </a>
        <a href="#">
            <svg class="c-icon c-icon--24">
                <use xlink:href="#ic-parking-sign-24px"></use>
            </svg> <span>Prenota parcheggio</span>
        </a>
        <a href="#">
            <svg class="c-icon c-icon--24">
                <use xlink:href="#ic_weekend_black_24px"></use>
            </svg> <span>Prenota LOUNGE</span>
        </a>
        <a href="#">
            <svg class="c-icon c-icon--24">
                <use xlink:href="#ic-marconi-express-24px"></use>
            </svg> <span>Treni per centro città</span>
        </a>
        <a href="#">
            <svg class="c-icon c-icon--24">
                <use xlink:href="#ic_help_black_24px"></use>
            </svg> <span>Hai bisogno di aiuto?</span>
        </a>
    </div>

    <div class="c-primary-navigation__utils">
        <ul class="c-languages" aria-label="Seleziona la lingua del sito">
            <li>
                <a href="#" aria-label="ita">
                    <img src="../../images/svgs/flag_it.svg" class="c-language__img" alt="Lingua italiana" aria-hidden="true" />
                    ita
                </a>
            </li>
            <li>
                <a href="#" aria-label="eng">
                    <img src="../../images/svgs/flag_en.svg" class="c-language__img" alt="English language" aria-hidden="true" />
                    eng
                </a>
            </li>
        </ul>

        <a class="c-primary-navigation__assistance " href="../preview/page-home-assistenze.html">
            Lavora con noi
        </a>
    </div>

</nav>
<nav class="c-primary-navigation">

  {{ render "@site-areas" site-areas merge=true }}

  <ul class="c-primary-navigation__biz">
    {{#each biz_nav.list}}

    {{#if this.megamenu.second_level}}
    <li>
      <div class="c-primary-navigation__accordion o-collapsible">
        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
          <strong>{{ this.text }}</strong>
          <span>{{ this.subtext }}</span>
        </p>
        {{#each this.megamenu.second_level}}
        {{!-- <p class="">{{ this.text }}</p> --}}
        {{#each this.third_level}}
        <ul class="sub-level">
          <p class="sub-title">{{ this.title }}</p>
          {{#each this.array}}
          <li>
            <a href="{{ this.url }}">{{ this.text }}</a>
          </li>
          {{/each}}
        </ul>
        {{/each}}
        {{/each}}
      </div>
    </li>
    {{else}}

    <li>
      <div class="c-primary-navigation__raw_anchor">
        <a href="{{ this.url }}">
          <strong>{{ this.text }}</strong>
          <span>{{ this.subtext }}</span>
        </a>
      </div>
    </li>

    {{/if}}

    {{/each}}
  </ul>

  <div class="c-primary-navigation__remote">
    <a href="#">
      {{> @icon symbol="ic_flight_takeoff_black_24px" class="c-icon c-icon--24"}}
      <span>Arrivi e partenze</span>
    </a>
    <a href="#">
      {{> @icon symbol="ic-parking-sign-24px" class="c-icon c-icon--24"}}
      <span>Prenota parcheggio</span>
    </a>
    <a href="#">
      {{> @icon symbol="ic_weekend_black_24px" class="c-icon c-icon--24"}}
      <span>Prenota LOUNGE</span>
    </a>
    <a href="#">
      {{> @icon symbol="ic-marconi-express-24px" class="c-icon c-icon--24"}}
      <span>Treni per centro città</span>
    </a>
    <a href="#">
      {{> @icon symbol="ic_help_black_24px" class="c-icon c-icon--24"}}
      <span>Hai bisogno di aiuto?</span>
    </a>
  </div>

  <div class="c-primary-navigation__utils">
    {{ render "@languages--default" }}

    <a class="c-primary-navigation__assistance {{ assistance_modifier }}"
      href="{{ path '/components/preview/page-home-assistenze' }}">
      Lavora con noi
    </a>
  </div>

</nav>
{
  "name": "default",
  "biz_nav": {
    "list": [
      {
        "text": "Voli",
        "subtext": "Orari, destinazioni e info",
        "modifier": "is-active",
        "url": "/components/preview/page-arrivals-departures",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Vola da Bologna",
              "anchor-id": "blq-departing",
              "abstract": {
                "title": "",
                "subtitle": "Cerca il tuo volo o vai alla sezione <a href=\"#\">Arrivi e partenze</a>"
              },
              "form": {
                "flight": {
                  "label_id": "flight-label",
                  "label_message": "Inserisci numero volo",
                  "label_class": null,
                  "atom-input": {
                    "id": "flight-id",
                    "type": "text",
                    "class": null,
                    "placeholder": "",
                    "value": "",
                    "required": true,
                    "hasNote": true,
                    "describedby": "flight-note"
                  },
                  "note_id": "flight-note",
                  "note_message": "Es. AZ234 oppure Parigi",
                  "note_class": null
                },
                "button": {
                  "type": "button",
                  "text": "Cerca",
                  "modifier": ""
                }
              },
              "third_level": [
                {
                  "title": "Vola da Bologna",
                  "array": [
                    {
                      "text": "Arrivi e partenze",
                      "url": "/components/preview/page-arrivals-departures--default"
                    },
                    {
                      "text": "Acquisto Volo",
                      "url": "/components/preview/page-flights-buy-flight"
                    },
                    {
                      "text": "Destinazioni",
                      "url": "/components/preview/page-flights-landing-destinations"
                    },
                    {
                      "text": "Le nostre compagnie aeree",
                      "url": "/components/preview/page-flight-companies"
                    },
                    {
                      "text": "Biglietteria telefonica",
                      "url": "/components/preview/page-tickets-phone"
                    }
                  ]
                },
                {
                  "title": "Prepara il tuo viaggio",
                  "array": [
                    {
                      "text": "Bagagli",
                      "url": "/components/preview/page-routes-luggage"
                    },
                    {
                      "text": "Documenti",
                      "url": "/components/preview/page-routes-documents"
                    },
                    {
                      "text": "Fast Track",
                      "url": "#"
                    },
                    {
                      "text": "Viaggi e Covid-19",
                      "url": "#"
                    },
                    {
                      "text": "Prenota un parcheggio",
                      "url": "/components/preview/page-parkings-home"
                    }
                  ]
                },
                {
                  "title": "Controlli in aeroporto",
                  "array": [
                    {
                      "text": "Controlli in partenza",
                      "url": "#"
                    },
                    {
                      "text": "Controlli in arrivo",
                      "url": "#"
                    }
                  ]
                }
              ],
              "crossell": "<p>Vola da Bologna e <a href=\"#\">acquista online il tuo parcheggio</a> ad un prezzo scontato </p>"
            }
          ]
        }
      },
      {
        "text": "Parcheggi",
        "subtext": "Soste brevi e lunghe",
        "url": "/components/preview/page-parkings-home",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Parcheggia in aeroporto:",
              "anchor-id": "blq-departing",
              "abstract": {
                "title": "",
                "subtitle": "Qualità e sicurezza al miglior prezzo"
              },
              "cta": {
                "modifier": "c-link--primary",
                "text": "Acquista ora",
                "url": "#",
                "svg": true
              },
              "third_level": [
                {
                  "title": "Parcheggia per volare",
                  "array": [
                    {
                      "text": "Acquista parcheggi",
                      "url": "/components/preview/page-parkings-home"
                    },
                    {
                      "text": "Soste brevi",
                      "url": "/components/preview/page-meet-greet"
                    },
                    {
                      "text": "Come e dove pagare",
                      "url": "/components/preview/page-where-to-pay"
                    },
                    {
                      "text": "Tariffe e convenzioni",
                      "url": "/components/preview/page-rates-conventions"
                    },
                    {
                      "text": "Passeggeri a ridotta mobilità",
                      "url": "/components/preview/page-home-assistenze"
                    }
                  ]
                },
                {
                  "title": "Parcheggia e raggiungi la città",
                  "array": [
                    {
                      "text": "Park & Mex",
                      "url": "#"
                    },
                    {
                      "text": "Marconi Express",
                      "url": "/components/preview/page-transports-mex"
                    }
                  ]
                }
              ],
              "crossell": "<p>Fino al 30% di sconto su tariffe e ingressi Vip Lounge <a href=\"#\">acquistando online il tuo parcheggio</a></p>"
            }
          ]
        }
      },
      {
        "text": "In aeroporto",
        "subtext": "Lounge, shopping e servizi",
        "url": "",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "MBL Lounge per partire rilassati",
              "anchor-id": "blq-departing",
              "abstract": {
                "title": "",
                "subtitle": "Area relax e ristoro, wifi, fast-track dedicato e parcheggi a tariffe scontate"
              },
              "cta": {
                "modifier": "c-link--primary",
                "text": "Prenota VIP Lounge",
                "url": "/components/preview/page-lounge",
                "svg": true
              },
              "third_level": [
                {
                  "title": "Lounge e Servizi Premium",
                  "array": [
                    {
                      "text": "MBL VIP Lounge",
                      "url": "/components/preview/page-lounge"
                    },
                    {
                      "text": "Youfirst",
                      "url": "/components/preview/page-youfirst"
                    },
                    {
                      "text": "Meeting area",
                      "url": "/components/preview/page-area-meeting"
                    },
                    {
                      "text": "Palestre",
                      "url": "/components/preview/page-fitness"
                    }
                  ]
                },
                {
                  "title": "Negozi e Ristoranti",
                  "array": [
                    {
                      "text": "Fashion & Style",
                      "url": "/components/preview/page-shopping-listing"
                    },
                    {
                      "text": "General stores",
                      "url": "/components/preview/page-shopping-listing"
                    },
                    {
                      "text": "Bar",
                      "url": "/components/preview/page-shopping-listing"
                    },
                    {
                      "text": "Ristoranti",
                      "url": "/components/preview/page-shopping-listing"
                    }
                  ]
                },
                {
                  "title": "Servizi",
                  "array": [
                    {
                      "text": "Bagagli Smarriti",
                      "url": "/components/preview/page-home-customer-care"
                    },
                    {
                      "text": "Cambio valuta",
                      "url": "/components/preview/page-home-customer-care"
                    },
                    {
                      "text": "Tutti i servizi al passeggero",
                      "url": "/components/preview/page-home-customer-care"
                    }
                  ]
                }
              ],
              "crossell": "<p><a href=\"#\">Acquista online Ingressi Vip Lounge</a> e avrai tariffe deicate per il tuo parcheggio</p>"
            }
          ]
        }
      },
      {
        "text": "Da e per l’aeroporto",
        "subtext": "Trasporti pubblici e auto",
        "url": "/components/preview/page-flights-destinations",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Raggiungi la città in una manciata di minuti",
              "anchor-id": "blq-departing",
              "abstract": {
                "title": "",
                "subtitle": ""
              },
              "cta": {
                "modifier": "c-link--primary",
                "text": "Scopri",
                "url": "#",
                "svg": true
              },
              "third_level": [
                {
                  "title": "Trasporti pubblici da e per BLQ",
                  "array": [
                    {
                      "text": "Bus",
                      "url": "/components/preview/page-transports-bus"
                    },
                    {
                      "text": "Taxi",
                      "url": "/components/preview/page-transports-taxi"
                    },
                    {
                      "text": "Navetta Marconi Express",
                      "url": "/components/preview/page-transports-mex"
                    },
                    {
                      "text": "Treni",
                      "url": "/components/preview/page-transports-train"
                    }
                  ]
                },
                {
                  "title": "Auto e trasporti privati",
                  "array": [
                    {
                      "text": "Arrivare con l’auto",
                      "url": "/components/preview/page-transports-car"
                    },
                    {
                      "text": "Noleggio auto",
                      "url": "/components/preview/page-transports-rent-car"
                    },
                    {
                      "text": "Noleggio con conducente",
                      "url": "/components/preview/page-transports-rent-car"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Necessità particolari",
        "subtext": "Accessibilità, Famiglie, Animali",
        "url": "",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Siamo a tua disposizione",
              "anchor-id": "blq-departing",
              "abstract": {
                "title": "",
                "subtitle": ""
              },
              "cta": {
                "modifier": "c-link--primary",
                "text": "Hai bisogno di aiuto?",
                "url": "#",
                "svg": true
              },
              "third_level": [
                {
                  "title": "Assistenze speciali",
                  "array": [
                    {
                      "text": "Modalità di richiesta assistenza",
                      "url": "/components/preview/page-routes-prm"
                    },
                    {
                      "text": "Arrivo in aeroporto",
                      "url": "/components/preview/page-routes-prm-airport"
                    },
                    {
                      "text": "Servizi dedicati",
                      "url": "/components/preview/page-routes-prm-services"
                    },
                    {
                      "text": "Diritti e qualità del servizio",
                      "url": "/components/preview/page-routes-prm-rights"
                    },
                    {
                      "text": "Autismo",
                      "url": "/components/preview/page-home-assistenze"
                    },
                    {
                      "text": "Sordità - Servizio Tellis",
                      "url": "/components/preview/page-home-assistenze"
                    }
                  ]
                },
                {
                  "title": "Famiglie e minori",
                  "array": [
                    {
                      "text": "In aeroporto",
                      "url": "/components/preview/page-home-assistenze"
                    },
                    {
                      "text": "Minori che viaggiano da soli",
                      "url": "/components/preview/page-home-assistenze"
                    }
                  ]
                },
                {
                  "title": "Animali al seguito",
                  "array": [
                    {
                      "text": "Regole per il trasporto",
                      "url": "/components/preview/page-routes-animals"
                    },
                    {
                      "text": "Paesi U.E.",
                      "url": "/components/preview/page-routes-animals-ue"
                    },
                    {
                      "text": "Paesi Extra U.E.",
                      "url": "/components/preview/page-routes-animals-xue"
                    }
                  ]
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "user_nav": {
    "title": "Guida del passeggero",
    "list": [
      {
        "second_level": [
          {
            "img": false,
            "text": "Partire da Bologna",
            "anchor-id": "blq-departing",
            "abstract": {
              "title": "In partenza?",
              "subtitle": "Tutto ciò che devi sapere per il tuo viaggio da Bologna."
            },
            "third_level": [
              {
                "title": "Prima del viaggio",
                "array": [
                  {
                    "text": "Documenti",
                    "url": "/components/preview/page-routes-documents"
                  },
                  {
                    "text": "Bagagli",
                    "url": "/components/preview/page-routes-luggage"
                  },
                  {
                    "text": "Assistenze speciali",
                    "url": "/components/preview/page-routes-prm"
                  },
                  {
                    "text": "Raggiungere l'aeroporto",
                    "url": "#"
                  }
                ]
              },
              {
                "title": "In aeroporto",
                "array": [
                  {
                    "text": "Parcheggia in aeroporto",
                    "url": "/components/preview/page-parkings-home"
                  },
                  {
                    "text": "Controlli in aeroporto",
                    "url": "/components/preview/page-routes-checks"
                  },
                  {
                    "text": "Negozi",
                    "url": "#"
                  },
                  {
                    "text": "Bar e Ristoranti",
                    "url": "#"
                  },
                  {
                    "text": "Lounge e Servizi VIP",
                    "url": "#"
                  },
                  {
                    "text": "Servizi in aeroporto",
                    "url": "#"
                  },
                  {
                    "text": "Stato del volo",
                    "url": "#"
                  }
                ]
              },
              {
                "title": "Utility",
                "array": [
                  {
                    "text": "Free wi-fi",
                    "url": "#"
                  },
                  {
                    "text": "Mappe aerostazione",
                    "url": "#"
                  }
                ]
              }
            ]
          },
          {
            "img": "/images/svgs/stk_rientro-bologna-80px.svg",
            "text": "Arrivare a Bologna",
            "anchor-id": "blq-arriving",
            "abstract": {
              "title": "In arrivo?",
              "subtitle": "Tutto ciò che devi sapere per il tuo arrivo a Bologna."
            },
            "third_level": [
              {
                "title": "In aeroporto",
                "array": [
                  {
                    "text": "Bagagli smarriti",
                    "url": "#"
                  },
                  {
                    "text": "Noleggio auto",
                    "url": "#"
                  },
                  {
                    "text": "Cambio valuta",
                    "url": "#"
                  },
                  {
                    "text": "Negozi",
                    "url": "#"
                  },
                  {
                    "text": "Bar e Ristoranti",
                    "url": "#"
                  },
                  {
                    "text": "Servizi in aeroporto",
                    "url": "#"
                  }
                ]
              },
              {
                "title": "Fuori dall' aeroporto",
                "array": [
                  {
                    "text": "Raggiungere Bologna Centro",
                    "url": "#"
                  },
                  {
                    "text": "Raggiungere altre città",
                    "url": "#"
                  }
                ]
              },
              {
                "title": "Utility",
                "array": [
                  {
                    "text": "Free wi-fi",
                    "url": "#"
                  },
                  {
                    "text": "Mappe aerostazione",
                    "url": "#"
                  }
                ]
              }
            ]
          },
          {
            "img": "/images/svgs/stk_meet&greet-80px.svg",
            "text": "Sostare in aeroporto",
            "anchor-id": "blq-meet-greet",
            "abstract": {
              "title": "Accompagni o aspetti qualcuno?",
              "subtitle": "Tutto ciò che devi sapere per il tuo breve transito in aeroporto."
            },
            "third_level": [
              {
                "title": "Prima di arrivare",
                "array": [
                  {
                    "text": "Raggiungere l'aeroporto",
                    "url": "#"
                  }
                ]
              },
              {
                "title": "In aeroporto",
                "array": [
                  {
                    "text": "Stato del volo",
                    "url": "#"
                  },
                  {
                    "text": "Parcheggia in aeroporto",
                    "url": "/components/preview/page-parkings-home"
                  },
                  {
                    "text": "Negozi",
                    "url": "#"
                  },
                  {
                    "text": "Bar e Ristoranti",
                    "url": "#"
                  },
                  {
                    "text": "Servizi in aeroporto",
                    "url": "#"
                  }
                ]
              },
              {
                "title": "Utility",
                "array": [
                  {
                    "text": "Free wi-fi",
                    "url": "#"
                  },
                  {
                    "text": "App BLQ",
                    "url": "#"
                  }
                ]
              }
            ]
          },
          {
            "img": "/images/svgs/stk_solidarieta-80px.svg",
            "text": "Necessità particolari",
            "anchor-id": "blq-necessities",
            "abstract": {
              "title": "Necessità particolari?",
              "subtitle": "Tutto ciò che devi sapere per viaggiare senza pensieri."
            },
            "third_level": [
              {
                "array": [
                  {
                    "text": "Assistenze speciali",
                    "url": "/components/preview/page-routes-prm"
                  },
                  {
                    "text": "Famiglie e minori",
                    "url": "/components/preview/page-routes-families"
                  },
                  {
                    "text": "Animali al seguito",
                    "url": "/components/preview/page-routes-animals"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  "society_nav": {
    "list": [
      {
        "text": "Profilo aziendale",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Profilo aziendale",
              "anchor-id": "#",
              "abstract": {
                "title": "Profilo aziendale",
                "subtitle": "Aeroporto di Bologna, porta d’accesso ideale per l’Italia"
              },
              "third_level": [
                {
                  "title": "",
                  "array": [
                    {
                      "text": "Vision, Mission & Strategy",
                      "url": "#"
                    },
                    {
                      "text": "Management",
                      "url": "#"
                    },
                    {
                      "text": "Dati chiave",
                      "url": "#"
                    },
                    {
                      "text": "Risorse umane",
                      "url": "#"
                    },
                    {
                      "text": "Etica d'impresa",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Business",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Business",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Avition, Retail, Adv, Formazione, Eventi. Le anime molteplici del business dell’Aeroporto"
              },
              "third_level": [
                {
                  "title": "Attività commerciali",
                  "array": [
                    {
                      "text": "Retail, Advertising, Eventi",
                      "url": "#"
                    },
                    {
                      "text": "Portale Appalti",
                      "url": "#"
                    },
                    {
                      "text": "BLQ Training",
                      "url": "#"
                    }
                  ]
                },
                {
                  "title": "Aviation",
                  "array": [
                    {
                      "text": "Pista e infrastrutture",
                      "url": "#"
                    },
                    {
                      "text": "Tariffe Aviation",
                      "url": "#"
                    },
                    {
                      "text": "Cargo",
                      "url": "#"
                    }
                  ]
                },
                {
                  "title": "Progetti Europei e Protocolli",
                  "array": [
                    {
                      "text": "Cyrano",
                      "url": "#"
                    },
                    {
                      "text": "ITAIR ISAC",
                      "url": "#"
                    },
                    {
                      "text": "PRECINCT",
                      "url": "#"
                    },
                    {
                      "text": "Protocolli d’Intesa",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Sala stampa",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Sala stampa",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Lorem ipsum dolor sit amet"
              },
              "third_level": [
                {
                  "array": [
                    {
                      "text": "COVID 19 | Approfondimenti",
                      "url": "#"
                    },
                    {
                      "text": "COVID 19 | Ultimi aggiornamenti",
                      "url": "#"
                    },
                    {
                      "text": "News",
                      "url": "#"
                    },
                    {
                      "text": "Comunicati stampa",
                      "url": "#"
                    },
                    {
                      "text": "Photogallery",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Operatori aeroportuali",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Operatori aeroportuali",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Informazioni a supporto delle attività operative"
              },
              "third_level": [
                {
                  "title": "Documentazione e Segnalazioni",
                  "array": [
                    {
                      "text": "Manuale di Aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "Regolamento di Scalo",
                      "url": "#"
                    },
                    {
                      "text": "Titoli di accesso",
                      "url": "#"
                    },
                    {
                      "text": "Segnalazioni degli Operatori",
                      "url": "#"
                    }
                  ]
                },
                {
                  "title": "Safety Management System",
                  "array": [
                    {
                      "text": "Definizione di SMS",
                      "url": "#"
                    },
                    {
                      "text": "I Comitati della Safety",
                      "url": "#"
                    },
                    {
                      "text": "L’analisi dei rischi",
                      "url": "#"
                    },
                    {
                      "text": "Il reporting system",
                      "url": "#"
                    },
                    {
                      "text": "Ambiente ed Energia",
                      "url": "#"
                    },
                    {
                      "text": "Safety Promotion & Education",
                      "url": "#"
                    },
                    {
                      "text": "Gestione delle emergenze",
                      "url": "#"
                    },
                    {
                      "text": "Segnalazioni di Safety",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "investors_nav": {
    "list": [
      {
        "text": "Corporate",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Corporate",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Lorem ipsum dolor sit amet"
              },
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Aeroporto di Bologna in breve",
                      "url": "#"
                    },
                    {
                      "text": "Corporate governance",
                      "url": "#"
                    },
                    {
                      "text": "I nostri riferimenti",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Borsa e azionisti",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Borsa e azionisti",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Lorem ipsum dolor sit amet"
              },
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Titolo in Borsa",
                      "url": "#"
                    },
                    {
                      "text": "Strategy and execution",
                      "url": "#"
                    },
                    {
                      "text": "Informazioni per gli azionisti",
                      "url": "#"
                    },
                    {
                      "text": "Assemblea degli azionisti",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Calendario finanziario",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Calendario finanziario",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Lorem ipsum dolor sit amet"
              },
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Eventi societari",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Documenti",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "Documenti",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "Lorem ipsum dolor sit amet"
              },
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Comunicati stampa",
                      "url": "#"
                    },
                    {
                      "text": "Bilanci e relazioni",
                      "url": "#"
                    },
                    {
                      "text": "DNF D.lgs. 254/2016 (Bilancio di Sostenibilità)",
                      "url": "#"
                    },
                    {
                      "text": "Presentazioni",
                      "url": "#"
                    },
                    {
                      "text": "Internal dealing",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "innovability_nav": {
    "list": [
      {
        "text": "Innovazione",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "BLQ Innovability",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "BLQ, Better Living Quality"
              },
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Il nostro concetto di Innovazione",
                      "url": "#"
                    },
                    {
                      "text": "Chatbot",
                      "url": "#"
                    },
                    {
                      "text": "Ascolto dei passeggeri - Smiles",
                      "url": "#"
                    },
                    {
                      "text": "Scan & Fly",
                      "url": "#"
                    },
                    {
                      "text": "Logiscan compact ",
                      "url": "#"
                    },
                    {
                      "text": "Assistenza ai passeggeri sordi – Servizio Tellis",
                      "url": "#"
                    },
                    {
                      "text": "Tracking wifi",
                      "url": "#"
                    },
                    {
                      "text": "Wayfinding",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      {
        "text": "Sostenibilità",
        "subtext": "",
        "url": "#",
        "megamenu": {
          "second_level": [
            {
              "img": false,
              "text": "BLQ Innovability",
              "anchor-id": "#",
              "abstract": {
                "title": "",
                "subtitle": "BLQ, Better Living Quality"
              },
              "third_level": [
                {
                  "title": "Sostenibilità dello sviluppo dell’Aeroporto",
                  "array": [
                    {
                      "text": "Il nostro concetto di Sostenibilità",
                      "url": "#"
                    },
                    {
                      "text": "Politica integrata",
                      "url": "#"
                    },
                    {
                      "text": "Qualità",
                      "url": "#"
                    }
                  ]
                },
                {
                  "title": "Ambiente ed Energia",
                  "array": [
                    {
                      "text": "Ambiti di attività",
                      "url": "#"
                    },
                    {
                      "text": "Bilancio di responsabilità",
                      "url": "#"
                    },
                    {
                      "text": "Rumore",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "chinese_site_nav": {
    "name": "Chinese",
    "list": [
      {
        "megamenu": {
          "second_level": [
            {
              "text": "Partenze e arrivi",
              "url": "#"
            },
            {
              "text": "Partire da Bologna",
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Prima del viaggio"
                    },
                    {
                      "text": "Documenti",
                      "url": "#"
                    },
                    {
                      "text": "Bagagli",
                      "url": "#"
                    },
                    {
                      "text": "Assistenze speciali",
                      "url": "#"
                    },
                    {
                      "text": "Raggiungere l'aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "In aereoporto"
                    },
                    {
                      "text": "Controlli in aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "Negozi",
                      "url": "#"
                    },
                    {
                      "text": "Bar e ristoranti",
                      "url": "#"
                    },
                    {
                      "text": "Servizi in aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "Stato del volo",
                      "url": "#"
                    },
                    {
                      "text": "Utility"
                    },
                    {
                      "text": "Mappe aerostazione",
                      "url": "#"
                    },
                    {
                      "text": "Free wi-fi",
                      "url": "#"
                    }
                  ]
                }
              ]
            },
            {
              "text": "Arrivare a Bologna",
              "third_level": [
                {
                  "array": [
                    {
                      "text": "In aeroporto"
                    },
                    {
                      "text": "Bagagli smarriti",
                      "url": "#"
                    },
                    {
                      "text": "Noleggio auto",
                      "url": "#"
                    },
                    {
                      "text": "Negozi",
                      "url": "#"
                    },
                    {
                      "text": "Bar e ristoranti"
                    },
                    {
                      "text": "Servizi in aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "Fuori dall'aeroporto"
                    },
                    {
                      "text": "Bus",
                      "url": "#"
                    },
                    {
                      "text": "Taxi",
                      "url": "#"
                    },
                    {
                      "text": "Treni",
                      "url": "#"
                    },
                    {
                      "text": "Noleggio auto",
                      "url": "#"
                    },
                    {
                      "text": "Noleggio con conducente",
                      "url": "#"
                    },
                    {
                      "text": "Utility"
                    },
                    {
                      "text": "Mappe aerostazione",
                      "url": "#"
                    },
                    {
                      "text": "Free wi-fi",
                      "url": "#"
                    }
                  ]
                }
              ]
            },
            {
              "text": "Meet&Greet",
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Prima di arrivare"
                    },
                    {
                      "text": "Raggiungere l'aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "In aeroporto"
                    },
                    {
                      "text": "Stato del volo",
                      "url": "#"
                    },
                    {
                      "text": "Negozi",
                      "url": "#"
                    },
                    {
                      "text": "Bar e ristoranti",
                      "url": "#"
                    },
                    {
                      "text": "Servizi in aeroporto",
                      "url": "#"
                    },
                    {
                      "text": "Utility"
                    },
                    {
                      "text": "Free wi-fi",
                      "url": "#"
                    }
                  ]
                }
              ]
            },
            {
              "text": "Necessità particolari",
              "third_level": [
                {
                  "array": [
                    {
                      "text": "Assistenze speciali",
                      "url": "#"
                    },
                    {
                      "text": "Famiglie e minori",
                      "url": "#"
                    },
                    {
                      "text": "Animali al seguito",
                      "url": "#"
                    }
                  ]
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "emergency_site_nav": {
    "name": "emergency",
    "language-list": {
      "languages": [
        {
          "text": "ita",
          "url": "#",
          "aria-label": "Italiano"
        },
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        }
      ]
    },
    "list": [
      {
        "text": "Notizie in tempo reale",
        "url": "/components/preview/page-home-travel--emergency"
      },
      {
        "text": "Arrivi e partenze",
        "url": "/components/preview/page-arrivals-departures--emergency"
      }
    ]
  },
  "site-areas": {
    "aria-hidden": "false",
    "selector": "c-primary-navigation__areas"
  },
  "search": {
    "modifier": "c-expanded-search--mobile"
  }
}
  • Content:
    $text-color: primary(sky, 120);
    
    .c-primary-navigation {
      background-color: secondary(soft, 100);
      color: $text-color;
      width: 100%;
      flex: 1;
      overflow-y: scroll; /* has to be scroll, not auto */
      -webkit-overflow-scrolling: touch;
    
      // display: none;
    
      // Makes navigation visually hidden but readable to screen readers 
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
    
      @include max-screen(bp(tablet-p)) {
        &.is-open {
          // display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          z-index: 100;
          // box-shadow: 0px 40px 48px -5px rgba(15, 47, 77, 0.5);
          box-shadow: 0px 75px 50px -12px rgba(15, 47, 77, 0.85);
          border-bottom: 1px solid primary(night, 40 );
    
          // Makes navigation visible for all users
          height: auto;
          width: auto;
          margin: auto;
          clip: initial;
    
        }
      }
    }
    
    .c-primary-navigation__logo {
      text-align: center;
      margin-bottom: remify(48px);
    
      img {
        width: remify(120px);
      }
    }
    
    .c-primary-navigation__areas {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      background-color: primary(night, 20);
    
      li {
        flex: 1 1 100%;
        text-align: center;
        background-color: primary(night, 20);
        padding-right: 0;
      }
    
      a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: remify(12px);
        color: primary(night, 100);
        padding: remify(8px) 0;
        text-decoration: none;
        background-color: primary(night, 20);
    
        &.is-active {
          color: primary(sky, 120);
          background-color: secondary(soft, 100);
        }
      }
    }
    
    .c-primary-navigation__accordion .c-primary-navigation__toggle {
      color: primary(night, 80);
      font-weight: fw(light);
      font-size: remify(12px);
      display: inline-block;
    
      border-bottom: 3px solid transparent;
      display: block;
    
      &:focus {
        @include outline;
      }
    
      strong {
        color: secondary(text, 100);
        display: block;
        font-size: remify(16px);
      }
    
      button {
        padding: remify(12px) remify(12px);
        position: relative;
    
          svg.arrow-up,
          svg.arrow-down {
            position: absolute;
            right: remify(16px);
            top: 30%;
          }
    
        // &:after {
        //   content: "";
        //   width: remify(24px);
        //   height: remify(24px);
        //   background-image: url(../images/svgs/arrow-down-blue.svg);
        //   background-size: contain;
        //   position: absolute;
        //   right: remify(16px);
        //   top: 35%;
        // }
    
        // &[aria-expanded="true"]:after {
        //   transform: rotate(180deg);
        // }
      }
    }
    
    .c-primary-navigation__accordion .o-collapsible__content {
      background-color: primary(sky, 20);
    }
    
    .c-primary-navigation__accordion .o-collapsible__content ul.sub-level {
      padding: remify(24px);
    }
    
    .c-primary-navigation__accordion a,
    .c-primary-navigation__accordion .c-collapsible__button {
      color: $text-color;
      line-height: 1.6;
      padding: 0;
    }
    
    .c-primary-navigation__accordion .o-collapsible__title button {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }
    
    .c-primary-navigation__accordion .sub-title {
      color: primary(night, 60);
      font-size: remify(12px);
    }
    
    .c-primary-navigation__raw_anchor {
      @extend .o-collapsible;
      display: flex;
      align-items: center;
      height: remify(48px);
    
      a {
        color: $text-color;
        font-size: remify(16px);
        text-decoration: none;
        text-transform: uppercase;
        &:focus {
          @include outline;
        }
      }
    }
    
    .c-primary-navigation__user .main-title {
      font-weight: bold;
      padding-top: remify(48px);
      margin-bottom: remify(8px);
      color: $text-color;
      text-transform: uppercase;
    }
    
    .c-primary-navigation__user .sub-title {
      font-weight: bold;
      padding-top: 0;
      margin-top: remify(40px);
      margin-bottom: remify(4px);
      color: $text-color;
    
      &:first-child {
        margin-top: remify(16px);
      }
    }
    
    .c-primary-navigation__tools {
      a {
        display: inline-block;
        width: remify(32px);
        height: remify(32px);
        border: remify(1px) solid primary(night, 80);
        border-radius: remify(4px);
        margin-right: remify(4px);
        padding: remify(2px);
        text-align: center;
    
        svg {
          * {
            fill: #fff;
          }
        }
      }
    }
    
    .c-primary-navigation__remote {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: remify(24px);
      margin: remify(24px) remify(16px);
    
      a {
        display: block;
        border-radius: remify(16px);
        background-color: primary(night, 80);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: remify(16px) remify(24px);
        min-height: remify(96px);
    
        span {
          display: block;
        }
    
        svg {
          fill: #fff;
        }
    
        &:last-child {
          grid-column: span 2;
        }
      }
    }
    
    .c-primary-navigation__utils {
      margin-top: remify(32px);
      display: flex;
      justify-content: space-between;
      padding: 0 remify(16px);
      font-size: remify(16px);
    
      & > * {
        margin-bottom: remify(16px);
      }
    }
    
  • URL: /components/raw/primary-navigation/_primary-navigation.scss
  • Filesystem Path: src/views/03-organisms/navigation/primary-navigation/_primary-navigation.scss
  • Size: 5.1 KB

No notes defined.