/*
Theme Name: Impulsiona
Description: a gente se conecta, a educação avança
Theme URI:   
Author: Tutto Branding & Fred Peres 
Author URI:  https://fredperes.net
Template: salient
Version: 1.0
*/

/* TEMP */

.home .nectar_cascading_images {display: none;}
/* TEMP */


body::before {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background: url(img/body-top.svg) no-repeat center top;
    background-size: cover;
    position: relative;
    z-index: 99999;
}

header {
    margin-top: 15px;
}

body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
    width: 22px!important;
}

#header-outer #top nav > ul > li.current-menu-item > a, #header-outer #top .sf-sub-indicator i, #header-outer.transparent.dark-slide > #top nav .sf-menu > .current_page_item > a, #header-outer #top nav > ul > .current-menu-ancestor > a, #header-outer .current_page_item a, #header-outer #top nav > ul > .current-menu-parent > a{
    color: #804F97!important;
    font-weight: 700!important;
}

#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text:after {
    border-color: #804F97!important;
}

#header-outer #top nav > ul > li > a:hover {
    color: #804F97!important;
}

.sf-menu > li > ul {
    box-shadow: none!important;
}

.sub-menu li {
    border-bottom: solid 1px #DDDDDD
}

.sub-menu li:last-child {
    border-bottom: none;
}

.sub-menu .nectar-menu-icon {
    font-weight: 700!important;
}
.redes .nectar-menu-icon{
    color: #FFB32C!important;
    
}
.organizacoes .nectar-menu-icon{
    color: #FF4C55!important;
}

.tecnologia .nectar-menu-icon{
    color: #4E53A8!important;
}

/* HOME */

.home .wpb_video_wrapper {
    -webkit-box-shadow: -15px 15px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -15px 15px 20px 0px rgba(0,0,0,0.4);
    box-shadow: -15px 15px 20px 0px rgba(0,0,0,0.4);
}

.conectar .vc_column-inner{
    min-height: 385px!important;
}

.conectar .vc_column-inner{
    background: url('img/circle-purple-mobile.svg') no-repeat center center;
    background-size: cover;  
}

.conectar h2 {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.2;
}

.conectar h2 > strong{
    font-size: 22px;
}

.conectar p {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 30px;
}

.conectar p > strong {
    font-weight: 700;
}

#conecte h3 {
    color:#804F97;
    margin-bottom: 4px!important;
}

#jornada .vc_custom_heading {
    color: #D2B4E4;
}

#jornada h3 {
    color: #804F97;
    font-size: 15px;
    font-weight: 700!important;
}

#jornada p {
    font-size: 13px;
    line-height: 1.2;
}

#jornada .etapa .vc_column-inner{
    border: solid 2px #CDAFDF;
    -webkit-border-top-right-radius: 75px;
    -webkit-border-bottom-left-radius: 75px;
    -moz-border-radius-topright: 75px;
    -moz-border-radius-bottomleft: 75px;
    border-top-right-radius: 75px;
    border-bottom-left-radius: 75px;
    padding: 30px;
}

#jornada .etapa.atual .vc_column-inner {
    background-color: #804F97;
    border-color: transparent;
}

#jornada .etapa.atual .vc_column-inner * {
    color: white;
}


#jornada p > small {
    font-style: italic;
}

/* PÁGINAS */

#topo .vc_custom_heading {
    margin-bottom: 0!important;
}

#topo .titulo {
    letter-spacing: -1px;
}

#topo .titulo.second {
    margin-left: 10px;
}

/* ELEMENTS */

.btn-edital {
    width: 113px!important;
}

.setores .nectar-button, body .nectar-button.see-through-2, .circulo-destaque .nectar-button {
    -webkit-border-top-left-radius: 15px!important;
    -webkit-border-bottom-right-radius: 15px!important;
    -moz-border-radius-topleft: 15px!important;
    -moz-border-radius-bottomright: 15px!important;
    border-top-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
    margin: 0 10px;
}

.setores .nectar-button.has-icon.small span {
    -webkit-transform: translateX(-20px)!important;
    transform: translateX(-20px)!important;
}

.setores .nectar-button.has-icon.small {
    padding-right: 14px!important;
}

.setores .ensino-section .nectar-button.see-through-2 {
    color: #FFB32C!important;
    border-color: #FFB32C!important;
}

