/*
Theme Name: Zeg Biogás
Author: Douglas Guilherme Deschamps
Author URL: https://douglasgd.com
Version: 1.0.0
Tags: bootstrap
*/

/* ================================================================== *
 * Fontes [ZEG]
 * ================================================================== */
@font-face {
    font-family: 'GothamLight';
    src: url("./fonts/Gotham-Light.eot");
    src: url("./fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Gotham-Light.woff2") format("woff2"), url("./fonts/Gotham-Light.woff") format("woff"), url("./fonts/Gotham-Light.ttf") format("truetype"), url("./fonts/Gotham-Light.svg#./fonts/Gotham-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBold';
    src: url("./fonts/Gotham-Bold.eot");
    src: url("./fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Gotham-Bold.woff2") format("woff2"), url("./fonts/Gotham-Bold.woff") format("woff"), url("./fonts/Gotham-Bold.ttf") format("truetype"), url("./fonts/Gotham-Bold.svg#./fonts/Gotham-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GothamXLight';
    src: url("./fonts/Gotham-XLight.eot");
    src: url("./fonts/Gotham-XLight.eot?#iefix") format("embedded-opentype"), url("./fonts/Gotham-XLight.woff2") format("woff2"), url("./fonts/Gotham-XLight.woff") format("woff"), url("./fonts/Gotham-XLight.ttf") format("truetype"), url("./fonts/Gotham-XLight.svg#./fonts/Gotham-XLight") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GothamThin';
    src: url("./fonts/Gotham-Thin.eot");
    src: url("./fonts/Gotham-Thin.eot?#iefix") format("embedded-opentype"), url("./fonts/Gotham-Thin.woff2") format("woff2"), url("./fonts/Gotham-Thin.woff") format("woff"), url("./fonts/Gotham-Thin.ttf") format("truetype"), url("./fonts/Gotham-Thin.svg#./fonts/Gotham-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
}

* {
    font-family: 'GothamBold', "Poppins", "Roboto", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
    font-family: 'GothamLight', "Poppins", "Roboto", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    max-width: 1920px;
    width: 100%;
    margin: auto;
}

.logo {
    max-height: 130px;
    max-width: 100%;
}

nav.navbar {
    margin-bottom: 0;
}

.navbar .container-fluid {
    position: relative;
    margin-bottom: 0;
}

.navbar-nav.dt {
    margin-top: 52px;
    float: right;
}

.navbar-brand {
    height: auto;
}

.navbar-nav .menu li {
    display: inline-block;
}

a, a:visited, a:hover, a:active {
    text-decoration: none;
}

.navbar-nav .menu li a {
    font-weight: 800;
    font-size: 20px;
    color: #2ba8e0;
}

.navbar-nav .menu li a:active, .navbar-nav .menu li.current-menu-item:not(:last-child) a {
    /*.navbar-nav .menu li a:active, .navbar-nav .menu li.current-menu-item a {*/
    color: #8ec543;
}


.no-margin-botton {
    margin-bottom: 0;
}

.home .content h1:first-child {
    display: none;
}

.menu_mb {
    cursor: pointer;
}

.home figure.shadow-bottom > img {
    box-shadow: 0 20px 20px rgba(0, 0, 0, .25);
    margin-bottom: 100px;
}

.home .has-3-columns > .wp-block-column > figure.wp-block-image img {
    height: auto;
    width: 100%;
}

.home > .content > .itens4 h4,
.page-id-5 > .content h4 {
    font-weight: 800;
    color: #2ba8e0;
    font-size: 1.9vw;
}

.home > .content > .itens4 p {
    color: #818284;
    font-size: 25px;
}

.home > .content > .itens4 a {
    color: #8ec543;
    font-weight: 800;
}

.itens4 > .wp-block-column {
    padding-bottom: 35px;
    position: relative;
}

.itens4 strong {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

#wpadminbar {
    display: none;
}

.home hr {
    border-top: 1px solid #929395;
    border-bottom: 1px solid #898a8e;
    margin: 60px 40px 40px 40px;
}

.full-width-16x9 {
    width: 100%;
}

.max-width-16x9 {
    max-width: 100%;
}

.max-width-16x9 > div {
    width: 100%;
}

/*.content > h3 {*/
/*margin-left: 40px;*/
/*}*/

.content .redes-sociais {

}

.content > h3.nossas-solucoes {
    font-size: 3.3854vw;
}

.content > h1, .content > h2, .content > h3, .content > h4 {
    margin-top: 80px;
    margin-bottom: 60px;
    font-size: 4.16vw;
    font-weight: 600;
    letter-spacing: 0px;
}

.content > h1, .content > h3 {
    color: #8ec543;
}

.content > h2, .content > h4 {
    color: #2ba8e0;
}

.home .nossas-solucoes-imgs {
    margin-top: 0;
}

.home .nossas-solucoes-imgs figcaption a {
    color: #2aa9e0;
    font-size: 4.25vw;
    font-weight: 700;
}

.home .quem-somos-ttl {
    font-size: 35px;
    font-weight: bold;
    color: #818286;
    margin-top: 0;
    display: block;
}

.home .quem-somos-ttl > div.active {
    color: #2aa9e0;
}

.home .quem-somos-ttl > div {
    display: inline-block;
}

.home .quem-somos-txt div.inactive {
    visibility: hidden;
    display: none;
}

.home .quem-somos-txt div.active {
    display: block;
}

.home .quem-somos-txt {
    position: absolute;
    font-size: 30px;
    font-weight: 100;
}

.home .quem-somos-txt {
    display: block;
    max-width: 100%;
    margin-top: 0;
    position: relative;
}

.home .quem-somos-txt .wp-block-column {
    margin: 0;
    padding: 0;
}

hr.margin {
    margin-left: 70px;
    margin-right: 70px;
}

.margin {
    margin-left: 120px;
    margin-right: 120px;
}

.rs-icons {
    /*margin-top: 100px;*/
    text-align: center;
}

.rs-icons a img {
    width: 80px;
    height: 80px;
}

.rs-icons a:not(:last-child) {
    margin-right: 10px;
}

.rs-icons a:not(:first-child) {
    margin-left: 10px;
}

.contato {
    background-color: #8dc641;
    margin-top: 100px;
}

.contato .ttl {
    color: #fff;
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    padding-top: 70px;
    padding-bottom: 22px;
}

.contato span.wpcf7-form-control-wrap {
    display: block;
    min-width: 280px;
}

.contato wpcf7-response-output,
.contato input.wpcf7-form-control,
.contato span.wpcf7-form-control-wrap input,
.contato span.wpcf7-form-control-wrap textarea {
    width: 60%;
    border-radius: 20px;
    padding: 15px;
    margin-top: 35px;
    border: 0px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
}

input::selection, textarea::selection {
    color: #fff;
    background-color: #8dc641;
}

.contato form span > span {
    padding-left: 20px;
}

.contato form {
    padding-bottom: 3vw;
}

.contato form .wpcf7-response-output {
    border-radius: 20px;
}

.contato input.wpcf7-submit {
    width: auto;
    background-color: #2ea7e0;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}

footer {
    padding-top: 70px;
    padding-bottom: 25px;
}

footer > .has-2-columns > div:first-child {
    position: relative;
}

footer > .has-2-columns > div:first-child > p {
    right: 0;
    position: absolute;
    top: 15px;
    font-size: 25px;
    color: #2ea7e0;
    font-weight: bold;

}

.glyphicon {
    top: -1px;
}


body:not(.home) p.ttl-ul {
    margin-bottom: 2vw;
}

.page-id-5 h4 {
    margin-top: 4.6875vw;
}

.page-id-5 p {
    padding: 2vw 8vw 1vw 8vw;
    margin-bottom: 0;
}

.page-id-5 a {
    color: #8dc73f;
}

body:not(.home) p {
    /*font-size: 30px;*/
    font-size: 1.5625vw;
    color: #808185;
    margin-bottom: 1.5625vw
}

body:not(.home) footer {
    margin-top: 5vw;
}

.page-id-16 .logos figure { /* página sobre */
    margin-bottom: 3vw;
}

ul > li {
    font-family: "GothamLight", "Poppins", "Roboto", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}

ul.zeg-ul > li, ul.zeg-ul.simple {
    font-size: 1.7708vw;
    color: #808185;
}

ul.zeg-ul > li:before {
    content: '';
    display: inline-block;
    height: 1.7708vw;
    width: 3.5416vw;
    background-image: url("/wp-content/uploads/2019/06/cropped-planta-512x512-192x192.png");
    background-position: center;
    background-size: cover;
    margin-right: 1vw;
}

ul.zeg-ul.simple > li:before {
    content: "\2022";
    color: #8cc63c;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    height: auto;
    width: auto;
    background-image: none;
    background-position: unset;
    background-size: unset;
    /*margin-right: unset;*/
}

ul.zeg-ul {
    margin-bottom: 5vw;
    list-style: none;
    padding-left: 0;
}

.page-id-28 p {
    font-size: 1.7187vw;
    margin-bottom: 3.6458vw;
}

.page-id-28 .grafico {
    text-align: center;
}

.page-id-34 .content p.margin {
    margin-top: 3vw;
    margin-bottom: 4vw;
}

footer#site-footer.ffixxed {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
}

@media screen and (min-width: 1300px) {
    .navbar-nav .menu_mb {
        display: none;
    }

    .navbar-nav .menu {
        display: block;
    }

    .navbar-nav .menu:last-child li:not(:last-child) {
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #2ba8e0;
    }

    .quem-somos-ttl .wp-block-column:not(:first-child) {
        margin-left: 4vw;
    }

    .home > .content > .itens4 h4,
    .page-id-5 > .content h4 {
        font-size: 1.9vw;
    }

    .contato input.wpcf7-form-control.wpcf7-submit {
        padding: 25px 50px;
    }

    .contato input.wpcf7-form-control,
    .contato span.wpcf7-form-control-wrap input,
    .contato span.wpcf7-form-control-wrap textarea {
        font-size: 20px;
        padding: 38px 30px;
    }
}


@media screen and (max-width: 1300px) {
    .navbar-nav .menu_mb > h3 {
        display: inline-block;
    }

    .navbar-nav .menu_mb {
        display: block;
        color: #2ba8e0;
    }

    .navbar-nav:hover .menu_mb {
        color: #8ec543;
    }

    .navbar-nav .menu-cont {
        position: relative;
        width: 260px;
        min-width: 260px;
        text-align: right;
    }

    .navbar-nav .menu {
        display: none;
        text-align: left;
        width: 100%;
    }

    .navbar-nav:hover .menu {
        display: block;
        position: absolute;
        right: 0;
    }

    .navbar-nav .menu ul li:first-child {
        border: 1px solid #2ba8e0;
    }

    .navbar-nav .menu ul li:not(:first-child) {
        border-left: 1px solid #2ba8e0;
        border-right: 1px solid #2ba8e0;
        border-bottom: 1px solid #2ba8e0;
    }

    .navbar-nav .menu ul li {
        display: block;
        background-color: rgba(255, 255, 255, .85);
        width: 100%;
        padding: 10px;
        border: none;
    }

    .quem-somos-ttl .wp-block-column:not(:first-child) {
        margin-left: 1.1vw;
    }

    .contato .ttl {
        font-size: 40px;
    }

    .content > h3.nossas-solucoes, .content > h1, .content > h2, .content > h3, .content > h4 {
        letter-spacing: 0;
        font-size: 4vw;
    }

    .page-id-28 p {
        font-size: 2.6vw;
    }
}

@media screen and (max-width: 1100px) {
    .quem-somos-ttl p {
        font-size: 3.25vw;
    }

    .home figure.shadow-bottom > img {
        margin-bottom: 5vh;
    }

}

@media (min-width: 783px) {

    .home .nossas-solucoes-imgs figcaption a {
        font-size: 1.825vw;
    }

    hr.margin {
        margin-left: 50px;
        margin-right: 50px;
    }

    .margin {
        margin-left: 80px;
        margin-right: 80px;
    }

    .content .redes-sociais .wp-block-column {
        margin-bottom: 0;
    }

    .content .redes-sociais .wp-block-column:not(:first-child) {
        margin-left: 50px;
    }

    .content .redes-sociais .wp-block-column .wp-block-image:not(:first-child) {
        margin-top: 50px;
    }

    .wp-block-column:not(:first-child) {
        margin-left: 50px;
    }

    .home > .content > .itens4 p {
        font-size: 1.3045vw;
    }
}

@media (max-width: 800px) {
    .home > .content > .itens4 h4,
    .page-id-5 > .content h4 {
        font-size: 3vw;
    }
}

@media (max-width: 782px) {

    hr.margin {
        margin-left: 20px;
        margin-right: 20px;
    }

    .margin {
        margin-left: 30px;
        margin-right: 30px;
    }

    .page-id-28 p {
        font-size: 25px;
    }


    .content > h3.nossas-solucoes, .content > h1, .content > h2, .content > h3, .content > h4 {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    ul.zeg-ul > li,
    ul.zeg-ul.simple,
    body:not(.home) p {
        font-size: 20px;
    }

    ul.zeg-ul > li:before {
        height: 25px;
        width: 50px;
    }

    .contato .ttl {
        padding-bottom: 0;
        line-height: 40px;
        padding-top: 20px;
    }

    .contato input.wpcf7-form-control,
    .contato span.wpcf7-form-control-wrap input,
    .contato span.wpcf7-form-control-wrap textarea {
        margin-top: 20px;
    }
}

.navbar-nav.mb {
    display: none;
}

@media (min-width: 600px) {
    .mob-only-br br:after {
        content: " ";
    }

    .mob-only-br br {
        display: contents;
    }
}

@media (max-width: 600px) {

    .navbar-nav:hover .menu_mb:not(.show) {
        color: #2ba8e0;
    }

    .navbar-nav.mb {
        display: inline-block;
        margin-top: 9vw;
        text-align: right;
        float: right;
        margin-right: 0px;
    }

    .navbar-nav.dt {
        display: none;
        margin-top: 0px;
    }

    .navbar-nav.dt.show .menu ul {
        padding-left: 0;
        margin-left: 0;
    }

    .navbar-nav.dt.show {
        margin-left: 5px;
        margin-right: -5px;
    }

    .navbar-nav.dt.show .menu,
    .navbar-nav.dt.show {
        display: block;
    }

    .navbar-nav.dt.show .menu_mb {
        display: none;
        opacity: 0;
    }

    hr.margin {
        margin-left: 10px;
        margin-right: 10px;
    }

    .margin {
        margin-left: 20px;
        margin-right: 20px;
    }

    .navbar-brand {
        display: inline-block;
        text-align: left;
        width: 50%;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav {
        display: inline-block;
        margin-top: 0;
    }

    .home > .content > .itens4 h4:after,
    .home > .content > .itens4 h4,
    .page-id-5 > .content h4 > br:after,
    .page-id-5 > .content h4 > br {
        content: " ";
    }

    .home > .content > .itens4 h4,
    .page-id-5 > .content h4 {
        font-size: 5.8vw;
    }

    .home > .content > .itens4 p {
        font-size: 4vw;
    }


    .quem-somos-txt p {
        font-size: 20px;
    }

    .home figure.shadow-bottom > img {
        margin-bottom: 30px;
    }

    .home .itens4 > div {
        margin-top: 15px;
    }

    .home .redes-sociais .wp-block-column {
        margin-bottom: 0;
    }

    .content > h3.nossas-solucoes, .content > h1, .content > h2, .content > h3, .content > h4 {
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 25px;
    }

    .rs-icons a img {
        max-width: 16%;
        height: auto;
    }

    .rs-icons {
        margin-top: 20px;
    }

    .contato {
        margin-top: 20px;
    }

    .contato .ttl {
        line-height: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contato input.wpcf7-form-control,
    .contato span.wpcf7-form-control-wrap input,
    .contato span.wpcf7-form-control-wrap textarea {
        width: 100%;
    }

    footer {
        padding-top: 30px;
    }

    footer > .has-2-columns > div:first-child > p {
        position: static;
        text-align: center !important;
    }

    footer .wp-block-image {
        text-align: center;
    }

    .home .quem-somos-txt {
        margin-top: 15px;
    }

    .quem-somos-ttl p {
        font-size: 20px;
        margin: 0;
    }

    .home .wp-block-columns.has-3-columns.quem-somos-ttl > div {
        display: block;
        margin: 0px;
    }

    span.wpcf7-form-control-wrap.nome input {
        margin-top: 0;
    }

    .zeg-pli p:before {
        content: '';
        display: inline-block;
        height: 1.7708vw;
        width: 3.5416vw;
        background-image: url("/wp-content/uploads/2019/06/cropped-planta-512x512-192x192.png");
        background-position: center;
        background-size: cover;
        margin-right: 1vw;
    }

    footer > .has-2-columns > div:first-child > p {
        font-size: 20px;
    }
}


@media screen and (min-width: 992px) {
    hr.margin {
        margin-left: 70px;
        margin-right: 70px;
    }

    .margin {
        margin-left: 120px;
        margin-right: 120px;
    }
}


@media screen AND (min-width: 1921px) {
    .page-id-5 > .content h4,
    .home > .content > .itens4 h4, .page-id-5 > .content h4 {
        font-size: 35px;
    }

    .home > .content > .itens4 p {
        font-size: 25px;
    }

    .content > h3.nossas-solucoes {
        font-size: 65px;
    }

    .home .nossas-solucoes-imgs figcaption a {
        font-size: 35px;
    }

    .content > h1, .content > h2, .content > h3, .content > h4 {
        font-size: 80px;
    }

    body:not(.home) p {
        font-size: 30px;
    }

    ul.zeg-ul > li, ul.zeg-ul.simple {
        font-size: 35px;
    }

    .content .wp-block-image img {
        margin-bottom: 50px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    }

    .page-id-5 h4 {
        margin-top: 50px;
    }
}


.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}