/*
Theme Name: Observatório do Ensino de História e Geografia
Theme URI: http://observatoriogeohistoria.net.br
Author: Marcos Reis
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
*/

html {
  font-size: 100%;
}

body {
  width: 100%;
  margin: 0 auto;
}

form {
  /* Just to center the form on the page */
  /* To see the outline of the form */
}

form div + div {
  margin-top: 1.875em;
}

label {
  /* To make sure that all labels have the same size and are properly aligned */
  margin-bottom: 10px;
  display: inline-block;
  text-align: left;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  text-transform: uppercase;
  width: 100%;
  line-height: 40px;
}

input,
textarea {
  /* To make sure that all text fields have the same font settings
     By default, textareas have a monospace font */
  font: 1em "Dosis", sans-serif;

  /* To give the same size to all text fields */
  width: 100%;
  height: 50px;
  box-sizing: border-box;

  /* To harmonize the look & feel of text field border */
  border: 1px solid #d9e0e6;
  background-color: #d9e0e6;
}

input:focus,
textarea:focus {
  /* To give a little highlight on active elements */
  border-color: #fa7921;
}

textarea {
  /* To properly align multiline text fields with their labels */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 12.5em;
}

.button {
  /* To position the buttons to the same position of the text fields */

  padding: 0; /* same size as the label elements */
}

button {
  /* This extra margin represent roughly the same space as the space
     between the labels and their text fields */
  padding: 16px 48px 16px 48px;
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: none;
  cursor: pointer;
  background-color: #fa7921;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

button:hover {
  /* This extra margin represent roughly the same space as the space
     between the labels and their text fields */
  background-color: #000;
  border: none;
}

button {
}

button:hover {
  background-color: #fba56c;
}

/* ---------- TOPO ---------- */

.topo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: white;
}

.topo-fixo {
  display: none;
}

@media screen and (max-width: 1200px) {
  .topo {
    position: fixed;
    background-color: #fa7921;
    z-index: 6;
  }

  .topo-fixo {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: white;
  }
}

.topo-container {
  width: 67.16%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .topo-container {
    width: 80%;
  }
}

.logo-botoes-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#menu {
  max-width: 25px;
  cursor: pointer;
}

@media screen and (min-width: 1201px) {
  #menu {
    display: none;
  }
}

.logo-preta {
  width: 70%;
  vertical-align: bottom;
}

.logo-branca {
  display: none;
}

.botão-busca {
  margin-right: 30px;
}

.topo-divisória {
  height: 60px;
  margin-right: 30px;
  border: solid;
  border-width: 0 2px 0 0;
  border-color: #a9aeb3;
}

.botão-instagram {
  margin-right: 15px;
}

.botão-facebook {
  margin-right: 15px;
}

.botões-superiores {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* ---------- TOPO MOBILE ---------- */

@media screen and (max-width: 1200px) {
  .botões-superiores {
    display: none;
  }

  .topo-container {
    justify-content: center;
  }

  .logo-branca {
    display: flex;
    width: 70%;
    vertical-align: bottom;
  }

  .logo-preta {
    display: none;
  }
}

/* ---------- NAVEGAÇÃO ---------- */

.display-container {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("../img/gepegh-capa.jpg") no-repeat center;
  background-size: cover;
}

.display-conteúdo {
  display: flex;
  flex-direction: column;
  width: 67.16%;
  text-align: center;
  align-items: center;
}

.barra-navegação-mobile {
  display: none;
}

.barra-navegação {
  width: 100%;
  margin-top: 30px;
}

.barra-navegação a {
  color: white;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.5s;
}

.barra-navegação a:hover {
  color: #fa7921;
}

.barra-navegação ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* ---------- NAVEGAÇÃO MOBILE ---------- */

@media screen and (max-width: 1200px) {
  .display-conteúdo {
    display: flex;
    flex-direction: column;
    width: 67.16%;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .barra-navegação-mobile {
    display: none;
    /* display: block;
		width: 100%;
		background-color: #fa7921; */
  }

  .barra-navegação {
    display: none;
  }

  .barra-navegação-alternativa {
    display: none;
  }

  .barra-navegação li {
  }

  .barra-navegação-mobile a {
    color: white;
    font-family: "Dosis", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
  }

  .barra-navegação-mobile a:hover {
    color: #000;
  }

  .barra-navegação-mobile ul {
    margin: 0;
    padding: 30px 0 30px 0;
    height: 350px;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}

/* ---------- DESTAQUE ---------- */

.display-artigo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 180px;
  width: 100%;
}

.display-chapéu {
  width: 60%;
  margin: 0 0 30px 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fa7921;
}

.display-título {
  width: 100%;
  margin: 0 0 30px 0;
  font-family: "Dosis", serif;
  font-size: 2.25rem;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
}

.display-título:hover {
  color: #fa7921;
}

.display-linha-fina-home {
  width: 80%;
  margin: 0 0 180px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 27px;
  color: #fff;
}

/* ---------- DESTAQUE MOBILE ---------- */

@media screen and (max-width: 1200px) {
  .display-artigo {
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .display-linha-fina-home {
    display: none;
  }

  .display-título {
    width: 100%;
    margin: 0 0 120px 0;
    font-family: "Dosis", serif;
    font-size: 2.25rem;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
  }
}

/* -------------------------------------------------- HOME -------------------------------------------------- */

.home-seção-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin: 60px 0 0 0;
}

.home-seção-container-2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin: 0 0 60px 0;
  padding: 60px 0 60px 0;
  background-color: #d9e0e6;
}

.seção-fundo {
  padding: 1px 0 1px 0;
  background-color: #d9e0e6;
}

.seção-fundo-2 {
  margin-bottom: 60px;
  background-color: #fff;
}

#producao-academica {
  margin-bottom: 60px;
}

.seção-fundo-biblioteca-1 {
  padding: 1px 0 60px 0;
  background-color: #d9e0e6;
}

.seção-fundo-biblioteca-2 {
  margin-bottom: 60px;
  background-color: #fff;
}

.grid-container {
  display: flex;
  justify-content: center;
}

.grid {
  width: 67.142%;
}

@media screen and (max-width: 1200px) {
  .home-seção-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 60px 0 0 0;
  }

  .home-seção-container-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 60px 0 0 0;
    background-color: #d9e0e6;
  }
}

