@charset "UTF-8";

@media screen {

  body {
      font-family: Arial, sans-serif !important;
  }

  h1, h2, h3, h4, h5, h6 {
      color: #010f4c !important;
      font-weight: bold !important;
      /* text-transform: uppercase !important; --------------------------------*/
  }

  h2 {
      text-align: center !important;
  }
  h3 {
      text-align: center !important;
  }


  hr {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
      border: 0 !important;
      border-top: 3px solid rgba(0, 0, 0, .3) !important;
  }

  /* Header --------------------------------*/
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1030;
  }

  .navbar {
    background: #003366 !important;
    position: sticky;
    top: 0;
  }

  .navbar-nav > .nav-item > .nav-link {
    color: white !important;
    font-size: 1.2rem !important;
    text-align: center !important;
  }

  .navbar-brand {
    margin-right: 0.2rem !important; /* Espaço após a logo */
  }

  #search {
    margin-left: 0.2rem !important; /* Espaço antes da busca */
  }

  /* Centralização */
  .navbar-nav {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
  }

  /* Ajuste para itens do menu */
  .nav-item {
    margin: 0 1rem !important; /* Espaço entre itens */
  }

  /* Responsividade */
  @media (max-width: 991.98px) {
    .navbar-brand {
      margin-right: 0 !important;
    }
    #search {
      margin-left: 0 !important;
      margin-top: 1rem;
    }
  }

  /* Espaço para o header fixo não cobrir conteúdo */
  /* Ajuste inicial baseado na altura do logo (14rem) */
  body {
    padding-top: 5.9rem;
  }

  .header-logo img {
    height: 14rem !important;
  }

  .navbar-brand {
    margin-left: 5rem !important;
  }

  /* Ajuste para telas médias/tablets */
  @media (max-width: 991.98px) {
    body {
      padding-top: 10rem; /* Valor intermediário */
    }
  }

  /* Ajuste para mobile */
  @media (max-width: 767.98px) {
    body {
      padding-top: 8rem; /* Valor menor para mobile */
    }
    
    .header-logo img {
      height: 8rem !important; /* Reduz o logo em mobile */
    }
    
    .navbar-brand {
      margin-left: 1rem !important; /* Reduz a margem em mobile */
    }
  }

  /* Header Logo --------------------------*/
  .header-logo {
    background: url('img/CCT_Home.png') no-repeat top center;
    background-size: cover;
  }
  /* Carrossel section  --------------------------*/
  .carrossel-section {
    background: url('img/carrossel_background.png') no-repeat top center;
    background-size: cover;
    min-height: 50rem;
  }

  /* Ícones section--------------------------*/
  .icones-section {
    text-align: center;
    padding: 30px 0;
  }

  .icones-section a{
    text-decoration: none;
    text-transform: uppercase;
    font-weight:bold;
    color: #0051A5;
  }

  .icones-section span{
    font-size: small;
    font-weight:bold;
  }

  .icones-section img{
    margin-top: 1rem;
    height: 7rem;
  }

  /* Livro section--------------------------*/
  .section-livro, .history, .partners {
    padding: 50px 0;
  }

  .section-livro img {
    width: 100%;
    margin-top: -7rem;
  }

  .menu-livro {
    background-color: #010f4c;
  }

  .menu-livro h6 {
    color: #fff;
    padding: 1rem 0rem 0.5rem 0rem;
  }

  .menu-livro a {
    text-decoration: none;
  }

  /* Marcos section--------------------------*/
  .section-marcos {
    background: url('img/marcos_da_memoria_do_cct_background.png') no-repeat top center;
    background-size: cover;
    min-height: 50rem;
  }

  .section-marcos h2{
    color: #ffffff;
  }

  /* Relações Institucionais section--------------------------*/
  .section-relacoes-institucionais img {
    max-height: 40px;
    margin-bottom: 1rem;
  }

  .section-relacoes-institucionais a {
    text-decoration: none;
    color: grey;
  }

  /* Footer section--------------------------*/
  .footer-top {
    background: #002244;
    color: white;
    padding: 20px 0;
  }
  .footer-bottom {
    background: #001122;
    color: white;
    padding: 10px 0;
  }

  .icons-section img {
    max-width: 60px;
    margin: 10px;
  }

    /* Sobre section--------------------------*/
  .sobre {
    padding: 0;
  }

  .sobre h1 {
    color: #1ae5e6 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 3rem !important;
  }

  .logo-cct-sobre {
    height: 5rem !important;
    margin-left: 5rem;

  }

  .icone-cct-sobre {
    height: 2rem;
  }

  /*paginas sobre */

  .o-que-e-o-cct {
    padding-left: 14rem !important;

  }

  .banner-sobre {
    margin-left: -140px; 
  }

  .o-que-e-o-cct .texto-sobre {
    margin-left: -140px; 
    text-align: justify;
  }


  .sobre span {
    background-color: #1150a4 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 4px 20px !important;
    border-radius: 5px !important;
  }

  .sobre p {
    font-size: 1.6rem !important;
    color: #fff;
    font-weight: bold;
    margin-left: -2vw !important;  /* Margem responsiva baseada na largura da tela */
    margin-right: -2vw !important;
  }
  

  .composicao {
    background-color: #1150a4 !important;
  }

  .composicao a.aba-conselho-desativo {
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.8rem !important;
  }

  .composicao a.aba-conselho-ativo {
    color: #1ae5e6 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.8rem !important;
  }


  .composicao a.aba-desativo {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 1.8rem !important;
  }

  /* Regra específica para o link com a classe .aba-composicao */
  .composicao a.aba-ativo {
    color: #1ae5e6 !important;
    font-weight: bold !important;
    font-size: 1.8rem !important;
  }

  .backgroundazul {
    background-color: #1a56b0; /* ou qualquer azul desejado */
    color: #ffffff;
    padding: 40px 20px;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
  }

  .backgroundazul h2 {
    color: #1ae5e6 !important;
    font-weight: bold !important;
    font-size: 1.8rem !important;
    margin-bottom: 20px;
  }

  .backgroundazul p {
      font-weight: bold !important;
      color: #fff !important;
      font-size: 1.4rem !important;
  }

  .composicao .row {
    display: flex;
    align-items: center; 
    flex-wrap: wrap; 
  }
  
  .composicao .col-md-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

  }
  .composicao .imagem-com-titulo {
    display: flex;
    flex-direction: column;
    text-align: center;
    /* Alinha a imagem à esquerda */
    align-items: flex-start;
  }
  
  .composicao .imagem-com-titulo h2 {
    text-align: center;
    width: 100%;
  }

  .posicao-relativa {
    position: relative;
  }
  
  .background-azul {
    position: relative;
    z-index: 1;
    padding: 20px;
    color: white;
    margin-top: -30px; 
  }
  
  
  .background-azul::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -120px;     
    right: 0;
    background-color: #1150a4;
    z-index: -1;
    border-radius: 8px;
  }
  
  .background-azul img {
    margin-top: 24px;
    position: relative;
  }

  .custom-menu {
    margin-left: 90px !important;
    
  }

  .imagem-com-fundo-azul {
    background-color: #0072c6 !important;
    display: inline-block !important;
    padding: 10px !important;
    margin-left: -20px !important;
    border-radius: 8px !important;
  }
  
  .compromissos h2 {
    color: #1ae5e6 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.4rem !important;
  }

  

  .compromissos p {
    font-weight: bold !important;
    color: #fff !important;
    font-size: 1.4rem !important;
  }

  .o-que-fazemos h2 {
    color: #1d53a0 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
  }

  .como-funcionamos h2 {
    color: #1d53a0 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
  }

  .assessoria h2 {
    color: #1d53a0 !important;
    text-transform: uppercase !important;
    font-weight: bold  !important;
    font-size: 1.2rem  !important;
  }

  .contatos h2 {
    color: #1d53a0 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
  }

  .contatos {
    padding-top: 12rem !important;
  }

  .hexagonos {
    height: 8rem !important;
    margin-left: -10rem !important;
    top: -4rem !important;
    position: absolute !important;
  }

  @media only screen and (max-width: 1000px) {
    .hexagonos {
        height: 8rem;
        margin-left: -10rem;
        top: -4rem;
        position: absolute;
    }
  }
  /* -------Pagina noticias------*/
  #noticias {
    background: url('/themes/tema-cct/asset/img/CCT_Home.png') no-repeat top center !important;
    
  }

  .noticia h1 {
      color: #1d53a0 !important;
      text-transform: uppercase !important;
      font-weight: bold !important;
      font-size: 2rem !important;
  }

  .noticia span {
      background-color: #1150a4 !important;
      color: #fff !important;
      font-weight: bold !important;
      padding: 8px 40px !important;
      border-radius: 5px !important;
      font-size: 1.8rem !important;
  }

  .noticia-chamada {
      font-size: 1.8rem !important;
  }

  .noticias-similares {
      background: url('/themes/tema-cct/asset/img/CCT_Home.png') no-repeat top center !important;
      background-size: auto !important;
  }


  .noticias-similares h3 {
      color: #808080 !important;
      font-weight: bold !important;
      font-size: 1.3rem !important;
      text-transform: none !important;
  }

  .noticias-similares span {
      background-color: #1150a4 !important;
      color: #fff !important;
      font-weight: bold !important;
      padding: 6px 30px !important;
      border-radius: 5px !important;
      font-size: 1.5rem !important;
  }
  .texto-caixa {
      position: relative;
      z-index: 2;
      background-color: rgba(255, 255, 255, 0.7); /* branco translúcido */
      color: #010f4c;
      font-weight: bold;
      font-size: 1.8rem;
      padding: 8px 16px;
      border-radius: 6px;
      margin-bottom: 16px;
      text-align: center;
      box-shadow: none; /* sem sombra */
  }

  .noticia a.noticia-link {
      background-color: #1150a4 !important;
      color: #fff !important;
      font-weight: bold !important;
      padding: 8px 40px !important;
      border-radius: 5px !important;
      font-size: 1.8rem !important;
      text-decoration: none !important; /* remove o sublinhado */
      display: inline-block; /* permite aplicar padding corretamente */
  }

  .noticia a.noticia-link:hover {
      background-color: #0d3f88 !important;
  }

    
  .titulo-noticia {
      margin-top: 10px; /* ajuste o valor conforme necessário */
      display: inline-block; /* necessário para margin funcionar bem */
      color: white;
  }


  .noticias-similares-cct {
      background-size: cover !important;
      padding: 1rem 0;
      overflow: hidden;
  }

  .noticias-similares-cct h3 {
      color: #808080 !important;
      font-weight: bold !important;
      font-size: 1.3rem !important;
      text-transform: none !important;
  }

  .noticias-similares-cct span {
      background-color: #1150a4 !important;
      color: #fff !important;
      font-weight: bold !important;
      padding: 6px 30px !important;
      border-radius: 5px !important;
      font-size: 1.5rem !important;
  }

  /*Pagina todas as noticias*/

  .all-news {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, auto));
    gap: 30px;
    justify-content: center;
  }

  .all-news div{
  background-color: #fff;
  border-radius: 15px;
  }

  .all-news .block-asset{
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  }

  .block.block-blockGroup.all-news {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* sempre 3 colunas */
    gap: 30px;
    max-width: 1140px;
    margin: 0 auto; /* centraliza horizontalmente */
    padding: 40px 20px;
  }

  /*Paginas blocos legislacao*/
  .texto-pagina {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    font-weight: bold;

  }
  .texto-pagina-submenu {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;

  }

  .blocos-container a.bloco {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 250px;
    height: 250px;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
  }

  .blocos-container a.bloco:focus,
  .blocos-container a.bloco:active,
  .blocos-container a.bloco:hover {
    outline: none;
    text-decoration: none;
    color: inherit;
  }

  .blocos-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 40px;
  }

  .bloco {
    width: 250px;
    height: 250px;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  }

  .marcado {
    border: 3px solid rgba(0, 51, 102, 0.4); /* azul com transparência */
    box-shadow: 0 0 12px rgba(0, 51, 102, 0.2);
    transform: scale(1.02);
    transition: all 0.3s ease;
  }

  .itens-destaque {
    line-height: 2.1;
    border-left: solid #cccccc 19.2pt;
    background-color: #eeeeee;
    margin-bottom: 20px;
    background-clip: padding-box;
    padding: 12pt;
    font-size: 12pt;
    font-family: Arial, sans-serif;
    color: #555555;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    white-space: pre-wrap;
  }



  * {
    box-sizing: border-box;
  }

  .sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  html {
    font-family: "Hind", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #555;
  }

  em {
    font-weight: 400i;
  }

  strong {
    font-weight: 700;
  }

  a {
    text-decoration: none;
    color: #0076df;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 21px 0;
  }

  h1 {
    font-size: 24.5px;
    line-height: 31.5px;
  }

  h2 {
    font-size: 21px;
    line-height: 31.5px;
  }

  h3 {
    font-size: 17.5px;
  }

  p, ol, ul, dl, blockquote {
    margin: 21px 0;
  }

  img {
    image-orientation: from-image;
  }

  nav ul {
    list-style: none;
    padding-left: 0;
  }

  blockquote {
    padding: 21px;
    font-size: 15.75px;
  }
  blockquote:before, blockquote:after {
    content: "";
    width: 50%;
    display: block;
    border-bottom: 1px solid #cecece;
    margin: auto;
  }

  table {
    margin: 21px auto;
  }

  thead {
    
  }
 
  .tr:hover {
    background-color: white !important;
  }

  /* @group ----- Form ----- */
  fieldset {
    border: 0;
    padding: 0;
    margin: 0;
  }

  .button,
