.barra-navigation {
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid #d8d8d8;

  .navigation-menu {
    display: flex;
    justify-content: space-between;

    .logo-gov {
      background: #004f9f;
      padding: 0 8px;

      svg {
        height: 32px;
        width: 100px;
      }
    }

    nav {
      gap: 20px;

      a {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: #004f9f;
        text-transform: uppercase;
        align-content: center;
      }
    }

    .nav-redes-sociais {
      .redes-menu {
        display: flex;
        gap: 4px;

        #siga-segov {
          padding-left: 12px;
          border-left: 1px solid #d5d5d5;
          color: #8e8e8d;
          text-transform: none;
          font-size: 14px;
          font-weight: 600;
          color: #8e8e8d;
        }

        .redes-icons {
          display: flex;
          gap: 12px;
        }
      }
    }
  }
}

.navbar {
  justify-content: center;
  padding: 0;
}

#navbarNav {
  text-transform: uppercase;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
}

header .banner {
  background: #004f9f;
  height: 96px;
}

.sub-header {
  float: right;
}

/*menu*/
.identicade-secretaria {
  border-right: var(--black) 1px solid;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

.collapse:not(.show) {
  display: inline;
}

.navbar-nav {
  flex-direction: inherit;
}

.containerTopo {
  display: block;
  background: var(--cor-barra-topo);
  border-bottom: 3px solid var(--cor-linha-detalhe);
}

#navbarTogglerDemo01 {
  z-index: 10;
  display: flex;
}

/* funçao burguer navegação acessibilidade */

.burger-menu.active {
  display: grid !important;
}

/* Menu Principal */

.menu-principal {
  padding: 12px;
  box-shadow: 0px 8px 12px #c8c9ca15;
  position: relative;

  .menu-principal-itens {
    display: flex;
    justify-content: space-between;

    .menu-content {
      align-items: center;

      .burger-icon-principal {
        background: transparent;
        border: 1px solid #f5f5f5;
        border-radius: 50%;
        padding: 14px;
        width: 48px;
        height: 48px;
        display: none;
      }

      .menu-principal-ul {
        li:first-child {
          border: none;
        }

        li:hover {
          background: #d5d5d5;
          position: relative;

          .sub-menu-1 {
            display: block;
          }
        }

        li {
          border-left: 1px solid #ebebeb;
          padding: 12px 16px;
          margin: 0;
          list-style: none;

          a {
            font-size: 16px;
            color: var(--darkgray);
            font-weight: 700;
          }

          .sub-menu-1 {
            padding: 0;
            position: absolute;
            display: none;
            z-index: 1000;
            min-width: 250px;
            border-radius: 10px;
            border: 1px solid #e4e4e4;
            background: white;
            box-shadow: 0px 5px 10px var(--black) 2b;

            li:hover .sub-menu-2 {
              display: block;
            }

            li {
              padding: 14px 16px;
              border: none;
              list-style: none;

              a::after {
                transform: rotate(270deg);
              }

              a {
                display: flex;
                justify-content: space-between;
              }

              .sub-menu-2 {
                background: white;
                width: max-content;
                padding: 0;
                border-radius: 4px;
                border: 1px solid #e4e4e4;
                box-shadow: 0px 5px 10px var(--black) 2b;
                left: 249px;
                top: 0;

                li {
                  list-style: none;
                }
              }
            }
          }
        }
      }
    }
  }
}

.sub-menu-1,
.sub-menu-2 {
  display: none;
  position: absolute;
  z-index: 9;
}

#menu_topo1 {
  .navbar-collapse.active {
    display: block;
  }
}

/* pesquisar */

.search-content {
  svg {
    margin: 0 14px;
  }

  input[type="search"]:focus {
    outline: 0;
    box-shadow: none;
    border: 0;
  }

  form {
    height: 48px;
    border-radius: 50px;
    border: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    padding: 0 16px;

    label {
      width: -webkit-fill-available;

      input {
        outline: 0;
        box-shadow: none;
        border: 0;
        width: 100%;
      }
    }

    .search-submit {
      margin: 0;
      padding: 0;
      border: 0;
      background: none;
    }
  }
}