.home-seção-título-container {
  display: flex;
  justify-content: center;
  margin: 60px 0 60px 0;
}

.home-seção-título {
  display: flex;
  align-items: center;
  margin: 0 0 0 0;
  width: 67.142%;
}

.home-seção-título h1 {
  margin: 0;
  font-family: "Dosis", sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
}

.home-seção-separador {
  margin: 0 30px 0 30px;
  height: 50px;
  border: solid;
  border-width: 0 2px 0 0;
  border-color: #a9aeb3;
}

.home-seção-título p {
  margin: 0;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #484b4d;
}

.home-seção-conteúdo {
  display: flex;
  width: 67.142%;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: cyan;
  flex: 1 1 auto;
}

.home-seção-info {
  width: 29.787%;
  margin-bottom: 60px;
}

.artigo-foto img {
  vertical-align: bottom;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .home-seção-container {
    margin: 45px 0 0 0;
  }

  .home-seção-container-2 {
    padding: 45px 0 0 0;
  }

  .home-seção-título-container {
    margin: 45px 0 45px 0;
  }

  .home-seção-título {
    width: 80%;
    margin: 0 0 0 0;
  }

  .home-seção-separador {
    display: none;
  }

  .home-seção-título p {
    display: none;
  }

  .home-seção-título h1 {
    font-weight: 300;
  }

  .grid {
    width: 80%;
  }

  .home-seção-conteúdo {
    display: flex;
    width: 80%;
  }

  .home-seção-info {
    width: 100%;
    margin-top: 45px;
  }

  .artigo-foto img {
    vertical-align: bottom;
    width: 100%;
  }
}

.artigo-chapéu {
  margin: 30px 0 10px 0;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fa7921;
}

.artigo-título {
  margin: 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  color: #000;
  text-decoration: none;
}

.artigo-título:hover {
  color: #fa7921;
}

.artigo-linha-fina {
  margin: 10px 0 0 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  color: #000;
}

/* -------------------------------------------------- SOBRE -------------------------------------------------- */

.display-container-sobre {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/sobre.jpg") no-repeat center;
  background-size: cover;
}

.display-container-manifesto {
  display: flex;
  justify-content: center;
  width: 100%;
}

.display-container-colabore {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/colabore.jpg") no-repeat center;
  background-size: cover;
}

.display-container-colabore .display-título-seção {
  margin-top: 30px;
  margin-bottom: 60px;
}

.display-container-manifesto-conteudo {
  display: flex;
  justify-content: center;
  width: 67.142%;
}

.display-artigo-seção {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 120px;
  width: 100%;
}

.display-título-seção {
  margin: 30px 0 60px 0;
  font-family: "Dosis", sans-serif;
  font-size: 3em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}

.display-container-eventos .display-título-seção {
  margin: 60px 0 60px 0;
}

.display-container-biblioteca .display-título-seção {
  margin: 60px 0 60px 0;
}

.display-container-gepegh .display-título-seção {
  margin: 60px 0 60px 0;
}

.display-container-pesquisas .display-título-seção {
  margin: 60px 0 60px 0;
}

.display-artigo-seção-manifesto {
  margin: 0 0 40px 0;
  text-align: left;
  color: #000;
}

.display-container-manifesto .display-título-seção {
  margin: 60px 0 30px 0;
  width: 100%;
  text-align: left;
  color: #000;
}

@media screen and (max  -width: 1200px) {
  .display-título-seção {
    margin: 0 0 30px 0;
    font-family: "Dosis", sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
  }
}

@media screen and (max-width: 800px) {
  .display-título-seção {
    margin: 0 0 30px 0;
    font-family: "Dosis", sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
  }

  .display-container-colabore .display-título-seção {
    width: 100%;
    margin: 0 0 30px 0;
    font-family: "Dosis", sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
  }
}

.display-linha-fina-seção {
  width: 75%;
  margin: 0 0 60px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #fff;
}

.display-linha-fina-seção p {
  width: 75%;
  margin: 0 0 60px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #fff;
}

.linha-fina-pesquisas {
  width: 75%;
  margin: 0 0 60px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #fff;
}