button,
optgroup,
select,
textarea,
input[type=text],
input[type=password],
input[type=date],
input[type=tel],
input[type=email],
input[type=search],
input[type=number],
input[type=month] {
    -webkit-appearance: none;
            appearance: none;
    background-color: #fff;
    line-height: 21px;
    font-size: 14px;
    border-radius: 0px;
    border: 1px solid #8e8e8e;
    padding: 5.25px;
    vertical-align: bottom;
    height: 31.5px;
  }

  textarea {
    height: auto;
  }

  .button,
button,
[type=submit] {
    background-color: #cecece;
    border: 1px solid #ccc;
  }

  input[type=radio],
input[type=checkbox] {
    vertical-align: middle;
    margin: 0 0.5em;
  }

  select {
    padding: 5.25px 42px 5.25px 5.25px;
    background: #fff url("../img/chevron-down.svg") right 10.5px center no-repeat;
    background-size: 10.5px;
    -webkit-appearance: none;
            appearance: none;
    max-width: 100%;
  }

  .field {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 21px;
  }

  .inputs {
    width: 70%;
  }

  .field > label,
.field > .label,
.field > .two.columns,
.field-meta {
    width: 30%;
    padding-top: 5.25px;
  }

  /* @end */
  /* @group ----- Global ----- */
  .flex {
    display: flex;
  }








  a.image {
    display: block;
  }

  a.image img {
    vertical-align: top;
  }

  /* @end */
  /* @group ----- Header ----- */
  #skipnav {
    text-align: center;
    display: block;
    padding: 5.25px;
    border: 2px solid #0076df;
  }

  #skipnav:not(:focus) {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #admin-bar {
    z-index: 9999;
    position: relative;
  }



  #wrap {
    position: relative;
    z-index: 2;
    background-color: #fff;
    overflow-x: hidden;
  }

  #site-title {
    font-size: 17.5px;
    margin-right: auto;
  }

  #site-title img {
    max-height: 31.5px;
    width: auto;
    vertical-align: top;
  }

  .search-toggle:before,
.menu-toggle:before,
.advanced-toggle:before {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    width: 31.5px;
    height: 31.5px;
    line-height: 31.5px;
    text-align: center;
    display: block;
  }

  .menu-toggle:before {
    content: "";
  }

  .search-toggle:before {
    content: "";
  }

  .advanced-toggle:before {
    content: "";
  }

  .mm-listitem::after {
    inset-inline-start: 0;
  }

  #search-container,
#advanced-form {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid #cecece;
  }

  #search-container legend {
    font-size: 15.75px;
    margin-bottom: 5.25px;
  }

  #search-form {
    border-top: 1px solid #eee;
    padding: 10.5px 21px;
  }

  .advanced-toggle {
    display: inline-block;
  }

  #search-container input[type=text] {
    border-width: 0 0 1px 0;
    margin: 0;
    width: calc(100% - 84px);
  }

  #search-container button[type=submit] {
    margin: 0;
    border: 0;
    background-color: #fff;
    text-indent: -9999px;
    color: #0076df;
    position: relative;
    display: inline-block;
    padding: 0;
    vertical-align: top;
  }
  #search-container button[type=submit]:after {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
    content: "";
    display: block;
    font-size: 21px;
    position: absolute;
    top: 0;
    left: 0;
    width: 31.5px;
    height: 31.5px;
    line-height: 31.5px;
  }

  #search-container .closed {
    display: none;
  }

  #search-form {
    width: 100%;
  }

  #advanced-form {
    padding: 21px;
    border-top: 1px solid #eee;
  }

  #advanced-form fieldset {
    margin: 0 21px;
  }

  #record-types + p {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }

  /* @end */
  /* @group ----- Footer ----- */
  footer {
    margin-top: 126px;
  }

  /* @end */
  /* @group ----- Front Page ----- */
  #home #content {
    padding: 0;
  }
  #content > h3 {
      margin-left: 25%;     /* mesmo que os <dd> */
      padding-left: 24px;   /* mesmo padding do <dt> */
      max-width: 75%;       /* corresponde à largura dos <dd> */
  }

  #content > .media-embeds {
      margin-left: 25%;
      padding-left: 24px;
      max-width: 75%;
  }

  #content > .resource-list {
  margin-left: 25%;
   max-width: 50%;
   padding-left: 24px;
  }

  #resources-linked {
      margin-left: 25%;
      max-width: 50%;
      padding-left: 24px;
  }

  #content {
    padding: 0 0;
    background: url('/themes/tema-cct/asset/img/CCT_Home.png') no-repeat top center;
    background-size: cover;

  }



  #home #intro {
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0;
    background-color: #f3f3f3;
    font-size: 21px;
    line-height: 31.5px;
    margin-top: -8px;
    background-color: #1351b4;
  }

  #home #featured-slides {
    position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
  }
  #home #featured-slides:empty {
    display: none;
  }

  .slick-list,
