/*
Theme Name: ImpactaFLEX
Theme URI: http://impactamidia.com.br
Description: Tema responsivo feito pela impactamídia
Author: Impactamídia 
Author URI: http://impactamidia.com.br
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: impactamidia 
Last Update: 06-Aug-17
*/


/*============================================
 Body
============================================*/

body { min-width: 320px; color: #000;}
/*============================================
 Imagens Responsivas
============================================*/
img { max-width: 100%; height: auto; vertical-align: middle; }


/*============================================
 Topo
============================================*/
.banner-full { width: 100%; min-height: 600px; background: #F9F9F9; margin-top: 15px; margin-bottom: 15px; }
.logo { width: 100%; min-width: 360px; height: auto; min-height: 90px; background: url(images/logo.png) no-repeat center center; text-indent: -9999px; display: block; margin: 10px 0; background-size:contain;  }
.navbar { position: relative; min-height: 50px; margin-bottom: 0; border: none; }
.navbar-collapse {border: none!important;}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 30px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid rgb(202, 202, 202); border-radius: 10px; }
span.icon-bar {background-color: #6f6f6f;}
.topo {width: 100%; position: relative; z-index: 9;background: #1f191a; }
    .topo h1 { text-align: right;font-size: 1em;margin: 50px 0;font-weight: 400; }
        .topo h1 b {margin-right: 0;font-weight: 600;text-transform: uppercase;color: #fff; }
a.whatsapp-topo {width: 100%;max-width: 220px;border: 2px solid #00BC73;text-align: center;padding: 13px 25px;text-decoration: none;border-radius: 30px;-webkit-border-radius: 30px;
    -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
a.telefone-topo {position: relative;right: 20px;}
.texto-sobre {position: relative;top: 60px;}
/*============================================
 Menu
============================================*/
.galeria-1, .galeria {padding: 0;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {}
.navbar-inverse .navbar-nav>li>a {}
div#menu-principal {margin: 30px 0;}
.nav>li>a { position: relative; display: block; padding: 10px 15px; color: #000; text-transform: uppercase; letter-spacing: 1px; border: 2px solid transparent; }
    .nav>li>a:focus, .nav>li>a:hover { border: 2px solid #6f6f6f; background-color: transparent; }
.nav>li>a, .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; border-radius: 30px; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: #f44028;
}
.dropdown-menu {padding: 1em;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; border-radius: 30px; }
h1.contato a {color: #fff;font-weight: 200;}
/*============================================
 Fontes, tamanhos e títulos
============================================*/
h1,h2,h3,h4,h5,h6,p,ul,li,pre,a,i,strong,b, span, input {font-family: 'Poppins','Helvetica Neue','Helvetica','Arial',sans-serif;}
.flex-page h1,.flex-page h2,.flex-page h3,.flex-page h4,.flex-page h5,.flex-page h6,.flex-page p {margin: 1em 0;}
.flex-page h1 { font-size: 3em; font-weight: 700; margin-top: 0; }
.flex-page h2 { font-size: 2em; font-weight: 700; }
.flex-page h3, h3 { font-size: 1.5em; line-height: 1.2em; font-weight: 900; }
h3.news-title {margin: 0;}
.flex-page h4 { font-size: 1.2em; line-height: 1.4em; font-weight: 400; }
.flex-page h5 { font-size: 1em; line-height: 1.6em; font-weight: 700; }
.flex-page p { font-size: 1em; line-height: 1.6em; }
.flex-title { background-color: #f44028; color: #fff; padding: 20px 0; }
.flex-content {margin-bottom: 30px;}
h1.page-title { margin: 20px 0;font-size: 3.2em;}
h3.flex-title { font-weight: bold; margin: 0 0 15px 0; }
h5.date {margin: 0;}
#section1 span {font-weight: 100;display: block;color: #ff171e;font-size: 30px;}
/*============================================
 Variações de Espaçamento
============================================*/
.vertical-1 { padding: 15px 0 !important }
.vertical-2 { padding: 30px 0 !important }
.vertical-3 { padding: 45px 0 !important }
.vertical-4 { padding: 60px 0 !important }
.vertical-5 { padding: 90px 0 !important; }
.only-bottom-1 {padding-bottom: 15px;}
.only-bottom-2 {padding-bottom: 30px;}
.only-bottom-3 {padding-bottom: 45px;}
.m-only-bottom-1 {margin-bottom: 15px;}
.m-only-bottom-2 {margin-bottom: 30px;}
.m-only-bottom-3 {margin-bottom: 45px;}
.only-top-1 {padding-top: 15px;}
.only-top-2 {padding-top: 30px;}
.only-top-3 {padding-top: 45px;}
.m-only-top-1 {margin-top: 15px;}
.m-only-top-2 {margin-top: 30px;}
.m-only-top-3 {margin-top: 45px;}
.center {text-align: center;}


/*============================================
  General
============================================*/
a { color: #545454; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
    a:focus, a:hover { color:#e8171e; text-decoration: underline; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
    a.flex-button { border-radius: 30px; border: 2px solid #000; text-align: center; padding: 15px 30px; max-width: 220px; display: block; position: relative; left: 50%; margin-left: -110px; text-transform: uppercase; color: #000; letter-spacing: 1px; font-weight: bold; font-size: 1em; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
        a.flex-button:hover { text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; border: 2px solid transparent; color: #fff; background-color: #000; }
        a.flex-button.flexnews { left: 0; margin-left: 0; font-size: 0.9em; max-width: 200px; }
span.svgi { border-radius: 50%;display: inline-block;height: 90px;width: 90px;background: #0D7AF3; }
.icone-2 span.svgi, .icone-4 span.svgi {background: #0A5EBE;}
.icone-1 img.svg, .icone-4 img.svg, .icone-2 img.svg {position: relative;top: 6px;}
img.svg {padding: 24px;}
.btn-info { color: #fff; background-color: #f44028; border-color: #f44028; }
.flex-page {padding: 30px 0;}
.rodape-impacta {     padding: 15px 0 15px 0;
    background: #1f191a;}
.rodape-impacta-2 { padding: 15px 0 15px 0; background-color: #ccc; }
.rodape-impacta a {color: #fff;}
.rodape-alternativo { background: #fff; min-height: 200px; }
footer h3 { font-size: 1.5em;
    color: #e8171e;
    font-weight: 700;}
footer i.fa { margin-right: 10px;}
.impacta {background: url(images/logo.png)no-repeat center; opacity: 0.9; text-indent: -9999px; display: block;margin: 15px auto;  padding: 0px;  height: 90px;  width: 100%;}
.impacta-2 { margin: 15px auto; background: url(images/impacta-rodape-2.png); opacity: 0.9; text-indent: -9999px; display: block; padding: 0px; height: 22px; width: 111px; }
.galeria-lista { margin: 0; padding: 0; }
ul { padding: 0; list-style-position: inside; list-style-type: square; line-height: 1.8em; }
    ul.sub-menu {padding-left: 2em;}
h3.titulo-widget-lateral { border-bottom: 1px solid #eee; padding-bottom: 1em; }
.single h5 {font-size: initial;}
#wp-calendar { margin: auto;}
.textwidget p {line-height: 26px; color: #fff;}
a.rede-social {display: block;background: blue;text-align: center;color: #fff;max-width: 190px;padding: 10px;border-radius: 30px;text-transform: uppercase;font-weight: 700;font-size: 0.9em;}
a.facebook {background: #104EA3;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
a.instagram {background: #E40073;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
a.rede-social i {margin-right: 5px;}
.container-fluid.rodape-impacta-bottom {padding: 0;
    background: #1f191a;
    border-top: 2px solid #161213;}
textarea.wpcf7-form-control.wpcf7-textarea {
    float: left;
    line-height: 1.6em;
    padding-left: 14px;
    padding-right: 14px;
    height: 185px;
    resize: none;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text, textarea {
    line-height: 2.4em;
    background: #eee;
    outline: none;
    padding: 10px;
    font-size: 1em;
    font-weight: normal;
    color: #000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid rgba(0, 0, 0, 0);
    margin: 0 0 10px;
    width: 80%;
    float: right;
        border-radius: 30px;
}
/*============================================
 Home
============================================*/
#section1 {background: #F4F4F4;}
    #section1 h1, #section3 h1 {margin-bottom: 0;    text-align: left}
    #section3 h1, #section3 h4 {text-align: center;}
    #section1 h4, #section2 h4, #section3 h4 {margin: 0;}
    #section1 p { padding: 0 !important; text-align: left;font-size: 1.8em;font-weight: 300; margin:15px 0;}
#section2 {}
    #section2 h1 {margin-bottom: 60px;}
    #section2 h4 {}
    #section2 h3 { text-transform: uppercase; font-size: 1em; font-weight: bold;    margin: 30px 0 0; }
    #section2 p { font-size: 1em;}
#section3 {}
    #section3 h1:after {margin-bottom: 60px;}
    #section3 h4 {margin-bottom: 30px;}
    #section3 h3 a {color: black;}
        .flex-content.mininews { float: left; padding-bottom: 15px; margin-bottom: 15px; }
        .noticia-maior a.flex-button.flexnews {display: none;}
        .noticia-maior h3.news-title {margin-top: 15px;}
        .flex-content.mininews p { font-size: 0.9em; margin-bottom: 0; }
        .flex-content.mininews h3 a { color: #000; font-size: 0.8em; line-height: 0.8em; }
        .flex-content.mininews a.flex-button.flexnews {display: none;}
        .row.mini-meta h5 {font-size: 0.8em;}
    .secao-3 {background: #1f191a; padding: 90px 0;}        
    .secao-3 h1 {text-align: center;color: #fff;font-weight: 700; margin: 0 0 5px;}
    .secao-3 p {text-align: center;color: #fd3a40;}
    .secao-3 h3 {text-align: center;color: #fff;font-weight: bold;}
    .icone-tres p {text-align: left;color: #fff;font-weight: 200;}
    .img-secao-3 { padding: 0; position: relative; top: 10px; left: 30px;}
    .icone-tres {margin: 50px 0;}
    .texto-3 p {color: #fff;font-weight: 200;}
    .texto-3 {padding: 0 265px;}
/*============================================
  Contact Form 7
============================================*/

div.wpcf7 .ajax-loader { background: #fff url(../../plugins/contact-form-7/images/ajax-loader.gif) no-repeat center center; border: 3px solid #d6d6d6; padding: 20px; border-radius: 30px; }
.wpcf7 form p.p-email > span > span { border: 1px solid #FF8383; position: absolute; top: -13px; width: 451px; height: 41px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; }
.wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng { width: 100%; line-height: 3.5em; position: fixed; bottom: 0; margin: 0; left: 0; border: none; text-align: center; z-index: 9999; color: #FFF; font-family: 'Open Sans',sans-serif; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.wpcf7 .wpcf7-validation-errors, .wpcf7-mail-sent-ng { background: #de1414; border: none; }
.wpcf7 .wpcf7-mail-sent-ok {background: #33A13A;}
div.wpcf7-response-output {margin: 0;}
span.wpcf7-not-valid-tip { background-color: #de1414; color: #fff; font-size: 0.8em; padding: 2px 20px; display: block; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; margin-top: 2px; max-width: 200px; }
.contactflex input[type="email"], .contactflex input[type="text"], .contactflex textarea { line-height: 2.4em; background: rgba(228, 228, 228, 0.2); outline: none; width: 100%; font-size: 1.1em; font-weight: normal; color: #000000; padding-left: 14px; padding-right: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid rgba(0, 0, 0, 0); }
.contactflex input[type="email"]:hover, .contactflex input[type="text"]:hover, .contactflex textarea:hover, .contactflex input[type="email"]:focus, .contactflex input[type="text"]:focus, .contactflex textarea:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.20); }
.contactflex label { display: inline-block; width: 100%; margin-bottom: 5px; font-weight: 700; }
.contactflex textarea { line-height: 1.6em; padding-left: 14px; padding-right: 14px; height: 150px; resize: none; }
.contactflex form p { width: 100%; float: left; margin-bottom: 15px!important; }
.wpcf7 form p > span > input:focus,.wpcf7 form p > span > textarea:focus {border-bottom-color: rgb(167,130,64);}
input.wpcf7-form-control.wpcf7-submit {outline: none;padding: 20px 90px; border-radius: 0; border: none; background: rgb(232 23 30);border-radius: 0;color: white;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;margin: 20px auto 0;display: block; border-radius: 30px;}
    input.wpcf7-form-control.wpcf7-submit:hover {background: rgb(8, 55, 107);}
.pager li>a, .pager li>span { border-radius: 0!important; border: solid 2px rgb(236, 236, 236); font-weight: bold; margin-right: 2px; text-transform: uppercase; font-size: 0.8em; padding: 11px; border-radius: 50px !important; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
li.next a, li.previous a {padding: 11px 30px;}
.pager li>span {color: rgb(194,194,194);}
.pager li>a {color: rgb(77,77,77);}
.post-nav { clear: both; width: 100%; }
 



/*============================================
Page Templates
============================================*/

/* archive notícias category */
.flex-content.arquivo { border-bottom: 1px solid #eee; padding-bottom: 1.5em; }
    .flex-content.arquivo h3 {margin-bottom: 1em;}
    .flex-content.arquivo p {font-size: 1.2em;}
.mininews h3.news-title {margin-top: -7px;}
a.leia-mais { line-height: 1.6em; margin: 1em 0; text-align: center; display: block; border-radius: 0!important; border: solid 2px rgb(236, 236, 236); font-weight: bold; margin: 0; text-transform: uppercase; font-size: 0.8em; padding: 10px 25px; border-radius: 50px !important; -webkit-border-radius: 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; float: right; }
    a.leia-mais:hover { background-color: #eee; text-decoration: none; color: #000; }
.noticias-2 h3 {min-height: 50px;}
.noticias-2 h5 {font-size: 0.9em;}
/* template-image-repeater */
.img-repeater {margin-bottom: 30px;}
.row.img-repeater img {margin-top: 2em;}
.img-repeater .divider { border-bottom: 1px solid #eee; padding-bottom: 3.5em; }
.container .row.img-repeater:last-child .divider { border: none; padding-bottom: 0; }
/* template-faq */
.pergunta span { padding: 6px; margin-right: 5px; border-radius: 10px; background: #f44028; color: #fff; }
.resposta span { font-weight: 900; margin-right: 5px; }
/* template-2cols-frase */
h1.frase-grande { text-align: center; font-size: 3.5em; }
    h1.frase-grande:after, h1.frase-grande:before { content: ""; height: 8px; width: 40%; margin: 30px 30% 20px 30%; display: block; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); }
/* template-multi */
.divider { margin: 60px 0; border-bottom: 1px solid #eee; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
    .embed-container iframe,
    .embed-container object,
    .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.coluna-full { padding: 60px 0; margin: 60px 0; background: #eee; }

/*============================================================
  Css adicional - Colocar Classes novas a partir deste ponto
==============================================================*/
span.count {font-size: 3em; color: #424242;}
.secao-4 {padding: 60px 0;}
.secao-4 h1 {font-weight: 700;color: #1f191a;}
.secao-4 p { color:#fd3a40;margin: 0 0 60px;}
.secao-4 a {left: 0;margin: 40px auto 0;max-width: 250px;background: transparent;border: 2px solid #fff;color: #fff;font-size: 1em;font-weight: 100;text-transform: none;padding: 20px;}
.secao-4 a:hover{text-decoration: none;-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;border: 2px solid white;color: #fff;background-color: rgb(0 0 0 / 13%);}
.rodape-impacta .container {width: 1050px;}
.topo {display: block;}
.mobile-topo {display: none;}
a.whatsapp-topo:hover {text-decoration: none;border: 2px solid #00BC73;-webkit-border-radius: 30px;
    -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
a.rede-social.facebook:hover {text-decoration: none;background: #0e4188;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
a.rede-social.instagram:hover {background: #b8005d;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;text-decoration: none;}
.galeria-1 a:hover img {opacity: 0.5;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;text-decoration: none;}
.galeria {background: #272727;}
.galeria-1{width: 20%;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;text-decoration: none;}
/*============================================
  Pontos de Responsividade
============================================*/


@media only screen and (max-width : 1200px) 
{
img.svg {padding: 24px;}
}


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

.topo h1, .topo .contato, h1.page-title { text-align:right;} 
.navbar-header, div#menu-principal { width: 100%; } 
a.leia-mais { float: left;} 

}

@media only screen and (max-width : 768px) 
{
.rodape-impacta .container {width: 100%;}
div#menu-principal { margin-top: 0; }
footer {text-align: center;}
.nav>li { text-align: center; font-size: 1.2em; }
.flex-page {text-align: center;}
.img-repeater img {display: initial;}
a.leia-mais { float: none; width: 50%; margin: 15px 25%; }
.mininews h3.news-title {margin-top: 0;}
    .mininews h3.news-title a {font-size: 1em;}
    .flex-content.mininews {
    text-align: left; margin-top: 1em;
}
.flex-sidebar { text-align: left; padding: 0 4%; }
}

@media only screen and (max-width : 700px) 
{  
.flex-content.mininews { text-align: center; margin-top: 1em;}   
     .mininews h3.news-title {margin-top: 1em;}
}

@media only screen and (max-width : 480px) 
{
.texto-sobre {position: relative;top: 0;}
#section1 {padding: 50px 0 !important;}
.galeria-1 {width: 100%;}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text, textarea {width: 100%;}
a.rede-social {margin: 0 auto;}
.icone-tres p {padding: 0 50px;}
.img-secao-3 {padding: 0;position: relative;top: 0;left: 0;}
.texto-3 {padding: 0;}
.icone-tres p {text-align: center;}
.icone-tres img {margin: 0 auto;display: block;}
.secao-3 h1 {text-align: center;font-size: 2.2em;}
#section2 {padding: 60px 0 !important;}
span.svgi.aos-init.aos-animate {margin: 20px 0 0;}
#section1 p {text-align: center;font-size: 1.3em;    margin: 15px 0 50px;}
#section1 h1, #section3 h1 {font-size: 2.5em;text-align: center;}
a.logo {    margin: 0;
    min-width: 300px;}
a.telefone-topo {right: 5px;}
.topo {display: none;}
.mobile-topo {display: block;}
}
@media only screen and (max-width : 320px) 
{
#section1 h1, #section3 h1 {font-size: 2em;}
h1.contato a {font-size: 12px;}
.logo { width: 220px;  background-position-x: right; } .navbar-toggle {  margin-right: 0;}  
}