.colabore-texto {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.colabore-texto p {
  width: 80%;
  margin: 0 0 30px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #fff;
}

.colabore-texto-2 {
  margin: 0 0 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.colabore-texto-2 p {
  width: 80%;
  margin: 0 0 30px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #fff;
}

.colabore-texto-2 a {
  text-decoration: none;
  color: #fa7921;
}

@media screen and (max-width: 800px) {
  .display-linha-fina-seção {
    margin: 0 0 30px 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .colabore-texto-2 {
    margin: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.display-container-sobre .display-linha-fina-seção {
  width: 100%;
  margin: 0 0 60px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

.colabore-texto {
  width: 100%;
  margin: 0 0 0 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

.display-linha-fina-seção-manifesto {
  text-align: left;
}

.display-linha-fina-seção-manifesto p {
  width: 100%;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #000;
}

.display-botão {
  margin: 0 0 90px 0;
  padding: 16px 48px 16px 48px;
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #fa7921;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.display-botão:hover {
  background-color: #fba56c;
}

.display-botão-colabore {
  margin: 15px 0 45px 0;
  padding: 16px 48px 16px 48px;
  font-family: "Dosis", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  background-color: #fa7921;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.display-botão-colabore:hover {
  background-color: #fba56c;
}

.display-botão-2 {
  margin: 0 0 90px 0;
  padding: 16px 48px 16px 48px;
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: solid;
  border-width: 2px;
  border-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.display-botão-2:hover {
  color: #000;
  background-color: #fff;
}

.display-artigo-seção {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .display-conteúdo {
    display: flex;
    flex-direction: column;
    width: 80%;
    text-align: center;
    align-items: center;
  }

  .display-botão {
    margin: 0 0 60px 0;
    text-decoration: none;
  }

  .display-botão-colabore {
    margin: 10px 0 30px 0;
    text-decoration: none;
  }

  .display-botão-2 {
    margin: 0 0 60px 0;
    text-decoration: none;
  }
}

@media screen and (max-width: 800px) {
  .display-artigo-seção {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 45px;
    width: 100%;
  }

  .display-container-sobre .display-linha-fina-seção {
    width: 100%;
    margin: 0 0 45px 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    color: #fff;
  }

  .colabore-texto p {
    width: 100%;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    text-align: left;
  }

  .colabore-texto-2 p {
    width: 100%;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    text-align: left;
  }

  .display-botão-colabore {
    width: 80%;
    font-size: 1rem;
  }

  .display-botão-2 {
    margin: 0 0 45px 0;
    text-decoration: none;
  }
}

@media screen and (max-width: 400px) {
  .display-botão-colabore {
    width: 80%;
    font-size: 0.875rem;
    padding: 16px 24px 16px 24px;
  }
}

/* ---------- NOSSA	HISTÓRIA ---------- */

.seção-título-container {
  display: flex;
  justify-content: center;
  background-color: #fa7921;
}

.seção-título-container h1 {
  margin: 140px 0 140px 0;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  font-size: 3rem;
  text-transform: uppercase;
  text-align: center;
  color: white;
}

@media screen and (max-width: 1200px) {
  .seção-título-container h1 {
    margin: 120px 0 120px 0;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    color: white;
  }
}

@media screen and (max-width: 800px) {
  .seção-título-container h1 {
    margin: 90px 0 90px 0;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-align: center;
    color: white;
  }
}

.nossa-história-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.nossa-historia-conteudo {
  display: flex;
  flex-direction: column;
  width: 67.16%;
  margin: 60px 0 30px 0;
}

.artigo-texto p {
  margin: 0 0 30px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #000;
}

.nossa-historia-conteudo img {
  margin: 0 0 10px 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 705px;
}

@media screen and (max-width: 1200px) {
  .nossa-historia-conteudo {
    margin: 60px 0 30px 0;
  }

  .artigo-texto p {
    margin: 0 0 30px 0;
  }

  .nossa-historia-conteudo img {
    margin: 0 0 10px 0;
  }
}

@media screen and (max-width: 800px) {
  .nossa-historia-conteudo {
    width: 80%;
    margin: 45px 0 15px 0;
  }

  .artigo-texto p {
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .nossa-historia-conteudo img {
  }
}

/* ---------- EQUIPE ---------- */

.equipe-container {
  display: flex;
  justify-content: center;
}

.equipe-conteudo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 67.16%;
  margin-top: 60px;
  margin-bottom: 10px;
}

.equipe-conteudo::after {
  content: "";
  width: 29.787%;
}

.equipe-info {
  display: flex;
  margin: 0 0px 50px 0;
  width: 29.787%;
  flex-direction: column;
}

@media screen and (max-width: 800px) {
  .equipe-conteudo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin-top: 60px;
    margin-bottom: 10px;
  }

  .equipe-conteudo::after {
    content: "";
    width: 47.767%;
  }

  .equipe-info {
    display: flex;
    margin: 0 0px 30px 0;
    width: 47.767%;
    flex-direction: column;
  }
}

@media screen and (max-width: 400px) {
  .equipe-conteudo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin-top: 60px;
    margin-bottom: 10px;
  }

  .equipe-conteudo::after {
    content: "";
    width: 100%;
  }

  .equipe-info {
    display: flex;
    margin: 0 0px 50px 0;
    width: 100%;
    flex-direction: column;
  }
}

.equipe-conteudo a {
  text-decoration: none;
}

.equipe-foto img {
  width: 100%;
  vertical-align: bottom;
}

.equipe-nome {
  margin: 30px 0 0 0;
}

.equipe-nome p {
  margin: 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #fa7921;
}

.equipe-função {
  font-family: "Dosis", serif;
  font-size: 1.25rem;
  text-align: center;
  color: black;
  margin: 10px 0 0 0;
}

@media screen and (max-width: 570px) {
  .equipe-nome p {
    margin: 0;
    font-family: "Dosis", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fa7921;
  }

  .equipe-função {
    font-size: 1rem;
  }
}

@media screen and (max-width: 400px) {
  .equipe-nome p {
    margin: 0;
    font-family: "Dosis", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fa7921;
  }

  .equipe-função {
    font-size: 1rem;
  }
}

/* ---------- PARCEIROS ---------- */

.parceiros-container {
  display: flex;
  width: 100%;
  justify-content: center;
}

.parceiros-conteudo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 67.142%;
  margin-top: 60px;
  margin-bottom: 10px;
}

.parceiros-conteudo::after {
  content: "";
  width: 29.787%;
}

.parceiros-conteudo img {
  width: 29.787%;
  margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
  .parceiros-conteudo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin-top: 60px;
    margin-bottom: 10px;
  }

  .parceiros-conteudo img {
    width: 47.767%;
    margin-bottom: 50px;
  }

  .parceiros-conteudo::after {
    content: "";
    width: 47.767%;
  }
}

@media screen and (max-width: 400px) {
  .parceiros-conteudo {
    margin: 45px 0 15px 0;
  }

  .parceiros-conteudo img {
    width: 100%;
    margin-bottom: 30px;
  }

  .parceiros-conteudo::after {
    content: "";
    width: 100%;
  }
}

/* ---------- FALE COM A GENTE ---------- */

.fale-com-a-gente {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fa7921;
}

.fale-com-a-gente-texto {
  width: 50%;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  line-height: 37px;
  color: white;
  margin: 90px 0 60px 0;
}

.botão-2 {
  padding: 16px 48px 16px 48px;
  margin: 0 0 120px 0;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .fale-com-a-gente-texto {
    width: 50%;
    font-family: "Montserrat", serif;
    font-size: 1.125rem;
    text-align: center;
    line-height: 37px;
    color: white;
    margin: 45px 0 30px 0;
  }

  .botão-2 {
    margin: 0 0 60px 0;
    text-decoration: none;
  }
}

@media screen and (max-width: 800px) {
  .fale-com-a-gente-texto {
    width: 80%;
    font-family: "Montserrat", serif;
    font-size: 1rem;
    text-align: center;
    line-height: 2rem;
    color: white;
    margin: 45px 0 30px 0;
  }

  .botão-2 {
    margin: 0 0 45px 0;
    text-decoration: none;
  }
}

.botão-2 p {
  margin: 0;
  padding: 24px 32px 24px 32px;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  background-color: #fff;
}

.botão-2 p:hover {
  color: #fff;
  background-color: #000;
}

/* -------------------------------------------------- BIBLIOTECA -------------------------------------------------- */

.biblioteca-container-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  background-color: #d9e0e6;
}

#literatura {
  margin-bottom: 60px;
}

.biblioteca-container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #d9e0e6;
}

@media screen and (max-width: 1200px) {
  .biblioteca-container-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .biblioteca-container-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #d9e0e6;
  }
}