.slick-track {
    position: relative;
    height: 100%;
  }

  #featured {
    position: relative;
  }

  #featured img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
  }

  #featured .record {
    background-size: cover;
    background-position: center center;
    height: 100%;
  }

  #featured .record-meta {
    width: 100%;
    color: #fff;
    padding: 21px 25%;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 20px #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  #featured .record-meta:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
  }
  #featured .record-meta a {
    color: #fff;
  }
  #featured .record-meta > * {
    position: relative;
    z-index: 2;
  }

  #featured .resource-title {
    margin-bottom: 10.5px;
    padding-bottom: 9.5px;
    font-size: 28px;
    line-height: 42px;
    text-transform: none;
    width: 100%;
  }
  #featured .resource-title:not(:last-child) {
    border-bottom: 1px solid #fff;
  }

  #featured .creator:not(:last-child):after {
    content: ",";
  }

  #featured-controls {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 999;
  }
  #featured-controls .slick-status:not(.active) {
    display: none;
  }
  #featured-controls button {
    -webkit-appearance: none;
            appearance: none;
    background-color: #000;
    color: #fff;
    width: 31.5px;
    height: 31.5px;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #featured-controls button:not(.active) {
    display: none;
  }

  #featured-controls button:after {
    content: "";
    display: block;
  }

  #featured-controls .slick-play:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    height: 1px;
  }

  #featured-controls .slick-pause:after {
    width: 4px;
    height: 10px;
    border: 1px solid #fff;
    border-width: 0 1px;
    margin: 0 auto;
  }
  
  .records {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .records .item,
.records .file,
.records .collection {
    width: calc(50% - 42px);
    padding: 21px;
    margin: 21px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }
  .records .item img,
.records .file img,
.records .collection img {
    max-width: 100%;
    height: auto;
  }

  .records h3,
.records .resource-title {
    margin: 10.5px 0;
    font-size: 17.5px;
    text-transform: none;
    font-weight: 400;
    padding-bottom: 9.5px;
    position: relative;
    width: 100%;
    display: block;
  }
  .records h3:not(:last-child):after,
.records .resource-title:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 50%;
    left: 25%;
    background-color: #cecece;
  }

  .records .item-meta {
    width: 100%;
    text-transform: uppercase;
    color: #757575;
  }

  .records .creator:not(:last-child):after {
    content: ",";
  }

  /* @end */
  /* @group ----- Search Results ----- */
  .record-type {
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 5.25px;
  }

  .search .records a.image {
    margin-bottom: 21px;
  }

  /* @end */
  /* @group ----- Items/Show ----- */
  .show #content > h1:first-child {
    word-wrap: break-word;
  }

  .show .download-file > img {
    max-width: 100%;
    height: auto;
  }

  .items.show:not(.gallery) .item-metadata-content {
    columns: 2;
    column-gap: 21px;
  }

  .items.show:not(.gallery) .item-metadata h1 {
    column-span: all;
  }

  .items.show h1 + .item-metadata {
    columns: 2;
    column-gap: 21px;
  }

  .items.show h1 + .item-metadata > * {
    break-inside: avoid;
  }

  .items.show.gallery .flex {
    height: 100vh;
    margin: 0;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 73.5px;
  }

  .admin-bar.items.show.gallery .flex {
    padding-top: calc(41px + 73.5px);
  }

  .items.show.gallery #content {
    margin-top: -73.5px;
    min-height: 100vh;
    border-bottom: 1px solid #cecece;
  }

  .admin-bar.items.show.gallery #content {
    margin-top: calc(-41px - 73.5px);
  }

  .items.show div#itemfiles {
    width: 75%;
    height: 100%;
    position: relative;
  }

  .items.show #itemfiles-stage {
    width: 100%;
    height: 80%;
    background: #E0E0E0;
    margin: auto;
  }

  .items.show #itemfiles-nav {
    height: 20%;
    text-align: center;
    padding: 21px;
    background: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #333;
  }

  .items.show .solo #itemfiles-stage {
    height: 100%;
  }

  #itemfiles > .media.resource {
    display: none;
  }

  #itemfiles {
    height: 100%;
    margin: 0;
    width: 100%;
    padding-bottom: 0 !important;
  }

  .count-1 #itemfiles {
    height: 100% !important;
  }

  #itemfiles > li {
    height: 100%;
  }

  #itemfiles .media-render {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #itemfiles .media-render img {
    max-height: 100%;
    max-width: 100%;
  }

  .lg-backdrop {
    z-index: 10400;
  }

  .lg-outer {
    z-index: 10500;
  }

  .lg-icon.hidden {
    display: none;
  }

  .lg-counter,
.lg-video-object,
.lg-toolbar .lg-icon,
.lg-icon {
    color: #fff;
  }

  .lg-container button:focus,
.lg-container .lg-download:focus {
    box-shadow: 0 0 0 1px #fff;
  }

  .o-icon-undo:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    vertical-align: top;
  }

  .lg-container button {
    height: auto;
  }

  .items.show.gallery .item-metadata {
    width: 25%;
    padding: 0 21px;
    overflow-y: scroll;
    word-wrap: break-word;
  }

  .item-metadata h3 {
    margin: 0 0 5.25px;
  }

  .item-metadata .element-text {
    word-break: break-word;
  }

  .item-metadata .element {
    break-inside: avoid;
    border-bottom: 21px solid transparent;
  }

  .item-metadata nav {
    margin: 0 -21px;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
  }

  ul.item-pagination.navigation {
    column-span: all;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0;
  }
  ul.item-pagination.navigation:after {
    content: "";
    bottom: 0;
    top: 0;
    left: 50%;
    width: 1px;
    background-color: #cecece;
    position: absolute;
  }
  ul.item-pagination.navigation a {
    padding: 10.5px;
    display: inline-block;
  }

  .element-set {
    display: table;
  }

  /* @end */
  /* @group ----- Items/Search ----- */
  #advanced-search-form {
    clear: both;
    margin-top: 21px;
  }

  .search-entry {
    display: flex;
    width: 100%;
    margin-bottom: 10.5px;
  }

  .search-entry:first-child .advanced-search-joiner {
    display: none;
  }

  .search-entry > * {
    margin-top: 0;
    padding-right: 5.25px;
  }

  .search-entry select {
    margin: 0 5.25px 5.25px 0;
    width: 100%;
  }

  .search-entry input[type=text] {
    margin-bottom: 5.25px;
    width: 100%;
  }

  .add_search {
    margin: 0 0 21px 30%;
  }

  .remove_search {
    border: 0;
    width: 0;
    text-indent: -9999px;
    position: relative;
    padding: 0;
  }
  .remove_search:after {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 100%;
    width: 31.5px;
    height: 31.5px;
    text-indent: 0;
    top: 0;
    line-height: 31.5px;
    margin: 0 10.5px;
  }

  /* @end */
  /* @group ----- Items/Browse ----- */
  #item-filters,
#search-filters {
    align-self: flex-start;
  }

  #item-filters ul,
#search-filters ul {
    padding-left: 0;
    list-style: none;
  }

  #item-filters > ul > li,
#search-filters > ul > li {
    background-color: #cecece;
    padding: 5.25px;
    text-transform: uppercase;
    display: inline-block;
  }

  #item-filters > ul ul,
#item-filters li,
#search-filters > ul ul,
#search-filters li {
    display: inline-block;
    margin: 0;
  }

  #item-filters li li:not(:last-child):after,
#search-filters li li:not(:last-child):after {
    content: ", ";
  }

  .browse-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .items-nav {
    max-width: 50%;
    float: left;
  }

  .browse-header ul,
.items-nav ul {
    margin: 0;
  }

  .browse-header li,
.items-nav li,
#sort-links-list,
.sort-links-list {
    display: inline-block;
  }

  .secondary-nav li {
    margin-right: 10.5px;
  }
  .secondary-nav li.active {
    font-weight: bold;
  }

  .secondary-nav {
    margin-right: auto;
  }

  #sort-links-list,
.sort-links-list {
    list-style-type: none;
    padding-left: 0;
    margin-left: 10.5px;
  }

  #sort-links-list li,
.sort-links-list li {
    margin-right: 21px;
  }

  #sort-links-list li a:before,
.sort-links-list li a:before {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 5.25px;
  }

  #sort-links-list li:first-child a:before,
.sort-links-list li:first-child a:before {
    content: "\2630";
  }

  #sort-links-list li:nth-child(2) a:before,
.sort-links-list li:nth-child(2) a:before {
    content: "\1F464";
  }

  #sort-links-list li:nth-child(3) a:before,
