/**
 * Breadcrumbs - fundo azul, largura total, separador /
 * @package Blocksy Child
 */

 nav.ct-breadcrumbs.breadcrumbs,
 nav.ct-breadcrumbs {
     width: 100vw;
     max-width: 100vw;
     position: relative;
     top: 7px;
     display: flex;
     left: 50%;
     right: 50%;
     margin-left: -50vw !important;
     margin-right: -50vw !important;
     font-size: 13px;
     font-weight: 400;
     margin-top: -60px !important;
     background: #00378F;
     color: #fff;
     margin-bottom: 50px;
     padding: 17px 5vw;
     box-sizing: border-box;
 }
 
 nav.ct-breadcrumbs a {
     color: #fff;
     text-decoration: none;
 }
 
 nav.ct-breadcrumbs a:hover {
     text-decoration: underline;
 }
 
 /* Esconder seta e usar / como separador entre todos os itens */
 nav.ct-breadcrumbs .ct-separator {
     display: none;
 }
 
 nav.ct-breadcrumbs > span:not(.last-item)::after {
     content: ' / ';
     color: rgba(255, 255, 255, 0.9);
     margin: -2px 10px 0;
 }
 
 nav.ct-breadcrumbs .last-item span {
     color: #fff;
     font-weight: 800;
 }

 /* Mobile: breadcrumbs arrastáveis horizontalmente, sem barra de scroll */
 @media (max-width: 768px) {
     nav.ct-breadcrumbs.breadcrumbs,
     nav.ct-breadcrumbs {
         overflow-x: auto;
         overflow-y: hidden;
         -webkit-overflow-scrolling: touch;
         flex-wrap: nowrap;
         -ms-overflow-style: none;
         scrollbar-width: none;
     }
     nav.ct-breadcrumbs.breadcrumbs::-webkit-scrollbar,
     nav.ct-breadcrumbs::-webkit-scrollbar {
         display: none;
     }
     nav.ct-breadcrumbs > span {
         flex-shrink: 0;
     }
 }