.biblioteca-título {
  font-family: "Dosis", sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin: 60px 0 60px 0;
  padding-bottom: 0;
  line-height: 27px;
}

.biblioteca-subtítulo {
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  width: 50%;
  text-align: center;
  color: #000;
}

.biblioteca-container-1 .display-botão {
  margin: 0;
}

.biblioteca-container-1 .display-botão p:hover {
  color: #fff;
  background-color: #000;
}

.biblioteca-separador {
  width: 67.142%;
  margin-left: 16.428%;
  margin-bottom: 60px;
  border: solid;
  border-width: 0 0 2px 0;
  border-color: #a9aeb3;
}

@media screen and (max-width: 800px) {
  .biblioteca-container-1 {
  }

  .biblioteca-container-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 45px;
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #d9e0e6;
  }

  .biblioteca-título {
    font-family: "Dosis", sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0 30px 0;
    padding-bottom: 0;
    width: 100%;
    line-height: 3rem;
  }

  .biblioteca-subtítulo {
    margin: 0 0 20px 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    width: 80%;
    text-align: center;
    color: #000;
  }

  .biblioteca-separador {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 45px;
  }
}

/* -------------------------------------------------- GEPEGH -------------------------------------------------- */

.gepegh-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 60px 0 30px 0;
}

.gepegh-conteudo {
  display: flex;
  flex-direction: column;
  width: 67.142%;
}

@media screen and (max-width: 800px) {
  .gepegh-container {
    margin: 45px 0 15px 0;
  }

  .gepegh-conteudo {
    width: 80%;
  }
}

/* ---------- GEPEGH AGENDA ---------- */

.gepegh-agenda-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 60px 0 30px 0;
  width: 100%;
}

.gepegh-agenda-conteúdo {
  width: 67.142%;
  display: flex;
  margin: 0 0 30px 0;
  padding: 20px;
  border: solid;
  border-width: 2px;
  border-radius: 10px;
  border-color: #d9e0e6;
}

.gepegh-agenda-data {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.gepegh-agenda-data-moldura {
  max-width: 100%;
  vertical-align: bottom;
}

.gepegh-agenda-dia-mes {
  position: absolute;
  margin: 8px 0 0 0;
  padding: 0;
  text-align: center;
}

.gepegh-agenda-dia-mes p {
  font-family: "Dosis", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1rem;
  color: #fa7921;
}

.gepegh-agenda-conteúdo img {
  width: 120px;
  height: 120px;
}

.gepegh-agenda-info {
  margin: 0 0 0 30px;
}

.gepegh-agenda-chapéu {
  margin: 0 0 10px 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fa7921;
}

.gepegh-agenda-texto {
  margin: 0;
}

.gepegh-agenda-texto p {
  margin: 0;
  font-family: "Montserrat", serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  color: #000;
}

.gepegh-agenda-separador {
  margin: 0 0 30px 0;
  width: 67.142%;
  border: solid;
  border-width: 0 0 2px 0;
  border-color: #d9e0e6;
}

@media screen and (max-width: 1200px) {
  .gepegh-agenda-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px 0 30px 0;
    width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .gepegh-agenda-container {
    margin: 45px 0 15px 0;
  }

  .gepegh-agenda-conteúdo {
    width: 80%;
    display: flex;
    margin: 0 0 30px 0;
  }

  .gepegh-agenda-separador {
    margin: 0 0 30px 0;
    width: 80%;
  }

  .gepegh-agenda-chapéu {
    font-size: 1rem;
  }

  .gepegh-agenda-texto p {
    font-size: 0.875rem;
    line-height: 1.312rem;
  }
}

@media screen and (max-width: 600px) {
  .gepegh-agenda-conteúdo img {
    width: 90px;
    height: 90px;
  }

  .gepegh-agenda-dia-mes {
    position: absolute;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
  }

  .gepegh-agenda-dia-mes p {
    font-family: "Dosis", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1rem;
    color: #fa7921;
  }
}

/* ------------------------------------------------ NOSSAS PESQUISAS ------------------------------------------------ */

.ver-tudo-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 60px 0 60px 0;
}

@media screen and (max-width: 800px) {
  .ver-tudo-container {
    margin: 30px 0 45px 0;
  }
}

.pesquisas-ver-tudo-container {
  width: 67.142%;
  margin: 0 0 0 0;
  display: flex;
  justify-content: flex-end;
}

.pesquisas-ver-tudo-container-2 {
  width: 67.142%;
  margin: 40px 0 0 0;
  display: flex;
  justify-content: flex-end;
}

.pesquisas-ver-tudo-container-2-biblioteca {
  width: 67.142%;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 1200px) {
  .pesquisas-ver-tudo-container-2 {
    margin-bottom: 60px;
    width: 67.142%;
    display: flex;
    justify-content: flex-end;
  }

  .pesquisas-ver-tudo-container-2-biblioteca {
    margin-bottom: 0;
    width: 67.142%;
    display: flex;
    justify-content: flex-end;
  }
}

.pesquisas-ver-tudo-botão {
  width: 111px;
}

.pesquisas-ver-tudo-link {
  position: relative;
  margin-top: 4px;
  width: 64.828%;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  float: left;
  -webkit-transition: color 0.5s;
}

.pesquisas-ver-tudo-link:hover {
  color: #fa7921;
}

.pesquisas-ver-tudo-seta {
  width: 27.027%;
  margin-left: 72.972%;
}

.pesquisas-ver-tudo-seta img {
  width: 100%;
  height: auto;
  max-height: 30px;
}

/* -------------------------------------------------- OPINIÃO -------------------------------------------------- */

.display-container-opinião {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/opiniao.jpg") no-repeat center;
  background-size: cover;
  margin: 0 0 60px 0;
}

.seção-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 60px 0 60px 0;
}