.sort-links-list li:nth-child(3) a:before {
    content: "\2612";
  }

  #sort-links-list .sorting a,
.sort-links-list .sorting a {
    font-weight: bold;
    opacity: 1;
  }

  #sort-links-list .sorting a span:after,
.sort-links-list .sorting a span:after {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\25c0";
    margin-left: 5.25px;
    font-size: 12.25px;
    display: inline-block;
  }

  #sort-links-list .sorting.desc a:after,
.sort-links-list .sorting.desc a:after {
    transform: scaleY(-1);
  }

  .pagination-nav {
    margin-left: 42px;
    float: right;
  }

  ul.pagination {
    margin: 0;
  }

  .pagination li {
    margin-left: 10.5px;
    display: inline-block;
  }

  .pagination a:before {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .pagination [rel=prev]:before {
    content: "\25c0";
  }

  .pagination [rel=next]:before {
    content: "\25B6";
  }

  .pagination input[type=text] {
    border: 1px solid #cecece;
    width: 31.5px;
    text-align: right;
    color: #555;
    padding: 0 10.5px;
    line-height: 21px;
    margin: 0 5.25px 0 0;
  }

  .page-input form {
    display: flex;
    align-items: center;
  }

  .browse .records {
    margin: 0 -21px;
  }

  .hTagcloud {
    clear: both;
    margin-top: 63px;
  }

  .hTagcloud ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .hTagcloud li {
    background-color: #cecece;
    padding: 5.25px;
    margin: 0 5.25px 5.25px 0;
    list-style-type: none;
  }

  .popular {
    font-size: 100%;
  }

  .v-popular {
    font-size: 140%;
  }

  .vv-popular {
    font-size: 180%;
  }

  .vvv-popular {
    font-size: 190%;
  }

  .vvvv-popular {
    font-size: 200%;
  }

  .vvvvv-popular {
    font-size: 210%;
  }

  .vvvvvv-popular {
    font-size: 220%;
  }

  .vvvvvvv-popular {
    font-size: 230%;
  }

  .vvvvvvvv-popular {
    font-size: 240%;
  }

  /* @end */
  /* @group ----- Collections/Browse and Exhibits/Browse----- */
  .browse.collections .records,
.browse.exhibits .records {
    display: flex;
    margin: 21px 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .browse.collections .record,
.browse.exhibits .record {
    background-size: cover;
    background-position: center center;
    width: calc(50% - 10.5px);
    position: relative;
    min-height: 25vh;
    margin: 0 0 21px;
  }

  .browse.collections .record-meta:before,
.browse.exhibits .record-meta:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }

  .browse.collections .record a,
.browse.exhibits .record a {
    position: relative;
    color: #fff;
  }

  .browse .record {
    margin: 21px 0;
    display: flex;
    align-items: center;
    align-content: center;
    background-color: #828282;
  }

  .browse .record h2 {
    margin: 0;
    position: relative;
    font-size: 24.5px;
  }
  .browse .record h2 a {
    display: inline-block;
    padding: 5.25px 10.5px;
    background-color: #000;
  }

  .browse .record .image {
    margin-right: 21px;
    display: block;
    width: 30%;
  }

  .browse .record .image img {
    width: 100%;
  }

  .browse .record-meta {
    text-align: center;
    padding: 21px;
    font-size: 21px;
    line-height: 31.5px;
    width: 100%;
  }

  .browse .image + .record-meta {
    padding-left: 0;
  }

  .view-items-link {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    text-align: center;
    width: 100%;
  }

  /* @end */
  /* @group ----- Collections/Show ----- */
  .items.browse .flex,
.collections.show .flex {
    border-bottom: 1px solid #cecece;
    margin: 0 -21px;
  }

  .collection-meta {
    width: 25%;
    order: 2;
    border-left: 1px solid #cecece;
    padding: 0 21px;
    margin-left: 21px;
  }

  .collection-meta .mobile-toggle {
    display: none;
  }

  #collection-items {
    width: calc(75% + 21px);
    order: 1;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 21px 21px;
  }

  #collection-items h2 {
    width: 100%;
    text-align: center;
  }

  #collection-items #item-filters ul {
    padding: 21px 21px 0;
    margin: 0;
  }

  #collection-items #item-filters .collection {
    display: none;
  }

  #collection-items .view-items-link:before {
    content: "";
    width: 50%;
    margin: auto;
    border-top: 1px solid #cecece;
    display: block;
    padding-bottom: 20px;
  }

  #collection-items .browse-header {
    padding: 21px;
    width: 100%;
    justify-content: space-between;
  }

  /* @end */
  /* @group ----- Exhibits/Page ----- */
  .exhibits.summary .summary-header {
    color: #fff;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 70%;
    margin: auto;
    padding: 42px 21px;
  }
  .exhibits.summary .summary-header:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .exhibits.summary .summary-header h1 {
    position: relative;
    z-index: 1;
    background-color: #000;
    display: inline-block;
    padding: 5.25px 10.5px;
  }

  .exhibits.show #content > h1 {
    text-align: center;
    width: 70%;
    margin: 21px auto;
  }

  .exhibits.summary #primary,
#exhibit-blocks,
#exhibit-pages {
    width: 70%;
    margin: auto;
  }

  #exhibit-pages ul {
    list-style: decimal;
    font-size: 21px;
    line-height: 31.5px;
  }

  #exhibit-pages li {
    margin: 21px 0;
  }

  .exhibit-block {
    overflow: hidden;
  }

  .exhibit-items + * {
    margin-top: 0;
  }

  .exhibit-items .download-file {
    text-align: center;
    background-color: #cecece;
  }
  .exhibit-items .download-file:last-child {
    margin-bottom: 42px;
  }

  .exhibit-items .download-file + .download-file {
    text-align: center;
    background-color: #cecece;
    margin-top: 21px;
  }

  .layout-file-text .exhibit-items > * {
    margin-bottom: 10.5px;
  }

  .layout-file-text .exhibit-items.right {
    margin-left: 42px;
  }

  .layout-file-text .exhibit-items.left {
    margin-right: 42px;
  }

  .exhibit-item-caption {
    font-size: 12.25px;
    margin-bottom: 42px;
  }

  #exhibit-page-navigation #exhibit-nav-prev,
#exhibit-page-navigation #exhibit-nav-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 10%;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 20px 0;
    text-align: center;
    opacity: 0.6;
  }
  #exhibit-page-navigation #exhibit-nav-prev:hover,
#exhibit-page-navigation #exhibit-nav-next:hover {
    opacity: 1;
  }

  #exhibit-nav-prev {
    left: 21px;
  }

  #exhibit-nav-next {
    right: 21px;
  }

  .current-page {
    display: none;
  }

  #other-exhibits {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    margin: 0 auto;
  }

  #other-exhibits .exhibit {
    width: calc(50% - 42px);
    margin: 21px;
    text-align: center;
    position: relative;
  }

  #other-exhibits h2 {
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 17.5px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px;
  }

  #other-exhibits .exhibit h3 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
  }

  #other-exhibits .exhibit h3 a {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 21px;
  }

  #other-exhibits img {
    width: 100%;
  }

  /* @end */
  /* @group ----- Plugins ----- */
  #geolocation-browse {
    margin-top: 63px;
    clear: both;
  }

  #geolocation-browse #map-links li {
    background-color: #cecece;
  }
 
  /* @end */
}
@media screen and (max-width: 800px) {

  #advanced-form {
    justify-content: flex-start;
  }

  #advanced-form fieldset {
    margin: 0 0 21px 0;
  }

  /* @end */
  #content > h1:first-child {
    margin: 10.5px 0;
  }



  .secondary-nav {
    width: 100%;
    margin: 10.5px 0 0;
  }

  #sort-links,
.pagination-nav {
    width: 50%;
    margin: 10.5px 0;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    height: 42px;
  }
  #sort-links:only-child,
.pagination-nav:only-child {
    width: 100%;
  }

  .items-nav + .pagination-nav {
    text-align: center;
    width: 100%;
  }

  #sort-links-list,
.page-input {
    padding: 10.5px 0;
  }

  #sort-links-list {
    margin-left: 5.25px;
  }

  #sort-links-list li {
    margin-right: 0;
  }
  #sort-links-list li:not(:first-child) {
    margin-left: 10.5px;
  }

  #sort-links-list li a {
    text-indent: -9999px;
    display: inline-block;
    position: relative;
    padding-left: 15.75px;
    width: 15.75px;
  }
  #sort-links-list li a:before, #sort-links-list li a:after {
    text-indent: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 15.75px;
  }
  #sort-links-list li a:before {
    left: 0;
    line-height: 21px;
  }

  #sort-links-list .sorting a {
    padding-right: 15.75px;
    width: 31.5px;
  }

  #sort-links-list .sorting a:after {
    right: 0;
    line-height: 21px;
  }

  .pagination-nav {
    text-align: right;
  }

  .records .item {
    width: 100%;
  }

  .browse.collections .record,
