/*
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: 50%; min-width: 200px; height: auto; min-height: 150px; background: url(images/logo.png) no-repeat left center; text-indent: -9999px; display: block; margin: 10px 0; background-size:contain; position: relative; margin-bottom: -50px; z-index: 9; }
.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(255, 255, 255); border-radius: 10px; }
span.icon-bar {background-color: #fff;}
.topo { width: 100%; border-bottom: 1px solid #eee; }
    .topo .contato {text-align: left;}
    .infos-contato h1 { text-align: right; font-size: 1.8em; margin: 15px 0; line-height: 1.3em; font-weight: 700; }
        .infos-contato h1 b { margin-right: 15px; font-weight: bold; text-transform: uppercase; color: #5d5d5d; }


/*============================================
 Menu
============================================*/

.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: 10px 0;}
.nav>li>a { position: relative; display: block; padding: 5px 15px; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-left: 1px solid #fff; }
    .nav>li>a:focus, .nav>li>a:hover { font-weight: 700; background: transparent; }
.nav>li>a, .nav>li>a:focus, .nav>li>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; }
ul#menu-menu-principal-1 li a {
    color: #3E3D40;
    border-color: #3E3D40;
}
.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; }

/*============================================
 Fontes, tamanhos e títulos
============================================*/
h1,h2,h3,h4,h5,h6,p,ul,li,pre,a,i,strong,b, span {font-family: 'Muli','Helvetica Neue','Helvetica','Arial',sans-serif; color: #3E3D40;}
p { font-size: 1.2em; }
.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: 2em; line-height: 1.2em; font-weight: 400; text-transform: uppercase; text-decoration: underline; margin: 0; }
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: 1.2em; 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;}

/*============================================
 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: #009331; 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: 100px; width: 100px; border: 1px solid rgba(0, 0, 0, 0.16); }
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;*/ /*border-top: 1px solid #eee;*/ }
.rodape-impacta-2 { padding: 15px 0 15px 0; background-color: #ccc; }
.rodape-impacta a {color: #545454;}
.rodape-alternativo { background: #fff; min-height: 200px; }
footer h3 { font-size: 2em; font-weight: 700; }
footer i.fa { margin-right: 10px;}
.impacta { background: url(images/impacta-rodape.png); opacity: 0.9; text-indent: -9999px; display: block; margin: 15px auto; padding: 0px; height: 22px; width: 111px; }
.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;}

/*============================================
 Home
============================================*/
#section1 {}
    #section1 h1, #section3 h1 {margin-bottom: 0;}
    #section3 h1, #section3 h4 {text-align: center;}
    #section1 h4, #section2 h4, #section3 h4 {margin: 0;}
    #section1 p { margin: 0; }
#section2 { background: #ffa84c; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */ /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
    #section2 h1 {margin-bottom: 60px;}
    #section2 h4 {}
    #section2 h3 { text-transform: uppercase; font-size: 1em; font-weight: bold; }
    #section2 p { font-size: 0.9em; font-style: italic; margin-bottom: 3em; }
#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;}
         

/*============================================
  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; float: left; padding: 12px 24px; border-radius: 0; border: none; background: #2B2B29; text-transform: uppercase; font-weight: 600; 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; }
    input.wpcf7-form-control.wpcf7-submit:hover {background: #000;}
.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;text-align: center; padding: 10px 0;}
.mininews h3.news-title {margin-top: -7px;}
a.leia-mais {text-align: center; display: block; border: solid 4px #fff; background: #009331; font-weight: bold; margin: 0 auto;
    text-transform: uppercase;
    font-size: 1em;
    color: #fff;
    padding: 15px;
    border-radius: 0 0 30px 30px !important;
    width: 50%;
    -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.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: 20px 0; border-bottom: 1px solid #CCCCCC; }
.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
==============================================================*/

nav.navbar.navbar-static-top {
    background: #352726;
    position: relative;
    z-index: 8;
}
nav.navbar.navbar-static-top.fixo {
    position: fixed;
    top: 0;
    width: 100%;
}
i.fas.fa-phone-rotary {
    height: 21px;
    width: 26px;
    background: url(images/ico-phone.png) left center no-repeat;
    background-size: contain;
}
.infos-contato {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}
footer#footer-1 .infos-contato {
    justify-content: flex-start;
}
.barra-logo {
    background: #009331;
}
.banner {
    background: #352726;
    margin-bottom: 30px;
}

.chamada-culturas ul {
    list-style: none;
}
.chamada-culturas li {
    text-transform: uppercase;
    font-size: 1.2em;
}
.chamada-culturas ul {
    padding-left: 55px;
}
ul.lista-inverno {
    columns: 2;
}
.container-fluid.titulo {
    background: #352725;
    margin-bottom: 30px;
}
.container-fluid.titulo .container {
    background: #009331;
}
.texto-titulo {
    background: #352725;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.texto-titulo h2 {
    margin: 20px 0;
    color: #fff;
    text-transform: uppercase;
}
.texto-titulo img {
    max-height: 64px;
}
.texto-titulo.graos {
    margin-bottom: 15px;
    border-left: 50px solid #009331;
    padding-left: 15px;
}
section.culturas-inverno h4, section.culturas-verao h4 {
    text-transform: uppercase;
    text-decoration: underline;
}
section.culturas-inverno p, section.culturas-verao p {
    font-size: 1.2em;
    line-height: 1.4em;
}
img.foto-colheita {
    height: 376px;
    width: auto;
    margin-bottom: 15px;
}
.thumb-galeria {
    display: block;
    width: 100%;
    height: 250px;
    border: 1px solid #D1C5BE;
    border-radius: 5px;
    margin-bottom: 30px;
}
.box-video iframe {
    width: 100%;
    margin-bottom: 30px;
}

section#contato p {
    font-size: 1.8em;
}
section#contato p input, section#contato p textarea {
    font-size: 0.7em;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    font-size: 1.2em;
}


h5.box-data {
    display: block;
    background: #352725;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    font-size: 1.2em;
    border-radius: 30px 30px 0px 0px;
    border: 4px solid #fff;
    width: 50%;
    margin: -37px auto 0;
    position: relative;
}

footer#footer-1 span {
    font-size: 0.8em;
    text-transform: uppercase;
}




.logo-rodape {
    background: url(images/logo-rodape.png) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 200px;
    display: block;
}

a.ver-todas {
    display: block;
    margin: auto;
    background: #009331;
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #352725;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 30px;
    text-decoration: none;
}
a.ver-todas:hover {
    color: #fff;
}


/*============================================
  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: center;} 
.navbar-header, div#menu-principal { width: 100%; } 
a.leia-mais { float: left;} 

}

@media only screen and (max-width : 768px) 
{ 
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-titulo h2 {
    font-size: 1.8em;
    word-break: break-word;
    text-align: left;
}
.chamada-culturas ul {
    padding-left: 0;
}
img.foto-colheita {
    height: auto;
    width: 100%;
    margin-bottom: 15px;
}
.texto-titulo.graos {
    border-left: 20px solid #009331;
}
ul.lista-inverno {
    columns: 1;
}

}
@media only screen and (max-width : 320px) 
{ 
.logo { width: 220px;  background-position-x: right; } .navbar-toggle {  margin-right: 0;}  
}