.seção-container-artigo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 60px 0 60px 0;
  background-color: blue;
}

@media screen and (max-width: 1200px) {
  .seção-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 60px 0 60px 0;
  }

  .seção-container-artigo {
    margin: 45px 0 45px 0;
  }
}

.subseção-título {
  margin: 0 0 60px 0;
  font-family: "Dosis", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
}

.seção-conteúdo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 67.142%;
}

.seção-conteúdo::after {
  content: "";
  width: 29.787%;
}

.seção-info {
  width: 29.787%;
  margin: 0 0 50px 0;
}

@media screen and (max-width: 800px) {
  .seção-conteúdo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
  }

  .seção-info {
    width: 100%;
  }
}

.seção-menu {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center;
  margin: 10px 0 0 0;
  width: 67.142%;
}

.numeração {
  margin: 0 20px 50px 0;
}

.numeração img {
  vertical-align: bottom;
}

.numeração-última {
  margin: 0 0 50px 0;
}

.numeração-última img {
  vertical-align: bottom;
}

/* -------------------------------------------------- EXPERIÊNCIAS -------------------------------------------------- */

.display-container-experiências {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/experiencias.jpg") no-repeat center;
  background-size: cover;
  margin: 0 0 60px 0;
}

/* -------------------------------------------------- PROTAGONISTAS -------------------------------------------------- */

.display-container-protagonistas {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/protagonistas.jpg") no-repeat center;
  background-size: cover;
  margin: 0 0 60px 0;
}

/* -------------------------------------------------- EVENTOS -------------------------------------------------- */

.display-container-eventos {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/eventos.jpg") no-repeat center;
  background-size: cover;
  margin-bottom: 60px;
}

.display-container-eventos .display-título-seção {
  margin-bottom: 140px;
}

@media screen and (max-width: 1200px) {
  .display-container-eventos .display-título-seção {
    margin-top: 15px;
    margin-bottom: 60px;
  }
}

/* -------------------------------------------------- BIBLIOTECA -------------------------------------------------- */

.display-container-biblioteca {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/biblioteca.jpg") no-repeat center;
  background-size: cover;
}

.display-container-biblioteca .display-título-seção {
  margin-bottom: 140px;
}

@media screen and (max-width: 1200px) {
  .display-container-biblioteca .display-título-seção {
    margin-top: 15px;
    margin-bottom: 60px;
  }
}

/* -------------------------------------------------- GEPEGH -------------------------------------------------- */

.display-container-gepegh {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/gepegh.jpg") no-repeat center;
  background-size: cover;
}

.display-container-gepegh .display-título-seção {
  margin-bottom: 30px;
}

.display-separador-gepegh {
  margin: 0 0 30px 0;
  width: 30%;
  border: solid;
  border-width: 0 0 2px 0;
  color: #fff;
}

.display-container-gepegh .display-linha-fina-seção {
  width: 30%;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 25px;
  margin: 0 0 120px 0;
}