.setores .ensino-section .nectar-button.see-through-2:hover {
    background-color: #FFB32C!important;
    border-color: #FFB32C!important;
    color: white!important;
}

.setores .apoio-section .nectar-button.see-through-2 {
    color: #FF4C55!important;
    border-color: #FF4C55!important;
}

.setores .apoio-section .nectar-button.see-through-2:hover {
    background-color: #FF4C55!important;
    border-color: #FF4C55!important;
    color: white!important;
}

.setores .tecnologia-section .nectar-button.see-through-2 {
    color: #4E53AD!important;
    border-color: #4E53AD!important;
}

.setores .tecnologia-section .nectar-button.see-through-2:hover {
    background-color: #4E53AD!important;
    border-color: #4E53AD!important;
    color: white!important;
}

.setores .nectar-button.see-through-2 i {
    line-height: 0!important;
}

.page-redes-de-ensino .circulo-destaque .nectar-button{
    border: solid 2px #E4C15A!important;
}

/* contact form 7 */
option {
    color: #333!important;
}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
    background: transparent!important;
    border-radius: 25px;
    border: solid 2px white!important;
    font-size: 17px!important;
    margin: 10px 0;
}

.wpcf7 select {
    height: 46px;
}

.wpcf7 input[type=submit] {
    float: right;
    background: url(img/btn-enviar.svg) no-repeat center center!important;
    border: none!important;
    width: 98px!important;
    text-indent: -99999px;
}

#contato ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white!important;
    opacity: 1!important;
  }
#contato ::-moz-placeholder { /* Firefox 19+ */
    color: white!important;
    opacity: 1!important;
  }
#contato :-ms-input-placeholder { /* IE 10+ */
    color: white!important;
    opacity: 1!important;
  }
#contato :-moz-placeholder { /* Firefox 18- */
    color: white!important;
    opacity: 1!important;
  }

  .wpcf7 form.sent .wpcf7-response-output {
      border-color: #CDAFDF;
      color: #804F97!important;
      -webkit-border-top-left-radius: 15px!important;
      -webkit-border-bottom-right-radius: 15px!important;
      -moz-border-radius-topleft: 15px!important;
      -moz-border-radius-bottomright: 15px!important;
      border-top-left-radius: 15px!important;
      border-bottom-right-radius: 15px!important;
      font-weight: 700!important;
      padding: 10px 15px;
}


/* modal */

.modal-header {
    background-color: #663B80;
    color: white;
    -webkit-border-top-left-radius: 18px;
    -webkit-border-top-right-radius: 18px;
    -moz-border-radius-topleft: 18px;
    -moz-border-radius-topright: 18px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    padding: 20px;
}

.modal-icone {
    float: left;
    width: 10%;
}

.modal-titulo {
    float: left;
    width: 90%;
}

.modal-titulo h3 {
    color: white!important
}

.modal-titulo p {
    padding-bottom: 0;
}

.modal-conteudo {
    clear: both;
}

.pum-close {
    border-radius: 100%!important;
    line-height: 12px!important;
}

.iwithtext {
    min-height: 58px;
}

.limpa {
    clear: both;
    display: block;
    height: 1px;
}

/* FOOTER */

#footer-outer {
    margin-top: -190px;
}

.titulo-parceiros {
    margin-bottom: .5em!important;
}

/* TIPOGRAPHY */

h1 {
    color: #CDAFDF!important
}

.subtitulo {
    position: relative;
    left: 15px;
}

/*#topo p > strong {
    color: #804F9C;
}*/

h1 > .spacer {
    margin-left: 15px;
}

.ensino {
    color: #FFB32C;
}

.apoio {
    color: #FF4C55;
}

.tecnologia {
    color: #4E53A8;
}

.on {
    color: #804F97;
}

.circulo-destaque h2, .circulo-destaque small {
    color: white;
}

.circulo-destaque h2 {
    line-height: 40px;
}

.page-redes-de-ensino .circulo-destaque small {
    color:#333333;
}

.slogan .subtitulo{
    left: 0;
    margin-bottom: 0;
}

.slogan .titulo {
    margin-left: 30px;
}

/* RESPONSIVE */

