@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700&display=swap");
html {
  scroll-behavior: smooth; }

#inicio,
#local,
#comissoes,
#programa,
#alojamento {
  position: relative;
  top: -50px; }

h1, h2, h3 {
  font-weight: 900; }

body {
  font-family: 'IBM Plex Sans', sans-serif; }

.bg-light {
  background: #fff !important; }

.navbar {
  opacity: 1;
  transition: opacity 0.5s ease; }

.navbar-hide {
  pointer-events: none;
  opacity: 0; }

#register {
  background: #8bc162;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  transition: background .3s ease; }
  #register:hover {
    background: #70a548; }
  @media screen and (max-width: 768px) {
    #register {
      padding: 8px; } }

.logotipo {
  display: block;
  max-width: 200px;
  margin: 50px auto; }

.botao {
  display: inline-block;
  border: 2px solid #8bc162;
  background: #8bc162;
  color: #fff;
  font-size: .9rem;
  padding: 10px 60px;
  margin: 15px 0 0 0;
  transition: .4s ease;
  text-transform: uppercase; }
  .botao:hover {
    background: transparent;
    color: #8bc162;
    border: 2px solid #8bc162;
    text-decoration: none; }

#banner {
  margin: 50px 0; }
  #banner h1 {
    text-transform: uppercase;
    text-align: center; }
  #banner p {
    font-size: 20px;
    text-align: center; }

#mensagem {
  margin: 0 0 100px 0; }

.venue {
  margin: 0 0 100px 0; }
  .venue .descricao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .venue .descricao h1 {
      margin: 0 0 25px 0;
      color: #8bc162; }
      @media (max-width: 992px) {
        .venue .descricao h1 {
          margin: 25px 0 0 0; } }
      .venue .descricao h1 span {
        font-weight: 400; }

.accommodation {
  margin: 0 0 100px 0; }
  .accommodation .descricao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .accommodation .descricao h1 {
      margin: 0 0 25px 0;
      color: #8bc162; }
      @media (max-width: 992px) {
        .accommodation .descricao h1 {
          margin: 25px 0 0 0; } }
      .accommodation .descricao h1 span {
        display: block;
        font-weight: 400; }

.comissoes {
  padding: 50px 0 100px 0; }
  .comissoes h2 {
    color: #8bc162;
    font-size: 1.5rem;
    margin: 0;
    text-align: right;
    text-transform: uppercase; }
    @media (max-width: 992px) {
      .comissoes h2 {
        text-align: left;
        margin: 0 0 25px 0; } }
    .comissoes h2 span {
      display: block;
      font-weight: 400; }
      @media (max-width: 992px) {
        .comissoes h2 span {
          display: inline-block; } }
  .comissoes ul {
    list-style: none;
    padding: 0; }
    @media (max-width: 992px) {
      .comissoes ul {
        margin: 0 0 50px 0; } }
    .comissoes ul li {
      padding: 5px 0; }
      .comissoes ul li:first-of-type {
        padding-top: 0; }
      .comissoes ul li span {
        display: block;
        font-style: italic;
        color: #8bc162; }

.programa {
  padding: 50px 0;
  background: #F0F4F6; }
  .programa h1 {
    color: #8bc162;
    margin: 0 0 50px 0;
    text-align: center;
    text-transform: uppercase; }
  .programa .cargo {
    font-weight: 400; }
  .programa .extra {
    margin: 20px 0 8px 0; }
  .programa__register {
    display: flex;
    justify-content: center;
    margin: 50px 0; }
  .programa__cartao {
    padding: 40px 20px 40px 20px;
    background: #fff; }
  .programa__botoes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
    list-style: none; }
    @media screen and (max-width: 425px) {
      .programa__botoes {
        padding: 0; } }
    .programa__botoes li {
      padding: 0 20px;
      text-transform: uppercase; }
      @media screen and (max-width: 768px) {
        .programa__botoes li {
          padding: 0 10px; } }
      .programa__botoes li a {
        color: #8bc162;
        font-size: 16px;
        font-weight: 800;
        transition: all .3s; }
        @media screen and (max-width: 768px) {
          .programa__botoes li a {
            font-size: 14px; } }
        .programa__botoes li a:hover {
          color: #252721;
          text-decoration: none; }
      .programa__botoes li .activo {
        color: #252721; }
  .programa__base {
    padding: 0 40px; }
    @media screen and (max-width: 425px) {
      .programa__base {
        padding: 20px 5px; } }
    .programa__base__conferencia {
      padding: 20px; }
      @media screen and (max-width: 425px) {
        .programa__base__conferencia {
          padding: 20px 10px; } }
      .programa__base__conferencia:nth-child(odd) {
        background: #F0F4F6; }
      .programa__base__conferencia__horas {
        font-size: 16px;
        line-height: 1.4; }
        @media screen and (max-width: 991px) {
          .programa__base__conferencia__horas {
            margin-bottom: 10px;
            font-weight: 700;
            color: #8bc162; } }
      .programa__base__conferencia__palestra h3 {
        font-size: 16px;
        line-height: 1.4; }
      .programa__base__conferencia__palestra p {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #8bc162; }
        .programa__base__conferencia__palestra p strong {
          color: #8bc162; }
      .programa__base__conferencia__palestra ul {
        list-style: none;
        padding-left: 0;
        margin: 20px 0; }
        .programa__base__conferencia__palestra ul li {
          padding: 5px 0 0 20px;
          font-size: 14px;
          font-weight: 700;
          color: #8bc162; }
          .programa__base__conferencia__palestra ul li strong {
            color: #8bc162; }
      .programa__base__conferencia__palestra .bold {
        color: initial;
        font-weight: bold;
        padding-left: 0; }

#formulario {
  margin: 100px 0; }

footer {
  background: #333;
  padding: 50px 0;
  color: #fff; }
  footer h1 {
    font-size: 1rem;
    text-transform: uppercase; }
  footer ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    footer ul a {
      color: #fff;
      transition: .4s ease; }
      footer ul a:hover {
        text-decoration: none;
        color: #8bc162; }