/* (iggy_jcs/build_r1_f389) - todos os direitos reservados */
/* Gerado em 06/09/2019 14:29:33 - css */

:root {
    --main: #0088bd;
    --main-contrast: #FFF;
    --secondary: #adb1b2;
    --secondary-contrast: #FFF;
    --whatsapp: #25d366;
    --whatsapp-contrast: #FFF;
}

html,body{
    font-family: 'Muli', sans-serif !important;
}

body{

}

h1, h3, h4{
    color: var(--main);
}

h2{
    color: #000;
    font-size: 2.8em;
    text-decoration: none;
}

h2 a, h2 a:hover{
    color: #000;
    text-decoration: none;
}

.apoio{
    color: #666;
}

h1.quemsomos{
    font-weight: 700;
}

h1.quemsomos span{
    display: block;
    color: var(--secondary);
}

a.post-image{
    display: block;
    position: relative;
}

a.post-image span{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--main);
    color: var(--main-contrast);
    text-align: center;
    padding: 10px 20px;
}

.post-titulo{
    font-weight: bold;
    margin-bottom: 2px;
}

.post-categoria{
    font-size: 0.8em;
    text-transform: uppercase;
    color: #999;
}

.post-resumo{
    text-align: justify;
}

.historia{
    font-size: 0.8em;
}

.btn-custom2{
    background: var(--main-contrast);
    color: var(--main);
    border: 2px solid var(--main);
    border-radius: 20px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    -webkit-transition: background-color 0.8s, color 0.8s; /* For Safari 3.0 to 6.0 */
    transition: background-color 0.8s, color 0.8s; /* For modern browsers */
    cursor: pointer;
}

.btn-custom2:hover{
    text-decoration: none;
    color: var(--main-contrast);
    background: var(--main);
}

.btn-custom{
    background: var(--main-contrast);
    color: var(--main);
    border: 2px solid var(--main);
    border-radius: 20px;
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    -webkit-transition: background-color 1s; /* For Safari 3.0 to 6.0 */
    transition: background-color 1s; /* For modern browsers */
    width: 200px;
    text-align: left;
}

.btn-custom:hover{
    text-decoration: none;
    color: var(--main);
    background: #EAEAEA;
}

.btn-custom-red{
    color: #d5262f !important;
}

.btn-custom img{
    max-height: 30px;
    margin: 2px;
    position: relative;
    top: 1px;
}

.btn-custom span{
    position: relative;
    top: 2px;
}

.navbar-custom{
    background-color: var(--main) !important;
    text-transform: uppercase;
    font-size: 1em;
}

.navbar-custom .navbar-nav .nav-link{
    color: var(--main-contrast);
    font-size: 0.8em;
    font-weight: 700;

    -webkit-transition: color 1s; /* For Safari 3.0 to 6.0 */
    transition: color 1s; /* For modern browsers */
}

.navbar-custom .navbar-nav .nav-link:focus{
    color: var(--main-contrast);
}

.navbar-custom .navbar-nav .nav-link:hover{
    color: var(--secondary);
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: .99rem;
    padding-right: .99rem;
}

header{
    color: var(--main);
}

.topo-icones{
    padding-top: 30px;
}

.crc{
    font-size: 1.2em;
    position: relative;
    top: 5px;
}

.logo{
    position: relative;
    top: 30px;
}

.iggy{
    max-height: 24px;
}

.rodape{
    font-size: 0.8em;
    color: var(--main);
}

.rodape .azul{
    font-size: 10px;
}

.rodape-endereco{
    padding-top: 70px;
    margin-bottom: 0;
}

.rodape-copy{
    position: relative;
    top: 5px;
    margin-bottom: 0;
}

.rodape-social{
    padding-top: 90px;
}

.rodape-social a:hover{
    text-decoration: none;
}

img.social{
    max-width: 20px;
    position: relative;
    bottom: 2px;
}

.azul, .topo-azul{
    background-color: var(--main);
    color: var(--main-contrast);
}

.secondary{
    background: var(--secondary);
}

.secondary h2{
    color: var(--secondary-contrast);
    font-size: 2.8em;
}

.secondary p{
    color: #666;
}

a.post-link{
    color: #333;
    border-bottom: 1px solid #CCC;
}

a.post-link:hover{
    text-decoration: none;
    color: #666;
}

.post-show{
    background-position: center center;
    background-size: cover;
    color: #FFF;
    text-shadow: 1px 1px 1px #333;
    position: relative;
}