.browse.exhibits .record {
    width: 100%;
  }

  /* @end */
  /* @group ----- Items/Show ----- */
  .items.show:not(.gallery) .item-metadata {
    columns: 1;
  }

  .items.show.gallery .flex {
    display: block;
    margin-right: 0;
    height: auto;
  }

  .items.show #itemfiles-nav {
    display: none;
  }

  .items.show div#itemfiles,
.items.show.gallery .item-metadata {
    width: calc(100% + 42px);
    overflow: visible;
  }

  .items.show.gallery .item-metadata {
    padding: 0;
    max-width: 100%;
  }

  .items.show #itemfiles {
    margin: 0 -21px;
    width: calc(100% + 42px);
  }

  .items.show #itemfiles-stage {
    min-height: 500px;
  }

  .admin-bar.items.show.gallery .flex {
    height: auto;
    min-height: 75vh;
  }

  .items.show.gallery .flex {
    position: relative;
    margin: 0;
  }

  .items.show .lSSlideOuter {
    height: 70vh;
    width: calc(100% + 42px);
    margin: 0 -21px;
  }

  .lSSlideWrapper,
.lSSlideWrapper .lSFade {
    position: static;
  }

  .lSSlideWrapper, .lSSlideWrapper .lSFade > * {
    height: calc(100% - 42px) !important;
  }

  ul#itemfiles {
    padding-bottom: 0 !important;
  }

  .lSSlideOuter .lSPager.lSGallery {
    height: 42px;
  }

  /* @end */
  /* @group ----- Collections/Show ----- */
  .items.browse .flex {
    flex-wrap: wrap;
  }

  .collection-meta {
    width: 100%;
    order: 1;
    margin: 0;
    border-left: 0;
  }

  .collection-meta .mobile-toggle {
    display: block;
    text-transform: uppercase;
    padding: 9.5px 0;
    border: solid #cecece;
    border-width: 1px 0;
  }
  .collection-meta .mobile-toggle:after {
    font-family: "Linearicons-Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    float: right;
    line-height: 21px;
    width: 21px;
    height: 21px;
    text-align: center;
  }
  .collection-meta .mobile-toggle.open:after {
    content: "";
  }

  .collection-meta .mobile-toggle + .closed {
    display: none;
  }

  #collection-items {
    order: 2;
    width: calc(100% + 21px);
  }

  /* @end */
  /* @group ----- Advanced Search ----- */
  .field > label,
.field > .label,
.field > .two.columns,
.field-meta,
.inputs {
    width: 100%;
  }

  .add_search {
    margin-left: 0;
  }

  .search-entry {
    flex-wrap: wrap;
  }

  .search-entry > * {
    margin-bottom: 5.25px;
  }

  /* @end */
  /* @group ----- Exhibits/Page ----- */
  #exhibit-page-navigation {
    display: flex;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
  }

  #exhibit-page-navigation #exhibit-nav-prev,
#exhibit-page-navigation #exhibit-nav-next {
    position: relative;
    width: 33%;
    transform: none;
    border: 0;
    padding: 9.5px 5.25px;
    display: flex;
    align-items: center;
  }

  #exhibit-page-navigation #exhibit-nav-prev {
    justify-content: flex-end;
    text-align: right;
    order: 1;
    left: auto;
  }

  #exhibit-page-navigation #exhibit-nav-up {
    order: 2;
    padding: 9.5px 0;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #exhibit-page-navigation #exhibit-nav-next {
    justify-content: flex-start;
    text-align: left;
    order: 3;
    right: auto;
  }

  #other-exhibits {
    width: 100%;
  }

  #other-exhibits .exhibit {
    width: 100%;
    margin: 21px 0;
  }

  #other-exhibits h3:only-child {
    position: relative;
  }

  #other-exhibits .exhibit h3 a {
    justify-content: center;
  }

  /* @end */
  

}

@media screen {
  * {
      box-sizing: border-box
  }

  h1 {
      text-align: center;
      font-size: 36px;
      margin-bottom: 24px;
      line-height: 48px;
      font-weight: normal
  }

  h2 {
      font-size: 27px;
      margin-bottom: 24px;
      line-height: 48px;
      font-weight: normal
  }

  p {
      margin: 24px 0
  }

  img {
      max-width: 100%
  }

  #wrap {
      max-width: 1100px;
      margin: auto;
      padding: 0 24px;
      position: relative
  }

  #wrap {
      padding-bottom: 48px
  }

  table {
      margin: 48px auto;
      border-collapse: collapse;
      border-top: 1px solid #dedede;
      border-bottom: 1px solid #dedede
  }

  th,td {
      padding: 12px;
      vertical-align: top
  }

  th {
      border-bottom: 3px solid #dedede;
      padding-bottom: 9px;
      text-align: left
  }

  td {
      border-bottom: 1px solid #dedede;
      padding-bottom: 11px
  }

  ::-webkit-input-placeholder {
      font-style: italic
  }

  ::-moz-placeholder {
      font-style: italic
  }

  :-ms-input-placeholder {
      font-style: italic
  }

  :-moz-placeholder {
      font-style: italic
  }

  fieldset {
      border: 0;
      margin: 0;
      padding: 0
  }

  select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      border: 1px solid #dedede;
      border-radius: 2px;
      font-size: 18px;
      line-height: 24px;
      color: #676767;
      height: 36px;
      background: #fff url("../../../../application/asset/img/select-arrow.svg") no-repeat;
      background-position: right 6px center;
      background-size: 5.715px;
      padding: 6px 24px 6px 6px
  }

  select option {
      margin: 0 12px
  }

  button,.button,input[type=submit] {
      background-color: #dedede;
      color: #676767;
      border: 0;
      cursor: pointer;
      padding: 6px;
      min-height: 36px;
      min-width: 36px;
      line-height: 24px;
      text-align: center
  }

  a.button {
      color: #000;
      display: inline-block
  }

  a.button:hover {
      text-decoration: none
  }

  button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
      outline: 1px solid #1d53a0
  }

  input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date],input[type=datetime-local] {
      border: 1px solid #dedede;
      padding: 5px;
      height: 36px
  }

  textarea {
      border: 1px solid #dedede;
      padding: 5px
  }

  .field {
      margin-bottom: 24px;
      display: flex;
      flex-wrap: wrap;
      width: 100%
  }

  .field .field-meta {
      width: 25%;
      padding-right: 24px;
      text-align: right;
      line-height: 36px
  }

  .field-description {
      margin-bottom: 6px
  }

  .required.field .field-meta:after {
      content: "*"
  }

  .field .field-meta legend {
      float: right
  }

  .field .inputs {
      width: 75%;
      padding-left: 24px
  }

  .field .collapsible {
      font-size: 13.5px;
      clear: both;
      line-height: 18px
  }

  .field .inputs~*,form input[type=submit] {
      margin-left: calc(25% + 24px);
      margin-top: 12px
  }

  #advanced-search .value:not(:first-child) {
      margin-top: 6px
  }

  #advanced-search {
      padding: 24px 0
  }

  #advanced-search input[type=text] {
      height: 36px
  }

  #advanced-search input[type=submit] {
      font-size: 22.5px;
      padding: 12px
  }

  #advanced-search .multi-value div.value:only-of-type .remove-value {
      display: none
  }

  #advanced-search .add-value {
      display: block;
      margin-left: auto
  }

  #advanced-search .remove-value {
      text-indent: -9999px;
      position: relative;
      width: 36px;
      height: 36px;
      margin-left: 6px
  }

  #advanced-search .remove-value:before {
      text-indent: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      line-height: 36px
  }

  .search-entry:not(:first-child) {
      margin-top: 12px
  }

  nav .navigation,nav ul {
      list-style: none;
      padding: 0
  }

  .item-pagination.navigation {
      border-top: 1px solid #dedede;
      padding-top: 11px;
      display: flex;
      justify-content: space-between
  }

  .secondary-nav {
      text-align: center
  }

  .secondary-nav ul {
      margin: 0 0 -1px;
      border-bottom: 1px solid #dedede;
      padding-bottom: -1px
  }

  .secondary-nav.navigation li {
      display: inline-block;
      margin-right: .5em;
      padding-bottom: 12px
  }

  .secondary-nav.navigation li.active a {
      color: #1d53a0
  }

  .secondary-nav a {
      color: #676767
  }

  #skipnav {
      position: fixed;
      top: 24px;
      left: 50%;
      border: 1px solid #dedede;
      transform: translateX(-50%);
      z-index: -5;
      padding: 6px;
      background-color: #fff;
      opacity: 0
  }

  #skipnav:focus {
      z-index: 1000;
      opacity: 1
  }

  #skipnav {
      position: absolute;
      top: 0;
      left: -9999px;
      background-color: #fff;
      padding: 6px;
      display: inline-block
  }

  #skipnav:focus {
      left: 50%;
      transform: translateX(-50%)
  }

  header nav .navigation {
      position: relative;
      list-style-type: none;
      padding: 0;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      border-top: 1px solid #dedede;
      border-bottom: 1px solid #dedede;
      padding: 0;
      margin: 24px 0
  }


  /* SUBMENU - normal */
  header nav .dropdown-menu,
  header nav a.dropdown-item {
    background-color: #003366 !important;
    color: #ffffff !important;
    font-size: 1.2rem !important;
    text-align: left !important;
    padding: 0.5rem 1rem !important;
    white-space: nowrap;
    border-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  
  header nav .dropdown:hover > .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 2000 !important;
  }

  /* SUBMENU - dropdown dentro de outro dropdown */
  /* Suporte a submenu com hover */
  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu > .dropdown-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: 0;
    background-color: #003366 !important;
    border: none;
    min-width: 200px;
    z-index: 2001;
  }

  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

  /* Estilização dos itens do submenu */
  .dropdown-submenu .dropdown-item {
    color: #ffffff !important;
    background-color: #003366 !important;
  }

  .dropdown-submenu .dropdown-item:hover {
    background-color: #0055aa !important;
  }




  header nav li {
    display: block;
    margin: 0 .5em
  }

  .site-title {
      font-size: 27px;
      text-transform: uppercase;
      letter-spacing: .125em;
      margin: 48px 0 0;
      display: block;
      text-align: center
  }

  .site-title:hover {
      text-decoration: none
  }

  .site-title img {
      max-height: 72px;
      max-width: 100%
  }

  .banner {
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
  }

  .banner img {
      width: 100%
  }

  #search-container {
      position: absolute;
      top: -48px;
      right: 24px
  }

  #search-container input[type=text],#search-container button {
      border: 0;
      border-bottom: 1px solid #dedede;
      background-color: #fff;
      height: 36px;
      display: inline-block;
      line-height: 24px;
      padding: 6px;
      vertical-align: bottom;
      background-color: #fff;
      color: #676767
  }

  #search-form {
      display: flex;
      padding: 6px 12px 12px;
      box-shadow: 0 0 0 1px #dedede inset;
      background: #fff
  }

  #search-form.closed {
      width: 36px;
      height: 42px
  }

  #search-form.open {
      right: 36px;
      position: absolute
  }

  #search-form+button.search-toggle {
      bottom: 0;
      position: absolute;
      border-bottom: 0;
      color: #b8b8b8;
      padding: 0
  }

  #search-form.closed+.search-toggle .icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 36px;
      height: 36px;
      right: 0;
      border: 1px solid #dedede;
      border-top: 0
  }

  #search-form.closed+.search-toggle .icon:after {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: block
  }

  #search-form.open+.search-toggle {
      top: 6px;
      right: 0
  }

  #search-form.open+.search-toggle:after {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900
  }

  #search-form.closed [type=text],#search-form.closed [type=submit],#search-form.closed #advanced-form {
      display: none
  }

  #search-form button {
      width: 36px;
      overflow: hidden;
      text-indent: -9999px;
      position: relative
  }

  #search-form button:after {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      top: 6px;
      right: 0;
      text-indent: 0;
      width: 36px;
      text-align: center;
      cursor: pointer
  }

  #query:focus {
      position: relative;
      z-index: 1
  }

  #advanced-form {
      background-color: #fff;
      position: absolute;
      top: 100%;
      padding: 12px;
      right: 0;
      left: 0;
      border: 1px solid #dedede;
      border-top: 0
  }

  #advanced-form fieldset {
      margin-bottom: 12px
  }

  #advanced-form fieldset input {
      margin-right: 6px
  }

  #advanced-form p {
      margin: 0
  }


  #content .hierarchy-row {
      width: 100%;
      padding-left: 250px !important;
      padding-right: 250px !important;
  }


  #content .blocks>h2:first-of-type {
      text-align: center;
      font-size: 36px;
      margin-bottom: 24px;
      line-height: 48px;
      font-weight: normal
  }

  header nav ul {
      display: block;
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0;
      z-index: 15
  }

  .open {
      border-bottom: 3px solid #dedede
  }


  header nav>ul>li>.sub-nav-toggle {
      margin-left: -12px;
      position: relative;
      z-index: 1
  }

  .nav-menu>.nav-item>[role=button]:after {
      content: "  ";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      width: 24px
  }

  .nav-menu>.nav-item>[aria-expanded=true]:after {
      content: "  "
  }

  a.parent {
      font-weight: bold
  }

  a.parent:after {
      content: ":"
  }

  .sub-nav {
      position: absolute;
      display: none;
      border: 1px solid #dedede;
      border-width: 1px 0;
      background-color: #fff
  }

  .sub-nav.first {
      max-width: 100%;
      margin: 0 auto;
      padding: 0 12px
  }

  .first.open.sub-nav>ul>li>ul>li {
      width: 25%
  }

  .first.open.sub-nav ul ul ul {
      display: block;
      padding-left: 24px
  }
}

