@font-face {font-display:swap;
  font-family: Photoshoot;
  src: url(/wp-content/themes/mmd/fonts/Photoshoot.otf) format("opentype");
}

@font-face {font-display:swap;
  font-family: Photoshoot;
  src: url(/wp-content/themes/mmd/fonts/Photoshoot.ttf) format("opentype");
}

.container-banner-topo {
  display: flex;
  flex-flow: column;
  height: 512px;
  width: 100%;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.5);
}

.container-banner-topo .banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.5);
}

.container-banner-topo .banner .container-padrao {
  display: flex;
  height: 100%;
}

.container-banner-topo .banner .container-padrao .identificador-pagina {
  position: absolute;
  margin-top: 5%;
}

.container-banner-topo .banner .container-padrao .identificador-pagina p {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-size: .75rem;
  font-family: 'Open Sans',sans-serif;
  line-height: 1.42;
  letter-spacing: normal;
}

.container-banner-topo .banner .container-padrao .identificador-pagina p a {
  color: #fff;
  font-size: 12px;
  font-size: .75rem;
  font-family: 'Open Sans',sans-serif;
  line-height: 1.42;
  letter-spacing: normal;
}

.container-banner-topo .banner .container-padrao .container-textos {
  width: 60%;
  position: relative;
  z-index: 2;
  margin-top: 260px;
  margin-top: 16.25rem;
}

.container-banner-topo .banner .container-padrao .container-textos .cabecalho {
  position: relative;
  display: flex;
}

.container-banner-topo .banner .container-padrao .container-textos .cabecalho .linha {
  height: 2px;
  width: 50px;
  width: 3.125rem;
  background-color: #f0f0f0;
  margin-right: 35.04px;
  margin-right: 2.19rem;
  margin-top: 12px;
  margin-top: .75rem;
}

.container-banner-topo .banner .container-padrao .container-textos .cabecalho .textos h1 {
  color: #f0f0f0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  text-align: left;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.container-banner-topo .banner .container-padrao .container-textos p {
  color: #f0f0f0;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Open Sans',sans-serif;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  margin-left: 86.4px;
  margin-left: 5.4rem;
  width: 65%;
}

.container-banner-topo .camada-azul {
  position: relative;
}

.container-banner-topo .camada-azul:before {
  opacity: .6;
}

.eventos {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  padding: 2% 0;
  background-color: #f7f7f7;
}

.eventos .container-eventos {
  width: 100%;
}

.eventos .container-eventos .tabela-eventos {
  padding: 0 32px;
  padding: 0 2rem;
  margin: 64px 0 80px 0;
  margin: 4rem 0 5rem 0;
}

.eventos .container-eventos .tabela-eventos .informacoes-eventos {
  overflow-x: auto;
}

.eventos .container-eventos .tabela-eventos .informacoes-eventos .tabela {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.eventos .container-eventos .tabela-eventos .informacoes-eventos .tabela.anime-init .linha-da-tabela {
  opacity: 1;
}

.eventos .container-eventos .tabela-eventos .informacoes-eventos .tabela .cabecalho-da-tabela th {
  border-bottom: 3px solid #133e70;
  color: #133e70;
  font-size: 16px;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 3.5;
  text-align: left;
  text-transform: uppercase;
  text-align: left;
  padding-right: 16px;
  padding-right: 1rem;
}

.eventos .container-eventos .tabela-eventos .informacoes-eventos .tabela .linha-da-tabela {
  border-bottom: 3px dashed #133e70;
  opacity: 0;
}

.eventos .container-eventos .tabela-eventos .informacoes-eventos .tabela .linha-da-tabela td {
  padding: 16px 0 24px 0;
  padding: 1rem 0 1.5rem 0;
  color: #133e70;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Open Sans',sans-serif;
  line-height: 3.11;
  letter-spacing: normal;
  text-align: left;
  padding-right: 16px;
  padding-right: 1rem;
  white-space: nowrap;
}

.eventos .container-eventos .container-botao .container-carregar-mais {
  width: 374px;
  padding: 16px;
  padding: 1rem;
  border: 2px solid #133e70;
  border-radius: 6px;
  cursor: pointer;
}

.eventos .container-eventos .container-botao .container-carregar-mais .carregar-mais-texto {
  text-transform: uppercase;
  color: #133e70;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 800;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
}

.eventos .mensagem {
  padding: 64px 0;
  padding: 4rem 0;
}

@media (max-width:768px) {
  .container-banner-topo .banner .container-padrao .container-textos {
    width: 80%;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table {
    display: block;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table .cabecalho-da-tabela {
    display: none;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr {
    display: block;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr .elemento-linha {
    display: block;
    border: none;
    border-bottom: 1px dashed #133e70;
    position: relative;
    padding-left: 50%;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr .elemento-linha:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr td:nth-of-type(1):before {
    content: "Data";
    font-weight: 700;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr td:nth-of-type(2):before {
    content: "Horário";
    font-weight: 700;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr td:nth-of-type(3):before {
    content: "Evento";
    font-weight: 700;
  }

  .eventos .container-eventos .container-padrao .tabela-eventos .informacoes-eventos table tr td:nth-of-type(4):before {
    content: "Local";
    font-weight: 700;
  }
}