@media screen and (max-width: 1200px) {
  .display-container-gepegh .display-título-seção {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .display-separador-gepegh {
    margin: 0 0 30px 0;
    width: 40%;
    border: solid;
    border-width: 0 0 2px 0;
    color: #fff;
  }

  .display-container-gepegh .display-linha-fina-seção {
    width: 40%;
    font-family: "Dosis", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 25px;
    margin: 0 0 60px 0;
  }
}

@media screen and (max-width: 800px) {
  .display-separador-gepegh {
    width: 40%;
  }

  .display-container-gepegh .display-linha-fina-seção {
    width: 40%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (max-width: 400px) {
  .display-separador-gepegh {
    width: 80%;
  }

  .display-container-gepegh .display-linha-fina-seção {
    width: 80%;
  }
}

.gepegh-agenda-sem-conteudo-container {
  margin: 0 0 30px 0;
}

.gepegh-agenda-sem-conteudo {
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #000;
}

@media screen and (max-width: 800px) {
  .gepegh-agenda-sem-conteudo {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

/* ------------------------------------------------ NOSSAS PESQUISAS ------------------------------------------------ */

.display-container-pesquisas {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("img/pesquisas.jpg") no-repeat center;
  background-size: cover;
  margin-bottom: 60px;
}

.display-container-pesquisas .display-título-seção {
  margin-bottom: 140px;
}

@media screen and (max-width: 1200px) {
  .display-container-pesquisas .display-título-seção {
    margin-top: 15px;
    margin-bottom: 60px;
  }
}

.display-container-subseção {
  display: flex;
  justify-content: center;
  width: 100%;
  /* background: url('../img/pesquisas.jpg') no-repeat center;
	background-size: cover; */
  background-color: #fa7921;
}

.display-container-subseção .display-título-seção {
  margin-bottom: 140px;
}

@media screen and (max-width: 1200px) {
  .display-container-subseção .display-título-seção {
    margin-bottom: 60px;
  }
}

.seção-container-pesquisas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 60px 0 60px 0;
}

@media screen and (max-width: 800px) {
  .seção-container-pesquisas {
    margin: 45px 0 45px 0;
  }
}

/* ------------------------------------------------ CONTATO ------------------------------------------------ */

.seção-conteúdo-contato {
  display: flex;
  flex-direction: column;
  width: 67.142%;
}

.contato-conteúdo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.contato-conteúdo-1 {
  margin: 0;
  padding: 0;
  width: 50%;
}

.contato-conteúdo-2 {
  width: 40%;
  margin: 0;
}

.contato-título {
  margin: 0 0 50px 0;
  font-family: "Dosis", sans-serif;
  font-size: 3rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  line-height: 37px;
}

.contato-item {
  margin: 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fa7921;
}

.contato-item-2 {
  margin: 10px 0 30px 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}

@media screen and (max-width: 1200px) {
  .seção-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 60px 0 60px 0;
  }
}

@media screen and (max-width: 800px) {
  .seção-container {
    margin: 45px 0 45px 0;
  }

  .seção-conteúdo-contato {
    width: 80%;
  }

  .contato-conteúdo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .contato-conteúdo-1 {
    width: 100%;
    margin: 0 0 45px 0;
  }

  .contato-conteúdo-2 {
    width: 100%;
  }
}

/* ----------------------------------------------- EM CONSTRUÇÃO ----------------------------------------------- */

.em-construção {
  background-color: #fa7921;
}

.em-construção-página-container {
  width: 100%;
  height: auto;
  max-height: 1000px;
}

.em-construção-container {
  width: 67.142%;
  margin-left: 16.428%;
  position: relative;
}

.em-construção-imagem-container {
  width: 50%;
  height: auto;
  max-height: 700px;
  margin-top: 120px;
  margin-left: 25%;
  position: absolute;
}

.em-construção-imagem-container img {
  width: 100%;
  height: auto;
  max-height: 700px;
}

/* -------------------------------------------------- MEMBROS EQUIPE -------------------------------------------------- */

.barra-navegação-artigo {
  width: 100%;
  height: 84px;
  position: relative;
  background-color: #fa7921;
}

.barra-navegação-artigo-container {
  margin-left: 16.42%;
  width: 67.16%;
  height: 16px;
  margin-top: 34px;
  position: absolute;
}

.barra-navegação-artigo a {
  color: white;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.5s;
}

.barra-navegação-artigo ul {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0 0 0 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.barra-navegação-artigo li {
  display: inline;
}

.barra-navegação-artigo a:hover {
  color: #000;
}

/* ---------- CONTEÚDO ---------- */

.artigo-sobre-equipe-conteúdo {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 60px 0 60px 0;
  background-color: yellow;
}

.artigo-sobre-equipe-conteúdo-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 67.142%;
}

@media screen and (max-width: 800px) {
  .artigo-sobre-equipe-conteúdo-container {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .artigo-sobre-equipe-conteúdo-container {
    flex-direction: column;
  }
}

/*---

.artigo-voltar-topo {
	width: 100%;
	height: 30px;	
	background-color: blue;
}

.artigo-voltar-container {
	width: 11.950%;
	height: 30px;
	position: relative;
	background-color: cyan;
}

.artigo-voltar-botão {
	width: 27.027%;
	max-height: 30px;
	float: left;
}

.artigo-voltar-botão img {
	width: 100%;
	max-height: 30px;
}

.artigo-voltar-texto-container {
	height: 30px;
	background-color: yellow;
}

.artigo-voltar-texto {
	position: absolute;
	margin-top: 4px;
	margin-left: 36.036%;
}

.artigo-voltar-texto a {
	font-family: 'Dosis', sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

.artigo-voltar-texto a:hover {
	color: #fa7921;
}

.artigo-voltar-rodapé {
	width: 100%;
	height: 30px;
	margin-top: 903px;
	position: absolute;
	background-color: blue;
}

---*/

.artigo-sobre-equipe-foto-e-lattes {
  display: flex;
  flex-direction: column;
  width: 29.787%;
}

.artigo-sobre-equipe-foto-e-lattes img {
  width: 100%;
}

.botão-3 {
  margin: 30px 0 0 0;
  text-decoration: none;
}

.biblioteca-container-1 .botão-3 {
  margin: 30px 0 60px 0;
}

.botão-single {
  margin: 30px 0 20px 0;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .botão-3 {
    margin: 30px 0 0 0;
    text-decoration: none;
  }
}

.botão-3 p {
  margin: 0;
  padding: 24px 32px 24px 32px;
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #fa7921;
  border: solid;
  border-width: 2px;
  border-color: #fa7921;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.botão-single p {
  margin: 0;
  padding: 24px 32px 24px 32px;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #fa7921;
}

.botão-3 p:hover {
  color: #fff;
  background-color: #fa7921;
}

.botão-single p:hover {
  color: #fff;
  background-color: #000;
}

.artigo-sobre-equipe-texto {
  width: 63.83%;
}

.artigo-sobre-equipe-texto-nome {
  font-family: "Dosis", serif;
  font-size: 3rem;
  color: #000;
  text-transform: uppercase;
  margin: -10px 0 0 0;
}

.artigo-sobre-equipe-texto-função {
  font-family: "Montserrat", serif;
  font-size: 24px;
  color: #a9aeb3;
  margin: 15px 0 0 0;
}

.artigo-sobre-equipe-texto-descricao {
  margin: 30px 0 0 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #000;
}

@media screen and (max-width: 800px) {
  .artigo-sobre-equipe-texto-nome {
    font-size: 2rem;
    margin: -10px 0 0 0;
  }

  .artigo-sobre-equipe-texto-função {
    font-size: 1.2rem;
    margin: 15px 0 0 0;
  }

  .artigo-sobre-equipe-texto-descricao {
    margin: 0 0 0 0;
    font-size: 1rem;
    line-height: 2rem;
  }
}

/* ------------------------------------------------ ARTIGO ------------------------------------------------- */

.artigo-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 60px 0 60px 0;
}

.artigo-container-nossas-pesquisas {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 60px 0 30px 0;
}

.artigo-container-dossie {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 60px 0 60px 0;
}

.artigo-conteúdo {
  width: 67.142%;
}

@media screen and (max-width: 800px) {
  .artigo-container-nossas-pesquisas {
    margin: 45px 0 25px 0;
  }

  .artigo-conteúdo {
    width: 80%;
  }
}

.artigo-conteúdo-dossie {
  width: 67.142%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .artigo-container-dossie {
    margin: 45px 0 45px 0;
  }

  .artigo-conteúdo-dossie {
    width: 80%;
    display: flex;
    flex-direction: column;
  }
}

.artigo-conteudo-pdf {
  width: 67.142%;
  margin: 30px 0 0 0;
}

@media screen and (max-width: 800px) {
  .artigo-conteudo-pdf {
    display: none;
  }
}

.artigo-conteúdo-título {
  font-family: "Dosis", serif;
  font-size: 3rem;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  line-height: 38px;
}

.artigo-conteúdo-linha-fina {
  font-family: "Montserrat", serif;
  font-size: 24px;
  color: #a9aeb3;
  margin: 15px 0 30px 0;
}

.artigo-conteudo-foto-legenda {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
}

.artigo-conteudo-foto-legenda img {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  height: auto;
}

.artigo-conteúdo img {
  justify-content: center;
  margin: 0 0 10px 0;
}

.artigo-conteudo-legenda-foto {
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 30px 0;
  text-align: center;
}

.artigo-conteúdo-texto {
  margin: 30px 0 0 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  line-height: 36px;
  color: #000;
}

.artigo-conteúdo-descricao {
  margin: 0 0 10px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #000;
}

.artigo-conteúdo-descricao-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 20px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #000;
}

.artigo-conteúdo-descricao-3 {
  margin: 0 0 20px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #000;
}

.artigo-conteúdo-descricao-2 a {
  color: #000;
}

.artigo-conteúdo-descricao-2 a:hover {
  color: #fa7921;
}

.artigo-conteúdo-descricao-2 p {
  width: 100%;
  margin: 0 0 20px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #000;
  text-align: left;
}

.artigo-conteúdo-descricao-2 img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 20px 0 20px 0;
  margin-left: auto;
  margin-right: auto;
}

.artigo-conteúdo-descricao-2 h2 {
  width: 100%;
  margin: 30px 0 30px 0;
  font-family: "Dosis", serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.5rem;
  color: #000;
  text-align: left;
}

.artigo-conteúdo-descricao-2 h3 {
  width: 100%;
  margin: 30px 0 30px 0;
  font-family: "Dosis", serif;
  font-size: 1.5rem;
  font-weight: 300;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 800px) {
  .artigo-conteúdo-descricao-2 h3 {
    margin: 20px 0 30px 0;
  }

  .artigo-conteúdo-descricao-2 h2 {
    margin: 20px 0 20px 0;
  }
}

.artigo-conteúdo-descricao-2 h6 {
  margin: -25px 0 20px 0;
  font-family: "Dosis", serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  line-height: 1.75rem;
}

.artigo-conteúdo-dossie h2 {
  margin: 30px 0 30px 0;
  font-family: "Dosis", serif;
  font-size: 2rem;
  font-weight: 300;
  color: #000;
}

.artigo-conteúdo-dossie h3 {
  margin: 30px 0 30px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}

.artigo-conteúdo-dossie h6 {
  margin: -45px 0 20px 0;
  font-family: "Dosis", serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}

.wp-caption-text {
  font-size: 10px;
}

.artigo-imagem {
  margin: 0 0 0 0;
}

.artigo-conteúdo-comentario {
  margin: 0 0 30px 0;
  border: solid;
  border-width: 2px;
  border-color: #fa7921;
  border-radius: 10px;
  background-color: #fff;
}

.artigo-conteúdo-comentario p {
  margin: 0;
  padding: 20px 20px 20px 20px;
  font-family: "Dosis", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  color: #000;
}

.compartilhe {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
  border: solid;
  border-width: 0 0 1px 0;
  border-color: #a9aeb3;
}

.compartilhe-texto {
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

/* ------------------------------------------------ ARTIGO DOCUMENTOS ------------------------------------------------- */

.display-container-documentos {
  display: flex;
  justify-content: center;
  width: 100%;
  background: url("../img/documentos.jpg") no-repeat center;
  background-size: cover;
}

.display-container-documentos .display-título-seção {
  margin-bottom: 140px;
}

@media screen and (max-width: 1200px) {
  .display-container-documentos .display-título-seção {
    margin-bottom: 60px;
  }
}

.artigo-autores {
  display: flex;
  flex-direction: column;
  margin: 45px 0 0 0;
}

@media screen and (max-width: 800px) {
  .artigo-autores {
    margin: 30px 0 0 0;
  }
}

.artigo-autor {
  margin: 0 0 0 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fa7921;
  float: left;
}

.artigo-autor-2 {
  margin: 0 0 0 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fa7921;
}

.artigo-autor-3 {
  margin: 0 0 0 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fa7921;
}

.artigo-conteúdo-título-2 {
  font-family: "Dosis", serif;
  font-size: 2.25rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  margin: -10px 0 0 0;
  line-height: 50px;
}

.artigo-conteúdo-título-3 {
  font-family: "Dosis", serif;
  font-size: 3rem;
  font-weight: 300;
  color: #000;
  margin: 0 0 0 0;
  line-height: 54px;
}

.artigo-conteúdo-linha-fina-2 {
  font-family: "Dosis", serif;
  font-size: 24px;
  font-weight: 500;
  color: #a9aeb3;
  margin: 10px 0 0 0;
  line-height: 36px;
}

.artigo-data {
  font-family: "Dosis", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin: 10px 0 45px;
}

@media screen and (max-width: 800px) {
  .artigo-data {
    margin: 10px 0 30px;
  }
}

.artigo-conteúdo-texto-2 p {
  margin: 30px 0 0 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #000;
}

@media screen and (max-width: 800px) {
  .artigo-conteúdo-comentario {
    margin: 0 0 30px 0;
  }

  .artigo-conteúdo-comentario p {
    padding: 10px 10px 10px 10px;
    font-family: "Dosis", serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #000;
  }

  .artigo-conteúdo-título-2 {
    font-family: "Dosis", serif;
    font-size: 2.25rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    margin: -10px 0 0 0;
    line-height: 50px;
  }

  .artigo-conteúdo-título-3 {
    font-family: "Dosis", serif;
    font-size: 2.5rem;
    font-weight: 300;
    color: #000;
    margin: 0 0 0 0;
    line-height: 3rem;
  }

  .artigo-conteúdo-linha-fina-2 {
    font-family: "Dosis", serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #a9aeb3;
    margin: 10px 0 30px 0;
    line-height: 1.5rem;
  }

  .artigo-conteúdo-descricao-2 {
    margin: 0 0 20px 0;
    font-family: "Montserrat", serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    color: #000;
  }

  .artigo-conteúdo-descricao-2 p {
    margin: 0 0 20px 0;
    font-family: "Montserrat", serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    color: #000;
  }

  .artigo-conteúdo-texto-2 p {
    margin: 30px 0 0 0;
    font-family: "Montserrat", serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    color: #000;
  }
}

/* ------------------------------------------------ ARTIGO SUGESTÕES ------------------------------------------------- */

.artigo-sugestões-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 60px 0 50px 0;
}

.artigo-site-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 60px 0 40px 0;
}