@media only screen and (max-width:999px) {

    #top .mobile-search {display: none;}

    #hero .row-bg.using-image{ 
        background-image: url(img/bg-hero-mobile.png)!important;
        background-position: -140px -50px!important;
    }

    #hero {
        z-index: 1000!important;
    }

    #conecte {
        margin-left: -50vw;
        margin-left: calc(-50vw + var(--scroll-bar-w)/2);
        left: 50%;
        width: 100vw;
        width: calc(100vw - var(--scroll-bar-w));
        z-index: 900!important;
    }

    #conecte .wpb_wrapper h2.vc_custom_heading {
        font-size: 22px!important;
        letter-spacing: 0!important;
        text-align: center!important;
    }

    #conecte .icones {
        padding: 0 50px;
    }

    .row .col .iwithtext .iwt-icon img:not([srcset]) {
        width: 58px!important;
    }

    .iwithtext .iwt-text {
        padding-left: 75px!important;
    }

    body  h1 {
        letter-spacing: 0;
    }

    .subtitulo {
        line-height: 15px!important;
        margin-bottom: 0!important;
    }

    #topo .subtitulo {
        left:0;
    }

    .center-mobile * {
        text-align: center!important;
    }

    /*#jornada .etapa .vc_custom_heading, #jornada .etapa .wpb_text_column {
        float: left;
    }

    #jornada .etapa .vc_custom_heading {
        width: 30%;
    }

    #jornada .etapa .wpb_text_column {
        width: 70%;
    }*/

    #jornada .btn-edital {
        width: 116px!important;
        float: right;
    }

    #jornada .slogan p {
        text-align: right!important;
    }

    .slogan .wpb_text_column {
        clear: both;
        display: block;
        padding-top: 20px;
    }

    #quemparticipa .nectar-button {
        margin-top: -30px!important;
    }

    /* PÁGINAS */

    #topo .row-bg.using-image {
        background-image: url(img/topo-redes-ensino-mobile.png)!important;
        background-size: contain;
        -webkit-background-size: contain;
        background-position: -30vw top!important;
    }

    .sobre .row-bg.using-image {
        background-size: auto;
        -webkit-background-size: auto;
        background-position: center 100px!important;
    }

    .page-redes-de-ensino .sobre .row-bg.using-image {
        background-image: url(img/redes-decor-section-mobile.svg)!important;
    }

    .page-organizacoes-de-apoio .sobre .row-bg.using-image {
        background-image: url(img/org-decor-section-mobile.svg)!important;
    }

    .page-edtechs .sobre .row-bg.using-image {
        background-image: url(img/edtech-decor-section-mobile.svg)!important;
    }

    .sobre .iwithtext{
        width: 80%;
        margin: 0 auto;
    }

    .sobre .iwithtext .iwt-icon {
        position: relative;
        text-align: center;
    }

    .sobre .iwithtext .iwt-text{
        padding:0!important;
        text-align: center;
    }

    .beneficios {
        margin-left: -50vw;
        margin-left: calc(-50vw + var(--scroll-bar-w)/2);
        left: 50%;
        width: 100vw;
        width: calc(100vw - var(--scroll-bar-w));
    }

    .circulo-destaque {
        height: 325px;
        text-align: center;
    }

    .circulo-destaque .vc_column-inner {
        height: 100%;
    }

    .circulo-destaque .inner-wrap {
        width: 325px!important;
        height: 325px!important;
        margin: 0 auto;
        left: 50%!important;
        margin-left: -162.5px;
    }

    .circulo-destaque .column-image-bg {
        background-repeat: no-repeat;
        background-size: contain;
    }

    .circulo-destaque .firstline {
        margin: 60px auto 20px auto;
    }

    .page-organizacoes-de-apoio  .circulo-destaque .firstline {
        margin: 30px auto 20px auto;
    }

    .circulo-destaque .firstline.org {
        margin-top: 10px;
    }

    .circulo-destaque p {
        line-height: 16px;
        width: 65%;
        margin: 0 auto;
    }

    .circulo-destaque .btn-edital {
        width: 116px!important;
    }

    .page-redes-de-ensino .circulo-destaque .nectar-button.small {
        border: solid 2px #E9C65A!important;
        font-size: 10px!important;
    }

    #topo .nectar_cascading_images {
        display: none!important;
    }

    

}

