/* custom site Instituto Iluminar de Milagres/CE
   Todos os direitos reservados a krsites.com.br
   16-01-2026 - Versão KR 1.0 */


/*  logo - kr */

.logo-image {
    display: block;
    width: 290px;
}

/* modulo de notícia verde em destaque | sem posição - kr */

.lnpd_item_wrapper .lnpd_item_with_intro .lnpd_thumb_before_title img {
    float: left;
    border-radius: 12px;
    margin: .0em 1.5em .3em 0;

}

/* --- */

.lnpd_item_wrapper .lnpd_item_with_intro .lnpd_item_introtext {
    font-size: 16px;
    display: block;
    margin-bottom: 1.2em;
    margin-top: -0.5em;
    line-height: inherit;
    background: none;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    color: #ffffff;
    text-shadow: 0 1px 0 #000;
}

/* --- */

.lnpd_item_wrapper .lnpd_item_with_intro .lnpd_item_title {
    font-size: 1.9em;
    line-height: normal;
    display: block;
    margin-bottom: .3em;
    padding: 14px 2px 2px 2px;
}

/* --- */

.lnpd_item_wrapper .lnpd_item_with_intro .lnpd_item_date {
    font-size: .8em;
    color: #ffffff;
    display: block;
    margin-bottom: .7em;
    padding-bottom: 12px;
}

/* distancia da imagem do topo com a borda */

.lnpd_item_wrapper .lnpd_item_with_intro {
    clear: both;
    list-style: none;
    padding-top: 40px;
}


/* distancia do menu especial com o slide hero - kr */

.t4-header-r .header-action .btn, .t4-header-r .header-action .blog-list .item-readmore a, .blog-list .item-readmore .t4-header-r .header-action a {
    min-height: 71px;
    margin-top: 0px;
    margin-bottom: -4px;
}

/* cabeçalho - kr */

#t4-header .header-top {

    background: #008000 url("/images/tema/bg-topo.jpg") no-repeat right top fixed;

}

.t4-header-height.d-flex.align-items-center {
    background: #f0f2f5;
}

.t4-offcanvas .t4-off-canvas-header {

    background: #008000 url("/images/tema/menu-mobile-bg-topo.jpg") no-repeat right top fixed;

}

/* cabeçalho masterhead- kr */

.ja-masthead:before {
    background-color: #000000;
    color: #ffffff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.ja-masthead .ja-masthead-title {
        margin-bottom: 1.5rem;
        color: #fff;
        text-shadow: -1px 6px 20px rgba(0, 0, 0, 0.2);
    }


/* bg menu nobile - kr */

#t4-header .header-top .container .row .t4-nav-toggle, #t4-header .header-top .t4-masthead .t4-masthead-detail .row .t4-nav-toggle, .t4-masthead #t4-header .header-top .t4-masthead-detail .row .t4-nav-toggle {
    gap: .25rem;
    background: none;
}


/* botão menu mobile principal - kr */

fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color: #ffffff;
}

.t4-offcanvas .t4-off-canvas-header .close span {
    color: #d74b4c;

}

/* bordas dos botões de separação dos menus principais - kr */

div.t4-megamenu .navbar-nav>li>a, div.t4-megamenu .navbar-nav>li>.nav-link {
    border-right: 1px solid #cccccc;
}

div.t4-megamenu .navbar-nav>li:first-child>a, div.t4-megamenu .navbar-nav>li:first-child>.nav-link {
    border-left: 1px solid #cccccc;
}

/* cor do bg dos formulários de contato- kr */

.contact .plain-style #contact-form input, .contact .plain-style #contact-form textarea {
    max-width: 100%;
    background: #edebeb;
}

/* cor do botão ativo do menu - kr */

div.t4-megamenu .navbar-nav>li.active>a, div.t4-megamenu .navbar-nav>li.active>.nav-link {
    color: #008000;
}


/* cor do bg dos formulários do acym - kr */

.acym_module_form .acym_form .onefield .cell {
    width: 100%;
    text-align: left;
    background: #edebeb;
}

/* cor do bg do formulário do módulo de pesquisa avançada - kr */

.mod-finder .js-finder-search-query {
   background: #edebeb;
}

/* cor do bg do formulário de pesquisa avançada - kr */

.form-control {
    max-width: 240px;
    background: #edebeb;
}

/* distancia do topo do modulo de newsletters acym na capa - kr */

.t4-section .top-large {
        padding-top: 4rem;
    }

/* botão do modulo da noticia em destaque com bg verde */

/* Espaçamento confortável entre conteúdo e botão 
.lnpd_readmore {
    text-align: right !important;
    margin-top: -20px;
    margin-bottom: 15px;
}

/* Estilo padrão do botão, sem modificar o estilo do Joomla 
.lnpd_btn {
    background: #0f4719;
    width: 20%;
    display: inline-block;
    padding: 8px 0;
    font-weight: 600;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
}

.lnpd_btn:hover {
    background: #000000;
    
}

/* Em telas pequenas, botão ocupa a largura total 
@media (max-width: 480px) {
    .lnpd_btn {
        width: 100%;
    }
}


/* ------------------------------- */
/* ALINHAMENTO TEXTO + BOTÃO       */
/* ------------------------------- */

.box-texto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

/* Botão alinhado à direita */
.box-texto .lnpd_readmore {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/* ------------------------------- */
/* BOTÃO "LEIA MAIS"               */
/* ------------------------------- */

.lnpd_btn {
    background: #0f4719;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 6px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    transition: 0.2s ease-in-out;
    margin-bottom: 1.5em;
}

/* Hover opcional elegante */
.lnpd_btn:hover {
    background: #0c3a14;
    transform: translateY(-2px);
}

/* ------------------------------- */
/* RESPONSIVO                      */
/* ------------------------------- */

@media (max-width: 768px) {
    .box-texto .lnpd_readmore {
        justify-content: flex-start;
    }
}