img{max-width: 30%;}

/** Cabeçalho **/

header.cabecalho{
    padding: 15px 0px;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    background: #fff;
    position: relative;
    
}

header.cabecalho .logo{
    width: 100%;
    display: flex;
    align-items: center;
}

.traco{
    border-radius:10px;
    
}

header.cabecalho .menu{
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

header.cabecalho .navbar{
    margin-bottom: 0px;
    padding-top: 6px;
}


header.cabecalho nav ul {
    list-style-type: none;
    text-align: right;
    margin: 0px; padding: 0px;
    display: flex;
    align-items: center;
}



header.cabecalho .row{position: relative;}
header.cabecalho .navbar-toggler{
    font-size: 1.8em;
    color: #2E3A47;

    width: 25px;
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 25px;

    padding: 6px 0px;
    display: none;

    border: none;
    background: transparent;
}

header.cabecalho .navbar-toggler:focus-visible,
header.cabecalho .navbar-toggler:focus{
    border: none;
    outline: none;
    box-shadow: none;
}

header.cabecalho nav ul li {
    display: inline-block;
    padding-left: 30px;
    font-size: 1.2em;
}

header.cabecalho nav ul li a{
    text-decoration: none;
    color: #7C8082;
}

header.cabecalho nav ul li a i{color: #2E3A47;}
header.cabecalho nav ul li a span{padding-left: 5px;}

header.cabecalho nav ul li a button{
    background: #125643;
    border-color: #125643;
    padding: 6px 20px;
    font-size: 0.9em;
}

header.cabecalho nav ul li a button i,
header.cabecalho nav ul li a button span{color: #fff;}


/** Busca **/

div.produto,
div.home{
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
}

.div-busca{
    padding: 50px 0px;
    background: #fff;
    text-align: center;
}

.div-busca h1 {
    font-weight: 700;
    color: #FF774A;
    font-size: 3em;
}

.div-busca hr{
    height: 6px;
    border: none;
    width: 110px;
    background: #1EA382;
    opacity: 1;
    display: block;
    margin: 20px auto 35px;
}


.div-busca .busca {
    width: 80%;
    margin-left: 10%;
    height: 50px;
    border: 1px solid #D0D9D7;
    border-radius: 50px;
    position: relative;
}

.div-busca .busca i{
    color: #848A90;
    position: absolute;
    top: 13px;
    left: 17px;
    font-size: 1.5em;
}
.div-busca .busca button{
    border: none;
    background: #FF774A;
    width: 110px;
    height: 100%;
    position: absolute;
    right: 0px; top: 0px;
    border-radius: 0px 50px 50px 0px !important;
    color: #fff;
    font-weight: 600;
}

.div-busca .busca input {
    width: calc(100% - 163px);
    height: 100%;
    position: absolute;
    left: 53px;
    top: 0px;
    border: none;
}

.div-busca .busca input:focus-visible{
    outline: none;
    border: none;
}

/** Categorias Home  **/

.div-categorias{
    padding: 65px 0px;
    background: linear-gradient(to bottom, #ffff, #125644);
    font-family: "Ubuntu", sans-serif;
}
.div-categorias h2 {
    color: #125644;
    font-size: 2.5em;
    font-weight: 500;
    text-align: center;
}

.div-categorias hr{
    height: 6px;
    border: none;
    width: 110px;
    background: #1EA382;
    opacity: 1;
    display: block;
    margin: 20px auto 30px;
}

.div-categorias .card-categoria{
    background: #fff;
    border-top: 7px solid #FF774A;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    min-height: 308px;
    margin-top: 30px;
    border-radius:20px;
}

.div-categorias .card-categoria.office{
    background: #fff;
    border-top: 7px solid #125644;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    min-height: 308px;
    margin-top: 30px;
    border-radius:20px;
}

.div-categorias .card-categoria.site{
    background: #fff;
    border-top: 7px solid #1EA382;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    min-height: 308px;
    margin-top: 30px;
    border-radius:20px;
}


.div-categorias .card-categoria .conteudo{
    padding: 25px;
    padding-bottom: 0;
}

.div-categorias .card-categoria hr{
    border: none;
    height: 6px;
    width: 100%;
    background: #000;
    margin: 0px;
}

.div-categorias .card-categoria img {
    max-width: 80%;
    display: block;
    margin: 10px auto 35px;
}

.div-categorias .card-categoria p{
    color: #848A90;
    font-weight: lighter;
}

.div-categorias .card-categoria .tags{margin-bottom: 20px}

.div-categorias .card-categoria .tags span{
    background: #F4F4F4;
    padding: 3px 14px;
    border-radius: 20px;
    margin: 6px 6px 6px 0px;
    display: inline-block;
    justify-content: center; 
    font-size: 1em;
    color: #125644;
}

.div-categorias .card-categoria .tags a{text-decoration: none;}

.div-categorias .card-categoria .btn-categoria{
    background: #ccc;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
}

.div-categorias .card-categoria.crm hr,
.div-categorias .card-categoria.crm .btn-categoria{
    background: #FF774A;
    border-color: #FF774A;
    border-radius: 20px;
}

.div-categorias .card-categoria.office hr,
.div-categorias .card-categoria.office .btn-categoria{
    background: #125644;
    border-color: #125644;
    border-radius: 20px;
}

.div-categorias .card-categoria.site hr,
.div-categorias .card-categoria.site .btn-categoria{
    background: #1EA382;
    border-color: #1EA382;
    border-radius: 20px;
}

/*** FOOTER ***/

footer{
    background: #125644;
    padding: 20px 0px;
    text-align: center;
}

footer p{
    padding: 0px; margin: 0px;
    color: #f9f2e7;
    font-size: 1.2em;
}
footer p a,
footer p a:hover{
    color: #FF774A;
    text-decoration: none;
    font-weight: bold;
}


/***
* =============================
*   PRODUTOS
* =============================
***/

.produto{
    font-family: 'Ubuntu', sans-serif;
}

/** BUSCA **/

.div-busca.busca-produto{
    padding: 80px 0px 180px;
    background: #0a246a;
}

.div-busca.busca-produto .logo{
    margin-bottom: 40px;
}

.div-busca.busca-produto .busca{background: #fff;}


/** VIDEOS **/

.videos{padding-bottom: 50px;}
.videos .conteudo{margin-top: -100px;}

a.btn-leia-mais {
    position: absolute;
    width: 80%;
    right: 0px;
    left: 40px;
    bottom: 30px;
}

.videos .conteudo .video{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px;
}

.videos .conteudo .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/** DÚVIDAS FREQUENTES **/

.duvidas-frequentes{padding: 50px 0px 20px; background: #F0F3FA;}

.produto h2,
.produto h1 {
    color: #2E3A47;
    font-size: 2.5em;
    font-weight: 400;
    text-align: center;
}


.produto hr{
    border: none;
    width: 86px; height: 6px;
    display: block; margin: 30px auto 0px;
}

.duvidas-frequentes .perguntas{
    margin: 40px 0px;
    padding: 0px;
    list-style-type: none;
}

.duvidas-frequentes .perguntas li{
    display: inline-block;
    padding: 10px 0px;
    width: calc((100% / 3) - 3px);
}

.duvidas-frequentes .perguntas li a{
    font-size: 1.2em;
    display: flex;
    justify-items: center;
    align-items: flex-start;
    text-decoration: none;
    justify-content: flex-start;
    padding: 2px 10px;
    text-align: left;
}

.duvidas-frequentes .perguntas li a i {color: #0081C6; font-size: 1.2em;}
.duvidas-frequentes .perguntas li a span {color: #2B4C5A; padding-left: 6px; transition: all 0.5s;}

.duvidas-frequentes .perguntas li a:hover{text-decoration: none;}
.duvidas-frequentes .perguntas li a:hover span{padding-left: 12px;}


/** BUSCA POR CATEGORIA **/
.div-topicos{
    padding: 50px 0px;
    text-align: center;
    background: #fff;
}

.div-topicos .tags{margin-top: 30px}

.div-topicos .tags span{
    background: #D0D9D7;
    padding: 5px 24px;
    border-radius: 20px;
    margin: 15px 15px 15px 0px;
    display: inline-block;
    font-size: 1.3em;
    color: #2B4C5A;
    transition: all 0.3s;
}

.div-topicos .tags a{text-decoration: none;}

.div-topicos .tags a:hover span{color: #fff;}


/* CORES */
.produto.vista-crm .div-topicos .tags a:hover span,
.produto.vista-crm hr,
.produto.vista-crm .div-busca.busca-produto{background: #FF774A;}

.produto.vista-office .div-topicos .tags a:hover span,
.produto.vista-office hr,
.produto.vista-office .div-busca.busca-produto{background: #125644;}

.produto.vista-sites .div-topicos .tags a:hover span,
.produto.vista-sites hr,
.produto.vista-sites .div-busca.busca-produto{background: #1EA382;}


/** RESPONSIVO **/
/* ************ */

@media (max-width: 1000px) {
    .duvidas-frequentes .perguntas li{
        width: calc(50% - 3px);
        text-align: center;
    }
}

@media (max-width: 991px) {
    header.cabecalho nav ul li{font-size: 1em; padding-left: 15px;}
}

@media (max-width: 767px) {
    header.cabecalho .menu{
        display: initial;
        margin-top: -44px;
    }

    header.cabecalho .navbar-toggler{display: initial;}
    header.cabecalho nav ul{display: block; margin-top: 50px;}
    header.cabecalho nav ul li{
        padding: 9px 0px;
        display: block;
    }

    .duvidas-frequentes .perguntas li{
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 983px) {
    .div-categorias .card-categoria{min-height: 300px;}
}

@media (max-width: 595px) {
    .div-busca h1,
    .div-categorias h2{font-size: 1.8em;}

    .div-busca .busca{
        width: 95%;
        margin-left: 2.5%;
    }
}


.kbg-section.negative-margin{
    margin-top: 0px !important;
}

.post-template-default .section-content {
    margin-top: 80px !important;
}

.widget a:hover{
    text-decoration: none;
    color: #FF774A;
}

.widget .widget-title{font-weight: bold;}
.widget .cat-item.cat-parent span{font-weight: bold;}
/*.widget .cat-item.cat-parent .children{padding-left: 10px}*/
.widget .cat-item.cat-parent .children span{font-weight: normal;}

a:hover{
    text-decoration: none !important;
}
.wp-block-tag-cloud a, .entry-content .wp-block-tag-cloud a, .comment-reply-link, #cancel-comment-reply-link, .entry-tags a, .button-tertiary, .kbg-contact-box .wp-block-button__link, .wp-block-file .wp-block-file__button, .widget .tagcloud a, .kbg-footer .widget .tagcloud a{
    background: #FF774A;
}

.button-tertiary{color: #fff !important;}

.button-tertiary:hover{
    filter: initial;
    opacity: 0.8;
    color: #fff !important;
}

.pagination{display: initial !important;}