@media only screen and (min-width:1000px) {
    
    header {
        margin-top: 40px;
    }

    /* HOME DESKTOP */

    #hero .row-bg.using-image{
        background-position: -50px -50px!important;
        background-size: contain;
    }

    #conecte .row-bg.using-image{
        background-position: 1200px!important;
        background-size: contain;
    }

    .conectar .vc_column-inner{
        background-size: contain;  
        min-height: 485px!important;
    }

    #conecte h2 {
        letter-spacing: 0;
    }

    #conecte h3 {
        font-size: 18px!important;
    }

    #conecte .iwithtext:nth-last-child(2) {
        margin-left: -60px;
    }
    
    #conecte .iwithtext:last-child {
        margin-left: -100px;
    }

    #conecte .iwithtext {
        max-width: 70%;
        height: 78px;
        margin-bottom: 25px;
    }

    .row .col .iwithtext .iwt-icon img:not([srcset]) {
        width: 78px!important;
    }

    .beneficios .col .iwithtext .iwt-icon img:not([srcset]) {
        width: 69px!important;
    }

    .iwithtext .iwt-text {
        padding-left: 95px!important;
    }

    .beneficios .iwithtext .iwt-text {
        padding-left: 80px!important;
    }

    #jornada .etapa .vc_column-inner{
       padding-top: 60px;
        min-height: 415px;
    }

    #jornada .etapa .vc_custom_heading {
        font-size: 90px!important;
        padding-bottom: 10px;
    }

    #jornada .setores .vc_custom_heading {
        font-size: 28px!important;
        text-align: center;
    }

    #jornada .setores .ensino .vc_custom_heading {
        max-width: 35%;
        margin: 0 auto;
    }

    #jornada .setores .apoio .vc_custom_heading , #jornada .setores .tecnologia .vc_custom_heading {
        max-width: 50%;
        margin: 0 auto;
    }

    #jornada h3 {
        font-size: 20px;
        font-weight: 900!important;
    }

    #jornada p {
        font-size: 14px;
        line-height: 19px;
    }

    #jornada p > small {
        font-size: 13px;
    }

    #jornada .setores p {
		font-size:16px;
        line-height: 1.2;
        width: 70%;
        margin: 10px auto 0 auto;
    }

    .circulo-destaque p {
        width: 60%!important;
        margin: 0 auto;
    }

    .circulo-destaque .column-image-bg {
        background-size: contain!important;
    }

    /* PÁGINAS */

    #topo .row-bg.using-image {
        background-size: contain;
        -webkit-background-size: contain;
        background-position: -35vw center!important;
    }

    .sobre .row-bg.using-image {
        background-position: center 10%!important;
        background-size: 1000px!important;
    }

    .page .iwithtext {
        max-width: 70%;
    }

    .beneficios .iwithtext {
        max-width: 90%;
    }

    .beneficios h3 {
        max-width: 70%;
    }

    .circulo-destaque, .circulo-destaque .column-image-bg-wrap {
        min-height: 485px;
    }

    .circulo-destaque .column-image-bg {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .circulo-destaque .firstline {
        font-size: 40px!important;
        margin: 100px 0px 20px 0px;
    }

    .circulo-destaque .secondline {
        font-size: 70px!important;
    }

    .page-organizacoes-de-apoio #topo p {
        margin-left: 35px;
    }

    #topo .img-with-animation{display: none!important;}

    .page-edtechs #topo .img-with-animation{display: block!important;}

    /* ELEMENTS */

    .btn-edital {
        width: 190px!important;
    }

    .circulo-destaque .nectar-button {
        height: 50px!important;
        line-height: 30px!important;
    }

    /* contact form 7 */

    .wpcf7 .wpcf7-form-control-wrap.instituicao, .wpcf7 .wpcf7-form-control-wrap.tipo{
        float: left;
        width: 49%;
    }

    .wpcf7 .wpcf7-form-control-wrap.instituicao {
        margin-right: 2%;
    }
    
    /* TIPOGRAPHY DESKTOP ONLY */

    .subtitulo {
        font-size: 28px!important;
        line-height: 1.3;
        left: 0;
        top:20px;
    }

    h1 > .spacer {
        margin-left: 30px;
    }

    .conectar h2 {
        font-size: 16px;
    }

    .conectar h2 > strong{
        font-size: 28px;
        line-height: 25px;
    }

    .conectar p {
        font-size: 14px;
    }

    #footer-outer{
        margin-top: -300px!important;
    }
    
}