.sugestões-conteúdo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 67.142%;
}

.sugestões-imagem {
  width: 100%;
  height: auto;
}

.sugestoes-imagem-link {
  display: flex;
  flex-direction: column;
  width: 29.787%;
}

.sugestoes-imagem-link-mobile {
  display: none;
}

.sugestões-ficha {
  width: 63.83%;
}

@media screen and (max-width: 800px) {
  .artigo-sugestões-container {
    margin: 30px 0 20px 0;
  }

  .sugestões-conteúdo {
    width: 80%;
  }

  .sugestoes-imagem-link {
    display: none;
  }

  .sugestoes-imagem-link-mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 0 0;
  }

  .sugestões-imagem-mobile {
    width: 100%;
    height: auto;
  }

  #sugestoes-botao-mobile {
    margin-bottom: 30px;
  }

  .sugestões-ficha {
    width: 100%;
  }
}

.artigo-conteúdo-categoria {
  font-family: "Dosis", serif;
  font-size: 2rem;
  font-weight: 400;
  color: #a9aeb3;
  margin: 20px 0 45px 0;
  line-height: 18px;
}

@media screen and (max-width: 800px) {
  .artigo-conteúdo-categoria {
    margin: 15px 0 30px 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
  }
}

.artigo-conteúdo-ficha {
  margin: 0 0 10px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #000;
}

