@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

body {
    font-family: 'Poppins', sans-serif;

}

/* Navbar e banner */

.logo {
    height: 160px;
}

.dj-megamenu-wrapper {
    float: right;
}

@media (max-width: 992px) {
    .logo {
        height: 90px;
    }
    .dj-megamenu-wrapper {
        margin-bottom: 20px;
        text-align: right;
    }
}

nav {
    top:50px;
}

/* Menu ecrã > 992px */
.dj-megamenu-default {
    background: none;
 } 

 .dj-megamenu-default li a.dj-up_a {
    color: #9cc538;
    border: none;
}

.dj-megamenu-default li.active a.dj-up_a {
    color: white;
    background: #9cc538;
}

.dj-megamenu-default li:hover a.dj-up_a {
    background: none;
    color: white;
}

.dj-megamenu-default li.hover a.dj-up_a {
    background: #9cc538;
    color: white;
}

.dj-megamenu-default li ul.dj-submenu > li {
    border: none;
}

.dj-megamenu-default li ul.dj-submenu > li > a {
    background: #008436;
    color: #fff;
    font-weight: bold;
}

/* #008436 novo verde */

.dj-megamenu-default li ul.dj-submenu > li > a.active {
    background: #9cc538;
}

.dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {
    background: #9cc538;
}
/* Fim menu ecrã > 992px */

/* Menu mobile */

.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {
    color: white;
    background: #094237;
}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover {
    color: #9cc538;
    background: black;
}

ul.dj-mobile-dark li.dj-mobileitem:hover >a {
    background: #9cc538;
    color: white;
}

.dj-offcanvas-dark {
    text-transform: uppercase;
}

.dj-offcanvas-dark .dj-offcanvas-top {
    background: #008436;
}

ul.dj-mobile-dark li.dj-mobileitem > a {
    border: none;
    background: #008436;
}

.dj-offcanvas-dark {
    background: #008436;
}

ul.dj-mobile-dark ul li.dj-mobileitem > a {
    background: #008436;
    color: white;
    border: none;
}

ul.dj-mobile-dark ul li.dj-mobileitem:hover > a {
    background: #9cc538;
}

ul.dj-mobile-dark li.dj-mobileitem:hover > a, ul.dj-mobile-dark li.dj-mobileitem.active > a {
    background: #9cc538;
}

/* Fim menu mobile */

.divop {
    top: 50px;
    width: 100%;
    height: 160px;
    opacity: 50%;
    background: black;
}

div.mod-languages a {
    padding: 0;
}

div.mod-languages ul li.lang-active {
    background: none;
}

.lang-selector {
    padding-top: 65px;
    text-align: end;
}

@media (max-width: 992px) {
    .lang-selector {
        padding-top: 35px;
    }
}


/* Slider */

@media (max-width: 992px) {
    .slider {
        display: none;
    }
}


/*  */
.body-top {
    background-color: #094237;
    color: white;
    font-size: 50px;
    text-align: center;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

/* Artigos em destaque */



.item-content figure {
    display: flex;
    justify-content: center;
    margin: 20px auto;
}

.item-content img {
    width: 350px;
    height: 260px;
} 

.item-content a.btn {
    background-color: #20752a;
    margin-bottom: 30px;
    border: none;
}


.item-content a.btn:hover {
    background-color: #f8ca12;
    color: #20752a;
    border: none;
}


/* .blog-item {
    border: 2px solid black;
} */

/* .a-link{
    font-size: 15px;
    margin-top: 10px;
} */

@media (max-width: 992px) {
    .body-top {
        height: 300px;
        padding-top: 150px;
    }
    .item-content img {
        width: 400px;
        height: auto;
    } 
}

@media (max-width: 872px) {
    .body-top {
        height: 400px;
        padding-top: 150px;
    }
}

@media (max-width: 572px) {
    .body-top {
        height: 500px;
        padding-top: 150px;
    }
}

@media (max-width: 992px) {
    .body-middle {
        height: 250px;
        background-color: #094237;
        color: white;
    }
}

/* Homepage */

.body-bottom {
    background: #f8ca12;
    color: #20752a;
}

.btn-body-bottom {
    background-color: #20752a;
    width: 200px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-radius: 10px;
}

.btn-body-bottom a {
    color: white;
}

.btn-body-bottom a:hover {
    color: #f8ca12;
}
/* Artigos */
.com-content-article figure {
    display: flex;
    justify-content: center;
}

.com-content-article img {
    width: 500px;
    height: auto;
}

@media (max-width: 992px) {
    .com-content-article img {
        width: 350px;
        height: auto;
    }
}

/* Tabela artigo */
.tablebgvd {
    background-color: #9ac93c;
    font-size: 14px;
}
.ttheadvd {
    border-bottom: 4px solid black;
}
.ttheadam {
    border-bottom: 4px solid #20752a;
}

.ttheadaba {
    border-bottom: 4px solid #fff;
}

.tableam {
    background-color: #f8ca12;
    color: #20752a;
    font-size: 14px;
}

.tableaba {
    background-color: #59832b;
    color: #fff;
    font-size: 14px;
}
.theight {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}
.tthead {
    text-align: center;
    line-height: 40px;
    font-size: 30px;
}

.tmobileh {
    height: 60px;
    vertical-align: middle;
}
.tmobilebioh {
    height: 65px;
    vertical-align: middle;
}
.tmobileborder {
    border-bottom: 3px solid #20752a;
}

/* Artigos sobre kiwilife */

.com-content-article {
    margin: 25px auto;
}

.com-content-article__body img {
    width: 100%;
}

/* Form */

.formContainer {
    margin: 30px auto;
}

.formRed {
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: -15px;
}

@media (max-width: 768) {
    .right-col {
        margin-top: 25px;
    }
}
    
@media (min-width: 768px) {
    .right-col {
        padding-left: 100px;
    }
}

.map {
    margin-top: 25px;
}

.right-col a {
    color: #008436;
    text-decoration: none;
}

.right-col a:hover {
    color: #f8ca12;
}

.left-col button {
    background: #20752a;
    border: none;
}

.left-col button:hover {
    background: #f8ca12;
    color: #20752a;
}

.form-check-label {
    font-size: 14px;
}

.form-label {
    font-size: 14px;
}

.formError {
    font-weight: normal;
    font-size: 14px;
}

.left-col p {
    font-size: 12px;
}

.form-check-input:checked {
    background-color: #20752a;
    border-color: #20752a;
}

.container button.rsform-thankyou-button {
    background: #20752a;
    border: none;
    margin-bottom: 100px;
}

.container button.rsform-thankyou-button:hover {
    background: #f8ca12;
    color: #20752a;
}

.container p.sub {
    margin-top: 100px;
}


/* Rodapé */

.complete-footer {
    background-color: #094237;
    color: white;
}
.txt-align{
    text-align: end;
}
.complete-footer a {
    text-decoration: none;
    color: white;
}

/* @media (min-width: 768px) {
    .lead {
        font-size: 27px;
    }
} */


/* Cores utilizadas */

/*
#094237
#20752a
#f8ca12
#9cc538
#008436
#9dc351

/*
#006239
#9dc351
*/

/* Cores novas

tabela kiwi verde #9ac93c
tabela kiwi amarelo #f8ca12
banner verde #094237
botões e menu #20752a
tabela abacate #59832b

*/