@media only screen and (min-width:1200px) {

    /* HOME */

    .slogan .subtitulo{
        left: 0;
        top: 30px;
        font-size: 74px!important;
    }
    
    .slogan .titulo {
        font-size: 120px!important;
        letter-spacing: -3px;
        margin-left: 0px;
        text-align: right!important;
    }

    .home .subtitulo {
        font-size: 34px!important;
        margin-bottom: 10px;
        padding-bottom: 0px!important;
    }

    .home .slogan .subtitulo {
        font-size: 74px!important;
    }

    .home h1 {
        font-size: 55px!important;
        line-height: 60px;
    }
    
    /* PÁGINAS */

    #topo p {
        font-size: 18.6px;
        line-height: 22.4px!important;
    }

    .subtitulo {
        font-size: 30px!important;
        padding-bottom: 20px!important;
    }

    #topo .titulo {
        font-size: 50px!important;
        letter-spacing: -3px!important;
    }

    #topo .titulo.second {
        margin-left: 20px;
    }

    #topo .row-bg.using-image {
        background-position: -50vw center!important;
    }

    .sobre .row-bg.using-image {
        background-position: center 45%!important;
        background-size: 980px!important;
    }

    .circulo-destaque .firstline {
        font-size: 68px!important;
    }

    .circulo-destaque .secondline {
        font-size: 105px!important;
    }

    .circulo-destaque .firstline, .circulo-destaque .secondline {
        letter-spacing: -2px;
        margin: 60px 60px 20px auto;
        text-align: right!important;
    }

    .page-organizacoes-de-apoio .circulo-destaque .firstline, .page-organizacoes-de-apoio .circulo-destaque .firstline.org, .page-organizacoes-de-apoio .circulo-destaque .secondline {
        text-align: left!important;
    }

    .page-edtechs .circulo-destaque .firstline, .page-edtechs .circulo-destaque .firstline.org, .page-edtechs .circulo-destaque .secondline {
        text-align: center!important;
    }

    .page-organizacoes-de-apoio .circulo-destaque .firstline {
        margin: 60px 0 0 70px;
    }

    .page-edtechs .circulo-destaque .firstline {
        margin: 30px auto 0 auto;
    }
    .page-edtechs .circulo-destaque .firstline.org {
        margin-top: 60px;
        margin-left: 100px;
    }

    .page-edtechs .circulo-destaque .secondline {
        margin-left: 60px;
    }

    .page-organizacoes-de-apoio .circulo-destaque .firstline.org {
        margin-top: 35px;
        margin-left: 40px;
    }

    .page-organizacoes-de-apoio .circulo-destaque .secondline{
        padding-top: 10px;
        text-align: center!important;
    }

    .circulo-destaque .btn-edital {
        position: relative;
        left: 40px;
    }

    .circulo-destaque p {
        font-size: 13px;
        width: 60%!important;
        margin: 0 0 0 120px;
    }

    /* CONTATO */

    #contato p {
        font-size: 22px;
    }

    /* FOOTER */

    #contato {
        transform: translateY(-300px);
    }

    
}

@media only screen and (min-width:1366px) {

    #topo .row-bg.using-image {
        background-position: -43vw center!important;
    }

    .circulo-destaque .firstline {
        font-size: 74px!important;
    }

    .circulo-destaque .secondline {
        font-size: 120px!important;
    }

    .circulo-destaque .btn-edital {
        position: relative;
        left: 60px;
    }

    .page-organizacoes-de-apoio .circulo-destaque .btn-edital {
        left: 40px;
    }

    .slogan .titulo {
        margin-left: 50px;
    }

    /* TIPOGRAFIA */

    .subtitulo {
        font-size: 34px!important;
    }

    #topo .titulo {
        font-size: 60px!important;
        letter-spacing: -3px!important;
    }
}
@media only screen and (min-width:1500px) {

    #hero .row-bg.using-image{
        background-position: -150px -50px!important;
    }

    #conecte .row-bg.using-image{
        background-position: 1600px 200px!important;
        background-size: 50%;
    }

    /* PÁGINAS */

    #topo .row-bg.using-image {
        background-position: -32vw center!important;
    }

    
}

@media only screen and (min-width:1900px) {

    /* HOME */

    /*#video {
        margin-top: -400px;
    }*/

    /* PÁGINAS */

    #topo .row-bg.using-image {
        background-position: -12vw center!important;
    }

}