@media screen and (min-width: 1100px) {
  .sub-nav.first {
      max-width:calc(1100px - 1.25%)
  }
}

@media screen {
  .open.sub-nav,.open.sub-nav ul {
      display: flex;
      flex-wrap: wrap;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 999
  }
}

@media screen {
  .sub-nav-group .sub-nav-group {
      margin-right: 24px
  }
}

@media screen {
  .sub-nav ul {
      margin: 0;
      padding: 0;
      display: block
  }
}

@media screen {
  .open.sub-nav>ul {
      width: 100%;
      display: block
  }
}

@media screen {
  .open.sub-nav ul {
      position: static;
      border: 0
  }

  .open.sub-nav ul li {
      padding: 6px
  }

  .open.sub-nav ul li a:not(.parent) {
      padding-left: 24px;
      text-indent: -24px;
      display: inline-block
  }

  .open.sub-nav ul li a:not(.parent):before {
      content: "◆";
      display: inline-block;
      width: 24px;
      margin-right: -3px;
      text-indent: 0
  }
}

@media screen {
  .sub-nav .sub-nav-toggle {
      display: none
  }
}

@media screen {
  .sub-nav li {
      display: block;
      list-style-type: none;
      margin: 0;
      padding: 12px;
      position: relative
  }
}

@media screen {
  footer {
      margin-top: 48px;
      clear: both
  }
}

@media screen {
  #bottom-nav li {
      display: inline-block;
      margin-right: 1em;
      font-size: 15.75px
  }
}

@media screen {
  #sort-links {
      display: inline-block
  }

  #sort-links ul {
      list-style: none;
      padding: 0;
      display: inline-block
  }

  #sort-links li {
      display: inline-block;
      margin: 0 .5em
  }

  #sort-links a {
      color: #676767
  }

  #sort-links .sorting a {
      color: #1d53a0
  }
}

@media screen {
  .browse-controls {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%
  }

  .browse-controls>* {
      margin-bottom: 12px;
      margin-right: 24px
  }

  .browse-controls+.resource-list {
      margin-top: -12px
  }
}

@media screen {
  .sorting {
      margin: 0
  }
}

@media screen {
  .sorting>* {
      margin-bottom: 12px
  }
}

@media screen {
  .sorting select {
      max-width: 10rem
  }
}

@media screen {
  .sorting button {
      padding: 2px 4px
  }
}

@media screen {
  .pagination>* {
      display: inline-block;
      vertical-align: top
  }
}

@media screen {
  .pagination form,.pagination .next.button {
      margin-right: 12px
  }
}

@media screen {
  .pagination .button {
      background-color: #fff;
      border: 1px solid #dedede;
      height: 37.2px;
      line-height: 36px;
      padding: 0 12px;
      text-align: center
  }
}

@media screen {
  .pagination .inactive.button {
      display: inline-block;
      opacity: .5
  }
}

@media screen {
  .pagination .row-count {
      line-height: 36px
  }
}

@media screen {
  [name=page] {
      width: 72px;
      text-align: center;
      margin-right: 6px
  }
}

@media screen {
  .layout-toggle button {
      width: 36px
  }
}

@media screen {
  .o-icon-grid:before {
      font-family: "Font Awesome 5 Free";
      content: "";
      font-weight: 900
  }
}

@media screen {
  .o-icon-list:before {
      font-family: "Font Awesome 5 Free";
      content: "";
      font-weight: 900
  }
}

@media screen {
  .resource-list {
      padding-left: 0;
      list-style: none;
      width: 100%
  }

  .resource-list a.thumbnail {
      display: block
  }

  .resource-list a.thumbnail img {
      vertical-align: bottom
  }
}

@media screen {
  .resource-list.grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      clear: both
  }

  .resource-list.grid .resource {
      padding: 24px;
      width: 25%;
      font-size: 15.75px
  }

  .resource-list.grid.resource-count-3 .resource {
      width: 33.33%
  }

  .resource-list.grid.resource-count-2 .resource {
      width: 50%
  }

  .resource-list.grid.resource-count-1 .resource {
      width: 100%
  }

  .resource-list.grid .thumbnail {
      display: block;
      margin-bottom: 12px
  }
}

@media screen {
  .resource-list.list {
      border-top: 1px solid #dedede
  }

  .resource-list.list .thumbnail {
      float: right;
      margin-left: 24px
  }

  .resource-list.list .resource {
      border-bottom: 1px solid #dedede;
      padding: 24px 0;
      overflow: hidden
  }
}

