@charset "UTF-8";
/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/
/*========================================
G E R A L
========================================*/
body, html {
  font-family: 'Noto Serif', serif; }

.section--custom_content {
  text-align: left; }

h2 {
  font: normal 700 2.7rem/100% 'Noto Serif', serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(231, 118, 60, 0.8);
  text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff; }

h3 {
  font: normal 700 1.5rem/100% 'Noto Serif', serif;
  letter-spacing: 0em;
  color: rgba(231, 118, 60, 0.8);
  text-shadow: 1px 2px 3px #fff, 0 0 0 #000, 1px 2px 3px #fff; }

.section--custom_content p {
  color: rgba(0, 0, 0, 0.75); }

.section--custom_content ul {
  padding: 0 0 0 15px; }

.section--custom_content li {
  margin: 0;
  color: rgba(231, 118, 60, 0.8);
  text-shadow: 1px 2px 3px #fff, 0 0 0 #000, 1px 1px 3px #fff; }

.section--custom_content li div {
  margin: 0;
  color: rgba(0, 0, 0, 0.75);
  text-shadow: none; }

.vv_sub-h2 {
  font: italic 400 1.2rem/150% 'Noto Serif', serif;
  color: rgba(0, 0, 0, 0.5) !important; }

.vv_etapa {
  font: normal 700 1rem/100% 'Noto Serif', serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5) !important; }

/* Sombra inset nas seções de fundo laranja */
.section--custom_content.section--1487077884989,
.section--heading {
  box-shadow: inset -1px 30px 30px -30px rgba(0, 0, 0, 0.65), inset -1px -30px 30px -30px rgba(0, 0, 0, 0.65); }

/* Adaptações do H2 na seção de fundo laranja */
.section--heading h2 {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
  color: white; }

/*========================================
MENU TOPO (A imagem foi inserida no arquivo header.liquid em Sections)
========================================*/
/* Imagem em cima  do header */
.imagem-do-topo {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto; }

.announcement {
  padding: 0;
  background: white !important; }

/* Tirar padding-top do menu */
body > div.container.container--main.container--full > div > div > div:nth-child(1) > div.header.header--light.header--center {
  padding-top: 0; }

/* Responsive: tirar o logo no desktop */
@media only screen and (min-width: 768px) {
  a.logo.logo--image {
    display: none; } }
/*========================================
CALL TO ACTION TOPO
========================================*/
.section--text {
  box-shadow: inset -1px 30px 30px -30px rgba(0, 0, 0, 0.1); }

/*========================================
F O R M U L Á R I O
========================================*/
.section--custom_content.section--1487077884989 .row {
  background: white;
  border-radius: 10px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.65); }

.section--custom_content.section--1487077884989 .row.heading {
  display: none; }

.section--custom_content.section--1487077884989 .block--1487077884989_1 {
  padding: 40px; }

.section--custom_content.section--1487077884989 h2 {
  font-family: 'Noto Serif', serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-transform: inherit;
  letter-spacing: 0em;
  line-height: 125%;
  color: rgba(231, 118, 60, 0.8);
  text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff; }

.section--custom_content.section--1487077884989 ul {
  list-style: disc outside none;
  padding-left: 20px;
  color: #000;
  text-shadow: 1px 2px 3px #fff; }

.section--custom_content.section--1487077884989 ul li {
  margin: 15px 0;
  line-height: 130%; }

.section--custom_content.section--1487077884989 .btn {
  background: #3498db;
  background-image: linear-gradient(to bottom, #3498db, #2980b9) !important;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: .2em;
  border-radius: 5px;
  border: 1px solid #2980b9 !important; }

.section--custom_content.section--1487077884989 .btn:hover {
  background: #3cb0fd;
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db); }

/*========================================
O U T R O S
========================================*/
/* Correção do bug quando seleciona o H2 com inset shadow */
::-moz-selection {
  background: #5af;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #5af;
  color: #fff;
  text-shadow: none; }

/* Seção O PROFESSOR */
.logo-em-cima-do-video {
  width: 50%;
  margin: 0 auto 20px auto;
  display: block; }

.section.section--custom_content.section--top.section--medium.section--1487092573232 {
  padding-top: 0; }

/* Seção COMPROMETIMENTO SOCIAL */
.vv_depoimento:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.vv_depoimento img {
  float: left;
  width: 22%;
  margin: 0 3% 0 0; }

.vv_depoimento p {
  float: left;
  width: 75%;
  font: italic 400 .9rem/150% 'Noto Serif', serif;
  margin: 0 !important; }

.vv_assinatura-depoimento {
  font: normal 700 .9rem/150% 'Noto Serif', serif;
  margin: 10px 0 0 0 !important;
  display: block; }

/* Seção EQUIPE */
.section--1487016735101 {
  text-align: center; }

.section--1487016735101 img {
  width: 75%;
  margin: 0 auto 20px auto;
  display: block; }

.vv_frase-inspiradora {
  font-style: italic; }

.vv_sub-h4 {
  font: normal 700 .9rem/150% 'Noto Serif', serif;
  margin-top: 0; }

/*========================================
R E S P O N S I V E
========================================*/
a.logo.logo--image {
  display: none; }

@media only screen and (max-width: 768px) {
  /* Responsive: tirar o logo no desktop */
  a.logo.logo--image {
    display: inline-block; }

  .announcement {
    display: none; }

  /* Tipografia geral */
  h2 {
    font-size: 2em !important; }

  h3 {
    font-size: 1.8em !important; } }
@media only screen and (min-width: 768px) {
  /* Menu */
  .header.header--light.header--center {
    padding: 0 !important; }

  .header-menu {
    border-top: 1px solid #ddd;
    padding: 5px 0 !important; }

  .header-menu:after {
    content: "";
    display: table;
    clear: both; }

  .header-menu > a {
    display: block;
    margin: 0 !important;
    float: left;
    padding: 7px 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .75rem;
    font-weight: 700;
    border-right: 1px solid #ddd; }

  .header-menu > a:nth-last-child(3) {
    border-right: none; }

  .header-menu > a:nth-last-child(2) {
    border-radius: 4px;
    background: #3498db;
    background-image: linear-gradient(to bottom, #3498db, #2980b9) !important;
    color: #ffffff;
    border-right: none; }

  .header-menu > a:nth-last-child(1) {
    border: 2px solid #3498db !important;
    border-radius: 4px;
    color: #3498db;
    float: right;
    padding: 5px 13px !important; } }