/* marketing-section */

.marketing-section {
  background: #f0f7ef;
  padding: 2rem;
  border-top: 1px solid #dde5dc;
  border-bottom: 1px solid #dde5dc;
}

#home .marketing-section {
  background: unset;
}

.marketing-section h2 {
  font-size: 1rem;
  color: #444444;
  padding: 10px 0;
  margin: 0;
  font-weight: 400;
}

#home .marketing-section h2 {
  font-size: 0.9rem;
}

.marketing-section h2 span {
  text-transform: uppercase;
  color: #0faa75;
}



#single-mestrado .marketing-section h2 span {
  color: #007ea2;
}

.marketing-section .icone-marketing {
  width: 45px;
  padding-right: 8px;
  margin-top: -14px;
}

.marketing-section .btn-primary {
  margin: 0px;
  background: #0faa75;
  padding: 0.7rem 2rem 0.6rem 2rem;
  font-size: 0.8rem;
}

/*****************************
 *  POS-GRADUACAO
 ******************************/
#single-posgraduacao .marketing-section h2 span {
  color: var(--f-posgraduacao-color-5);
}

#single-posgraduacao .marketing-section .btn-primary {
  background-color: var(--f-posgraduacao-color-5);
}

#single-mestrado .marketing-section .btn-primary {
  background: #007ea2;
}

.marketing-section .btn-primary.btn-facebook {
  background: #1976d2;
}

/*****************************
 * FORMULÁRIO NEWSLETTER COM O ESTILO PERSONALIZADO
 * FIELDS DO NINJA FORMS
 * Necessário o id #nf-custom-fecap para diferenciar dos forms das tarjas
 * colocar apenas o id na div que contém o shortcode
 * Obs.: Configurações gerais estão no estilo formulario.css
 ******************************/

/* Geral */
.marketing-section .nf-form-content {
  padding: 0;
}

.marketing-section #ninja_forms_required_items,
.marketing-section .nf-field-container {
  clear: unset;
}

.marketing-section .ninja-forms-form-wrap {
  float: left;
}

/* Input */
.marketing-section .nf-form-content .email-container {
  width: 80%;
  float: left;
}

.marketing-section #nf-custom-fecap .nf-form-content button,
.marketing-section #nf-custom-fecap .nf-form-content input:not([type=button]),
.marketing-section #nf-custom-fecap .nf-form-content input:not([type=submit]) {
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
}

.marketing-section #nf-custom-fecap .nf-form-content button,
.marketing-section #nf-custom-fecap .nf-form-content input[type=button],
.marketing-section #nf-custom-fecap .nf-form-content input[type=submit] {
  border-radius: 30px;
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
}

/* Icone de alerta (campo requerido) */
.marketing-section #nf-custom-fecap .nf-error.field-wrap .nf-field-element:after {
  border-radius: unset;
}

/* Icone de alerta (campo corrigido) */
.marketing-section #nf-custom-fecap .nf-pass.field-wrap .nf-field-element:after {
  border-radius: unset;
}

/* Botão submit */
.marketing-section .nf-form-content .submit-container {
  width: 20%;
  float: right;
}

.marketing-section #nf-custom-fecap .nf-form-content input[type=button] {
  width: 100%;
  padding: 5px;
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
}

/* Checkbox */
.marketing-section .nf-form-content .checkbox-container {
  width: 100%;
  display: inline-block;
}

.marketing-section #nf-custom-fecap .nf-field-label label {
  font-size: 0.9rem;
}

/*****************************
 * MEDIA QUERIES
 ******************************/
@media (max-width: 768px) {
  .marketing-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .marketing-section .btn-primary {
    margin: 1rem 0;
    font-size: 0.6rem;
  }
}