.artigo-conteúdo-ficha p {
  margin: 0 0 10px 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 36px;
  color: #000;
}

.artigo-conteúdo-item {
  margin: 0 0 10px 0;
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 36px;
  color: #fa7921;
  float: left;
  margin: 0 5px 0 0;
}

.artigo-conteúdo-item-2 {
  font-family: "Dosis", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 36px;
  color: #fa7921;
  float: left;
  margin: 0 5px 0 0;
}

.artigo-conteúdo-link {
  margin: 30px 0 0 0;
  font-family: "Montserrat", serif;
  font-size: 1.125rem;
  line-height: 36px;
  color: #000;
}

@media screen and (max-width: 800px) {
  .artigo-conteúdo-ficha {
    margin: 0 0 10px 0;
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .artigo-conteúdo-ficha p {
    margin: 0 0 10px 0;
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .artigo-conteúdo-item {
    margin: 0 0 10px 0;
    font-size: 1rem;
    line-height: 1.75rem;
    margin: 0 5px 0 0;
  }
}

/* ------------------------------------------------ TOPO ALTERNATIVO ------------------------------------------------- */

.display-container-alternativo {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fa7921;
}

.display-container-home {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 5;
}

.barra-navegação-alternativa {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.barra-navegação-alternativa a {
  color: white;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.5s;
}

.barra-navegação-alternativa a:hover {
  color: #000;
}

.barra-navegação-alternativa ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.barra-navegação-home {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.barra-navegação-home a {
  color: white;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.5s;
}

.barra-navegação-home a:hover {
  color: #fa7921;
}

.barra-navegação-home ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fundo-laranja a:hover {
  color: #000;
}

@media screen and (max-width: 1200px) {
  .barra-navegação-home {
    display: none;
  }
}

/* -------------------------------------------------- RODAPÉ -------------------------------------------------- */

.botões-rodapé-e-informativo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #d9e0e6;
}

.botões-rodapé {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67.16%;
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #a9aeb3;
}

.botão-instagram-2 {
  margin: 60px 20px 60px 0;
}

.botão-instagram-2 img {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}

.botão-facebook-2 {
  margin: 60px 20px 60px 0;
}

.botão-facebook-2 img {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}

.botão-youtube-2 {
  margin: 60px 0 60px 0;
}

.botão-youtube-2 img {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}

.botão-youtube-2 img:hover {
  color: blue;
}

.container-apoio {
  width: 67.16%;
}

.container-apoio h2 {
  font-size: 2.25rem;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin: 60px 0 60px 0;
}

.container-apoio p {
  font-size: 1.125rem;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  text-align: center;
  line-height: 27px;
  color: #000;
  margin: 30px 0 60px 0;
}

.container-apoio-imagens {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 90px 0;
}

.container-apoio img {
  width: 20.957%;
}

@media screen and (max-width: 800px) {
  .container-apoio {
    width: 80%;
  }

  .botões-rodapé {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .container-apoio-imagens {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
  }

  .container-apoio img {
    width: 100%;
    margin: 0 0 50px 0;
  }
}

.informativo-formulário {
  display: flex;
  justify-content: center;
  margin: 60px 0 0 0;
}

.informativo-formulário label {
  font-family: "Dosis", sans-serif;
}

.informativo-formulário input {
}

.rodapé {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  width: 100%;
  background: #fa7921;
}

.rodapé-parágrafo-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 70px 0 0 0;
}

.rodapé-parágrafo-1 p {
  width: 67.142%;
  color: white;
  font-size: 1.125rem;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 10px 0 0 0;;
}

.rodapé-divisória {
  padding-bottom: 70px;
  border: solid;
  border-width: 0 0 2px 0;
  border-color: white;
}

.rodapé-parágrafo-2 {
  display: flex;
  justify-content: center;
}

.rodapé-parágrafo-2 p {
  width: 67.142%;
  color: white;
  font-size: 1.125rem;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 70px 0 70px 0;
}

/* 

.rodapé p {
  width: 67.142%;
  color: white;
  font-size: 1.125rem;
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 70px 0 70px 0;
}

*/

@media screen and (max-width: 800px) {
  .rodapé p {
    width: 80%;
  }
}

/* ------------------------------ SCROLL TO TOP ------------------------------ */

@media screen and (max-width: 1999px) {
  .container-scroll-top a {
    visibility: hidden;
  }
}

@media screen and (min-width: 1200px) {
  .text-replace {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
  }

  :root {
    --cd-back-to-top-size: 40px;
    --cd-back-to-top-margin: 20px;
  }

  @supports (--css: variables) {
    @media (min-width: 64rem) {
      :root {
        --cd-back-to-top-size: 60px;
        --cd-back-to-top-margin: 30px;
      }
    }
  }

  .cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: url(img/cd-top-arrow.svg) no-repeat center 50%;
    background-color: #fa7921;
  }

  .js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, background-color 0.3s;
  }

  .js .cd-top--is-visible {
    visibility: visible;
    opacity: 1;
  }

  .js .cd-top--fade-out {
    opacity: 0.5;
  }

  .js .cd-top:hover {
    background-color: #fa7921;
    opacity: 1;
  }
}