@media screen {
  #collection-items h2 {
      width: 100%
  }
}

@media screen {
  .browse .resource-list .resource-link {
      font-weight: bold
  }
}

@media screen {
  .browse .resource h4 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 0
  }
}

@media screen {
  .browse .item-img a {
      display: block
  }
}

@media screen {
  .browse .resource img {
      max-width: 100%
  }
}

@media screen {
  .browse .creator+.date {
      margin-left: -4px
  }

  .browse .creator+.date:before {
      content: ", "
  }
}

@media screen {
  .search-filters {
      text-align: center;
      margin: 0 0 24px
  }

  .search-filters .filter {
      display: inline-block;
      border: 1px solid #dedede;
      padding: 5px;
      font-size: 22.5px;
      margin: 0 .5em
  }

  .search-filters .filter-label:after {
      content: ": "
  }
}

@media screen {
  #itemfiles {
      margin-bottom: 24px;
      height: 0;
      padding-bottom: 50vh
  }

  #itemfiles li {
      display: none
  }
}

@media screen {
  .media-render img {
      vertical-align: top
  }
}

@media screen {
  #content #itemfiles a {
      background-color: transparent
  }
}

@media screen {
  .media.show .media-render.video {
      margin-bottom: 24px;
      text-align: center;
      background-color: #000;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-bottom: 54px
  }

  .media.show .media-render.video video {
      width: auto;
      max-height: 50vh;
      max-width: 100%
  }
}

@media screen {
  @font-face {
      font-family: lg;
      src: url(../fonts/lg.woff2?io9a6k) format("woff2"),url(../fonts/lg.ttf?io9a6k) format("truetype"),url(../fonts/lg.woff?io9a6k) format("woff"),url(../fonts/lg.svg?io9a6k#lg) format("svg");
      font-weight: 400;
      font-style: normal;
      font-display: block
  }
}

@media screen {
  .lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out {
      display: none
  }
}

@media screen {
  .lg-counter {
      min-width: 50px;
      padding-left: 0;
      margin-left: 20px;
      text-align: center
  }
}

@media screen {
  .lg-icon.hidden {
      display: none
  }
}

@media screen {
  .lg-icon.o-icon-undo {
      font-size: 16px
  }
}

@media screen {
  .media-render a.lg-icon {
      font-family: lg !important;
      speak: never;
      font-size: 27px;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      height: 48px;
      width: 48px;
      display: inline-block;
      color: #fff;
      opacity: .5;
      margin-top: 12px;
      text-align: center
  }
}

@media screen {
  .media-render a.lg-icon:hover {
      opacity: 1
  }
}


@media screen {
  .lg-toolbar {
      width: 100%;
      text-align: right
  }
}

@media screen {
  .expand:after,.collapse:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900
  }
}


@media screen {
  .collapsible {
      display: none
  }
}

@media screen {
  .collapse+.collapsible {
      display: block;
      width: 100%
  }

  .collapse+.collapsible dl {
      margin-top: 12px
  }

  .collapse+.collapsible .property {
      margin-bottom: 12px
  }
}

@media screen {
  .property,.media-list {
      display: flex;
      margin-bottom: 24px;
      flex-wrap: wrap;
      justify-content: flex-end;
      clear: both;
      width: 100%
  }
}

@media screen {
  .resource.show dt {
      width: 25%;
      font-weight: bold;
      color: #000;
      margin: 0;
      text-align: right;
      padding: 0 0 0 24px;
      font-size: 22.5px
  }
}

@media screen {
  .resource.show dl dl dt {
      font-size: 18px !important;
      line-height: 24px
  }
}

@media screen {
  .property .field-term {
      display: block;
      font-size: 18px
  }
}

@media screen {
  .resource-metadata {
      width: 100%
  }
}

@media screen {
  .resource.show dl dl {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      border-left: 1px solid #dedede;
      margin: 24px 0
  }
}

@media screen {
  .resource.show dt~dd,.media-list dt~.resource-link {
      width: 75%;
      padding: 0 24px;
      margin-left: 0
  }
}

@media screen {
  .resource.show .property dl dt,.resource.show .property dl dd {
      margin-bottom: 12px
  }

  .resource.show .property dl dt:last-of-type,.resource.show .property dl dd:last-of-type {
      margin-bottom: 0
  }
}

@media screen {
  .resource.show .property .property {
      margin-bottom: 0
  }
}

@media screen {
  .resource-metadata .value:not(:last-child),.media-list dt~.resource-link:not(:last-child),#linked-resources .linked-resource {
      padding-bottom: 6px;
      margin-bottom: 6px;
      border-bottom: 1px solid #dedede
  }
}

@media screen {
  .resource-metadata dt~.value:last-child,.media-list dt~.resource-link:last-child {
      border-bottom-color: transparent
  }
}

@media screen {
  .property .value:not(:last-child) {
      margin-bottom: 12px
  }
}

@media screen {
  .property .value>*:first-child {
      margin-top: 0
  }
}

@media screen {
  .property .value img {
      height: 36px;
      display: inline-block;
      vertical-align: middle
  }
}

@media screen {
  .property .value .language {
      display: inline-block;
      padding: 0 6px;
      border: 1px solid #dedede;
      margin-right: 6px;
      align-self: flex-start
  }
}

@media screen {
  .property .value table {
      margin: 0;
      width: 100%
  }
}

@media screen {
  .property .value.resource .resource-link {
      float: left;
      max-width: 80%
  }
}

@media screen {
  .property .value.resource .expand,.property .value.resource .collapse {
      line-height: 36px
  }
}

@media screen {
  .property .value:not(:last-child) .resource-link {
      margin-bottom: 12px
  }
}

@media screen {
  .property .value-content:not(:only-child) {
      margin-right: 6px
  }
}

@media screen {
  .resource.show .resource-link {
      display: flex;
      align-items: center
  }
}

@media screen {
  .resource-metadata .resource-link img,.results .resource-link img {
      margin-right: 6px
  }
}

@media screen {
  #linked-resources {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      flex-wrap: wrap;
      align-items: flex-start
  }
}

@media screen {
  .linked-header,.linked-footer {
      width: 100%;
      margin-bottom: 24px;
      display: flex;
      justify-content: flex-end
  }
}

@media screen {
  #linked-filter {
      display: flex;
      align-items: center;
      width: 50%;
      justify-content: flex-start;
      margin-right: auto
  }
}

@media screen {
  #linked-filter h4 {
      font-size: 18px;
      width: auto;
      padding: 0;
      margin-right: 6px;
      text-align: left
  }
}

@media screen {
  #linked-resources table {
      width: 100%;
      margin-top: 0
  }
}

@media screen {
  #linked-resources td {
      vertical-align: middle
  }
}

@media screen {
  #linked-resources caption {
      text-align: left;
      font-weight: bold;
      margin: 6px 12px
  }
}

@media screen {
  #linked-resources>h4 {
      padding: 6px 24px
  }
}

@media screen {
  #item-linked .pagination {
      width: 50%;
      text-align: right
  }
}

@media screen {
  .resource.show .resource-link img,#item-linked .resource-link img,.results .resource-link img {
      height: 150px;
      width: auto;
      display: block;
      margin-right: 6px
  }
}

@media screen {
  #linked-resources .resource-link,.results .resource-link {
      display: flex;
      align-items: center
  }
}

@media screen {
  #home #featured {
      margin: 0 0 48px;
      background-color: #dedede
  }
}

@media screen {
  #home #featured .slick-list .image {
      display: block;
      height: 50vh;
      overflow: hidden
  }
}

@media screen {
  #featured img {
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
  }
}

@media screen {
  #featured .featured-meta {
      position: absolute;
      bottom: 24px;
      left: 0;
      right: 0;
      padding: 12px 24px 18px;
      background-color: rgba(0,0,0,.8);
      color: #fff
  }
}

@media screen {
  #featured .featured-meta h3 {
      font-size: 31.5px;
      line-height: 42px;
      margin: 0;
      font-weight: normal
  }
}

@media screen {
  #featured .featured-meta h3 a {
      color: #fff
  }

  #featured .featured-meta h3 a:hover {
      text-decoration: none
  }
}

@media screen {
  #featured .featured-meta p {
      font-size: 15.75px;
      margin: 0
  }
}

@media screen {
  #featured .slick-dots {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      list-style: none;
      padding: 0
  }
}

@media screen {
  #featured .slick-dots li {
      display: inline-block
  }
}

@media screen {
  #featured .slick-dots button {
      background-color: #dedede;
      width: 13.5px;
      height: 13.5px;
      border-radius: 18px;
      text-indent: -9999px;
      border: 0;
      cursor: pointer;
      margin: 0 .5em
  }
}

@media screen {
  #featured .slick-dots li[aria-hidden=false] button {
      background-color: #9e9e9e
  }
}

@media screen {
  #search-results {
      width: 100%;
      margin: 24px 0 0
  }
}

@media screen {
  #search-results img {
      height: 72px;
      float: right
  }
}