.post-show h1{
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 20%;
    padding: 0 10%;
    color: var(--main-contrast) !important;
}

.post-title{
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: bold;
    color: var(--main);
}

.post-description{
    font-size: 0.7em;
    font-weight: normal;
}

.post-time{
    font-size: 0.7em;
    font-weight: normal;
}

.post-by{
    font-size: 0.9em;
}

.post-content{
    border-bottom: 1px solid #CCC;
}

.list-group-item-sm{
    padding: .35rem .70rem !important;
    font-size: 0.8em;
}

.texto .esq{
    float: left;
    padding: 5px 10px 10px 0;
}

.texto .dir{
    float: right;
    padding: 5px 0 10px 10px;
}

.form_contato{
    padding: 10px 0 0 0;
}

.form_contato span.endereco_titulo{
    color: #333;
}

.form_contato p.endereco{
    margin: 5px 0 10px 0;
    font-size: 0.8em;
}

.form_contato p.endereco_fones{
    margin: 5px 0 10px 0;
    font-size: 1.3em;
    color: #333;
}

.form_contato input,.form_contato textarea, .form_contato select{
    width: 100%;
    margin: 8px 0 8px 0;
    background:none;
    padding: 8px;
    border: 1px solid #000 !important;
}

.form_contato select{
    height: 38px;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px !important;
}

.form_contato button,.form_contato button:hover{
    background-color: var(--main);
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
}

.form_contato button:disabled{
    color: #666;
}

/* XS */
@media (max-width : 575px) {
    .topo-azul{
        background-color: var(--main-contrast);
        color: var(--main);
        border-bottom: 6px solid var(--main);
    }

    .navbar-collapse{
        background: var(--main);
    }

    .navbar-custom{
        padding-bottom: 0;
        background-color: var(--main-contrast) !important;
    }

    .rodape-endereco{
        padding-top: 40px;
    }

    .rodape-social{
        padding-top: 20px;
    }

    .topo-icones{
        padding-top: 4px;
        padding-bottom: 6px;
    }

    .crc{
        font-size: 0.5em;
        top: 3px;
    }

    .btn-custom{
        border: 1px solid var(--main);
        border-radius: 20px;
        height: 25px;
        line-height: 15px;
        padding: 0 10px;
        width: 110px;
        text-align: center;
        font-size: 0.8em;
    }

    .btn-custom img{
        max-height: 15px;
    }

    .post-show h1{
        position: absolute;
        left: 0;
        bottom: 20%;
    }

    h1.blog-h1{
        font-size: 2em;
    }

    h2.blog-h2{
        font-size: 1.5em;
    }

    .post-show h1{
        font-size: 1.2em;
    }
}

/* SM */
@media (min-width : 576px) and (max-width: 767px) {
    .rodape-endereco{
        padding-top: 40px;
    }

    .rodape-social{
        padding-top: 20px;
    }

    .topo-icones{
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .logo{
        top: 20px;
    }

    .crc{
        font-size: 1em;
        top: 20px;
    }

    .btn-custom{
        border: 1px solid var(--main);
        border-radius: 20px;
        height: 30px;
        line-height: 15px;
        padding: 0 10px;
        width: 190px;
        text-align: left;
    }

    .btn-custom img{
        max-height: 20px;
    }
}

/* MD */
@media (min-width : 768px) and (max-width: 991px) {
    .logo{
        top: 35px;
    }

    .topo-icones{
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .crc{
        font-size: 1.1em;
        top: 15px;
    }

    .btn-custom{
        border: 1px solid var(--main);
        border-radius: 20px;
        height: 30px;
        line-height: 15px;
        padding: 0 10px;
        width: 190px;
        text-align: left;
    }

    .btn-custom img{
        max-height: 20px;
    }

    .rodape-endereco{
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .rodape-icone{
        position: relative; top: 35px;
    }

    .rodape-social{
        padding-top: 40px;
    }
}

/* LG */
@media (min-width : 992px) and (max-width: 1199px) {
    .topo-icones{
        padding-bottom: 4px;
    }

    .rodape-endereco{
        padding-top: 60px;
    }

    .rodape-icone{
        padding: 10px;
        position: relative; top: 8px;
    }

    .rodape-social{
        padding-top: 70px;
    }
}

/* XL */
@media (min-width : 1200px) {
    .rodape-icone{
        padding: 0 20px;
        position: relative; top: 10px;
    }
}