/* ==========================================================
   GSTC_STANDARD_NAVIGATION_0524
   GeSmart Theme Config 0.5.24

   Menu contestuale e breadcrumb per Header standard.
   ========================================================== */


/* Menu desktop ------------------------------------------------ */

#header
  #_desktop_top_menu
  .top-menu[data-depth="0"]
  > li
  > a[data-depth="0"] {
  position:relative;
  background-color:transparent!important;
}

#header
  #_desktop_top_menu
  .top-menu[data-depth="0"]
  > li:hover
  > a[data-depth="0"],
#header
  #_desktop_top_menu
  .top-menu[data-depth="0"]
  > li.menu-open
  > a[data-depth="0"] {
  color:var(--gstc-menu-hover,#24b9d7)!important;
  text-decoration:none!important;
  background-color:transparent!important;
}


/* Stato corrente ---------------------------------------------- */

#header
  #_desktop_top_menu
  .top-menu[data-depth="0"]
  > li.current
  > a[data-depth="0"],
#header
  #_desktop_top_menu
  .top-menu[data-depth="0"]
  > li.gstc-context-current
  > a[data-depth="0"] {
  color:var(--gstc-menu-hover,#24b9d7)!important;

  background-color:transparent!important;

  background-image:linear-gradient(
    to right,
    var(--gstc-menu-hover,#24b9d7),
    var(--gstc-menu-hover,#24b9d7)
  );

  background-repeat:no-repeat;
  background-size:calc(100% - 20px) 2px;
  background-position:center 100%;

  text-decoration:none!important;
}


/* Breadcrumb -------------------------------------------------- */

#wrapper .breadcrumb {
  padding:13px 0 12px;
  margin:0 0 14px;

  background:transparent;

  font-size:12px;
  line-height:1.45;
}

#wrapper .breadcrumb ol {
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  margin:0;
  padding:0;
}

#wrapper .breadcrumb li {
  display:inline-flex;
  align-items:center;

  min-width:0;
  margin:0;

  color:#6f7b83;
}

#wrapper .breadcrumb li a {
  display:inline-flex;
  align-items:center;

  color:#6f7b83;

  text-decoration:none;

  transition:color .15s ease;
}

#wrapper .breadcrumb li a:hover {
  color:var(--gstc-menu-hover,#24b9d7);
  text-decoration:none;
}

#wrapper .breadcrumb li::after {
  margin:0 8px;

  color:#b7c0c6;

  content:"›";

  font-size:14px;
  line-height:1;
}

#wrapper .breadcrumb li:last-child {
  margin:0;

  color:var(--gstc-body-text,#263238);

  font-weight:500;

  overflow-wrap:anywhere;
}

#wrapper .breadcrumb li:last-child::after {
  margin:0;
  content:"";
}

#wrapper .breadcrumb li:first-child a::before {
  margin-right:5px;

  color:#89949b;

  content:"\e88a";

  font-family:"Material Icons",Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1;
}


@media (max-width:767px) {

  #wrapper .breadcrumb {
    padding:9px 0 8px;
    margin-bottom:10px;

    font-size:11px;
  }

  #wrapper .breadcrumb li::after {
    margin:0 6px;
  }

}