@media screen {
  #search-results a {
      vertical-align: top
  }
}

@media screen {
  .page .site-page-pagination {
      border-top: 1px solid #dedede;
      padding-top: 11px;
      margin-top: 48px;
      width: 100%;
      clear: both
  }

  .page .site-page-pagination a:last-child:not(:only-child) {
      margin-left: 24px
  }
}

@media screen {
  .page #content .breadcrumbs {
      width: 100%
  }
}

@media screen {
  .page #content .breadcrumbs+.blocks,.page #content .blocks:first-child {
      width: 100%
  }
}

@media screen {
  .page #content .sub-menu {
      padding: 0 24px 24px 0;
      width: 18.75%;
      float: left;
      position: sticky;
      top: 24px;
      left: 0
  }
}

@media screen {
  .page #content .sub-menu~*:not(.site-page-pagination) {
      width: 81.25%;
      float: right;
      clear: none
  }
}

@media screen {
  .page #content .sub-menu>ul {
      margin: 0
  }
}

@media screen {
  .page #content .sub-menu a {
      font-size: 15.75px;
      display: inline-block;
      padding-left: 24px;
      text-indent: -24px
  }

  .page #content .sub-menu a:before {
      content: "◆";
      width: 12px;
      display: inline-block;
      margin-right: 12px;
      text-indent: 0
  }
}

@media screen {
  .page #content .sub-menu .current a {
      font-weight: bold
  }
}

@media screen {
  .page #content .sub-menu>ul>li {
      padding: 5px
  }
}

@media screen {
  .page #content .sub-menu h4 {
      border-bottom: 1px solid #dedede;
      padding-bottom: 5px;
      margin: 0 0 6px
  }
}

@media screen {
  .page.browse .pagination {
      margin-left: auto
  }
}

@media screen {
  .breadcrumbs {
      margin-bottom: 24px
  }
}

@media screen {
  .results {
    padding-left: 350px !important;
    padding-right: 250px !important;
    margin-bottom: 48px;
    clear: both;
  }
}

@media screen {
  .blocks-inner.page-layout-grid.grid-template-columns-5 {
    padding-left: 250px !important;
    padding-right: 250px !important;
    box-sizing: border-box;
  }
}


/* Responsivo: aplica padding menor em telas menores */
@media screen and (max-width: 768px) {
  .results {
    padding-left: 20px !important;
  }
}

@media screen {
  .results ul {
      list-style: none;
      padding-left: 0
  }
}

@media screen {
  .results .result-title {
      font-weight: bold;
      display: block
  }
}

@media screen {
  .results .result-site,.results ul ul {
      padding-left: 12px
  }
}

@media screen {
  .results>ul {
      margin: 0;
      display: flex;
      flex-wrap: wrap
  }
}

@media screen {
  .results>ul>li {
      margin-bottom: 24px;
      width: calc(50% - 24px)
  }

}

@media screen {
  .pagination+.results {
      margin: 24px 0 0;
      clear: both
  }
}

@media screen {
  .sitewide-search-form~.results+.pagination {
      margin-top: 0
  }
}

@media screen {
  .sitewide-search-form~.advanced-search {
      display: block
  }
}

@media screen {
  .sitewide-search-form~h2 {
      width: 50%;
      float: left
  }
}

@media screen {
  .sitewide-search-form~.pagination {
      margin: 30px 0 24px;
      text-align: right;
      width: 50%
  }
}

@media screen {
  .sitewide-search-form~p {
      clear: both
  }
}

@media screen {
  .index.search .results ul li {
      margin-bottom: 6px;
      padding-bottom: 6px;
      border-bottom: 1px solid #dedede;
      width: 600px;
      min-height: 40px; 
      display: flex;
      align-items: center;
  }
}

@media screen {
  .sitewide-search-form {
      display: flex
  }

  .sitewide-search-form input[type=submit] {
      margin: 0
  }
}

@media screen {
  a.metadata-browse-link {
      display: block
  }
}

@media screen {
  .uri-dereferencer-markup:empty {
      display: none
  }
}

@media screen and (max-width: 640px) {
  #wrap,footer {
      padding:0 24px
  }

  .field .label,.field label,.field .field-meta,.media-list {
      width: 100%;
      text-align: left;
      margin-bottom: 6px
  }

  .field .inputs {
      width: 100%
  }

  .pagination-nav,#sort-links {
      width: 100%;
      text-align: center;
      padding: 5px 0 6px;
      border-bottom: 1px solid #dedede
  }

  .pagination-nav ul,#sort-links ul {
      margin: 0
  }

  #content .sub-menu {
      width: 100%
  }

  header>h1,.site-title {
      margin: 6px 0;
      line-height: 36px
  }

  .site-title img {
      max-height: 24px;
      max-width: calc(100% - 42px)
  }

  #search-container {
      top: -6px
  }

  #top-nav ul {
      margin: 12px 0
  }

  header nav .navigation {
      justify-content: center;
      flex-wrap: wrap;
      margin: 12px 0
  }

  .sub-nav.first {
      max-width: 100%;
      margin: 0
  }

  .first.open.sub-nav>ul>li>ul>li {
      width: 100%
  }

  #content>h2 {
      margin: 12px 0
  }

  footer {
      margin: 24px 0;
      padding: 0
  }

  .browse-controls {
      flex-direction: row
  }

  .browse-controls>* {
      margin: 6px 0
  }

  .browse-controls .pagination {
      order: 1
  }

  .browse-controls .sorting {
      order: 2
  }

  .browse .records {
      padding: 24px 0
  }

  .browse .grid.resource-list {
      justify-content: flex-start;
      margin: 0 -12px
  }

  .browse .grid .resource {
      display: flex;
      flex-wrap: wrap;
      width: 50%;
      padding: 11px;
      margin-bottom: 24px;
      align-content: flex-start
  }

  .browse .grid .resource .thumbnail {
      width: 100%;
      margin: 0 0 12px 0
  }

  .browse .list .resource {
      display: block;
      overflow: hidden
  }

  .browse .list .resource .thumbnail {
      width: 100%;
      margin: 0 0 12px 0;
      display: block
  }

  .browse .resource-list h4 {
      margin-top: 0
  }

  .resource.show dt,.resource.show dt~dd,.media-list dt~.resource-link,#linked-filter,#linked-resources .pagination,#linked-resources>dt,#linked-resources .linked-resource {
      width: 100%;
      text-align: left
  }

  .resource.show .property>dt,.resource.show dt~dd.value {
      padding: 0
  }

  .resource.show dl dt,.resource.show dt~dd,.media-list dt~.resource-link,.resource.show .collapsible .property {
      padding-left: 12px
  }

  .resource.show .collapsible .property:not(:last-child) {
      margin-bottom: 12px
  }

  .resource.show .property>dt {
      margin-bottom: 6px
  }

  .resource.show .property dl dt {
      margin-bottom: 0
  }

  .linked-header,.linked-footer {
      flex-wrap: wrap;
      margin-bottom: 0
  }

  #linked-filter {
      margin-bottom: 24px
  }

  #linked-resources .resource-class {
      flex: 1;
      text-align: center
  }

  #linked-resources .resource-link {
      flex: 2
  }

  .media-embeds * {
      max-width: 100%;
      height: auto
  }

  .media-embeds .file {
      margin-bottom: 24px
  }

  .property .value:not(:last-child) .resource-link {
      margin-bottom: 0
  }

  #search-filters ul li {
    font-size: 15.75px;
    margin: 0 3px 12px
  }

  #search-results {
    margin-top: 12px
  }

  .index.search .results ul {
    columns: 1
  }

  .field .inputs {
    padding-left: 0
  }

  .field .inputs~*,form input[type=submit] {
    margin-left: 0
  }

  .page #content .sub-menu,.page #content .sub-menu~*:not(.site-page-pagination) {
    position: static;
    width: 100%;
    padding: 0
  }

  #content .blocks h2:first-child {
    margin-top: 0
  }

/* -----------------Menu superior-----------------*/


/* Garante que os containers não cortem o submenu */

header,
.navbar,
.navbar-collapse,
.container,
.navbar-nav {
  overflow: visible !important;
}


/* Garante contexto de posicionamento para dropdown */
.nav-item.dropdown {
  position: relative !important;
}

.navbar-nav .dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 2000 !important;
  background-color: #003366 !important;
  color: white !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}


/* Exibe o submenu quando o pai tem .show (via JS ou clique mobile) */
.navbar-nav .dropdown.show .dropdown-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #003366 !important; /* reforça para quando .show estiver ativo */
  color: white !important;
}

/* Estilo dos itens do submenu */
.navbar-nav .dropdown-menu a.dropdown-item {
  color: #ffffff !important;
  background-color: #003366  !important;
  font-size: 1.2rem !important;
  text-align: left !important;
  padding: 0.5rem 1rem !important;
  white-space: nowrap;
  border-radius: 0;
}

/* Hover nos itens do submenu */
.navbar-nav .dropdown-menu a.dropdown-item:hover {
  background-color: #0055aa !important;
  color: #ffffff !important;
  
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}



}