.curso-item {
  border: 1px solid #E6E6E6;
  padding: 30px;
  margin-bottom: 3em;
  background-color: white;
  /*height: 400px;*/
  text-align: center;
  display: block;
}

.curso-item:hover {
  box-shadow: 0 0 4px grey;
}

.cursos-presenciais-styles { 
  /*background: #F7F7F7 !important;*/
}

footer {
  background-color: #181d21;
}

.plan-sign-up {
  background-color: white;
}

.clinicas-styles .curso-icone {
  color: #D2876A;
}

.arquitetura-styles .curso-icone {
  color: #52A9CE;
}

.clinicas-styles .button,
.clinicas-styles .button:visited,
.clinicas-styles button,
.clinicas-styles input[type="submit"],
.clinicas-styles input[type="reset"],
.clinicas-styles input[type="button"] {
  background: #D2876A;
}

.clinicas-styles .button:hover,
.clinicas-styles button:hover,
.clinicas-styles input[type="submit"]:hover,
.clinicas-styles input[type="reset"]:hover,
.clinicas-styles input[type="button"]:hover {
  background: #E76A39;
}

.arquitetura-styles .button,
.arquitetura-styles .button:visited,
.arquitetura-styles button,
.arquitetura-styles input[type="submit"],
.arquitetura-styles input[type="reset"],
.arquitetura-styles input[type="button"] {
  background: #52A9CE;
}

.arquitetura-styles .button:hover,
.arquitetura-styles button:hover,
.arquitetura-styles input[type="submit"]:hover,
.arquitetura-styles input[type="reset"]:hover,
.arquitetura-styles input[type="button"]:hover {
  background: #46BEF0;
}

.curso-sessao {
  margin-bottom: 3em;
}

.curso-valor {
  font-size: 30px;
  margin-bottom: 20px;
}

.curso-data {
  border: 1px solid #E6E6E6;
  background-color: white;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 1.2em;
  text-align: left;
}

.curso-data h3 {
  font-family: 'montserrat-regular', sans-serif;
}

.curso-data p {
  margin: 0;
}

.curso-data-title {
  font-size: 1.2em;
}

.curso-data-title nobr {
  font-size: 0.8em;
}

.curso-header {
  text-align: center;
  margin-bottom: 3em;
}

.curso-palestrante-foto {
  margin-top: 6px;
}

.curso-tagline {
  font-size: 1.3em;
  max-width: 700px;
  margin: auto;
}

.fb-video {
  margin-bottom: 4em;
}

@media only screen and (max-width: 767px) {
  .curso-data {
    flex-direction: column;
  }
  .curso-data > * {
    width: 100%;
  }
  .curso-data > .button {
    margin-top: 20px;
    text-align: center;
  }
}

.curso-lista li {
  display: flex;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.curso-icone {
  margin-right: 10px;
  margin-top: 3px;
}
