/*
Theme Name: Livesis (2025)
Theme URI: https://livesis.com.br/
Author: Filipe Soares
Description: Tema do site Livesis
Version: 1.0
Text Domain: livesis
*/


:root {
    /*variaveis de cor do tema*/
    --azul-claro: #00a9cd;
    --azul-escuro: #004b86;
    --azul-claro-hover: #00bae1;
    --azul-escuro-hover: #005799;
    --light: var(--bs-light);
    --light-hover: #dbdbdb;
    --dark: var(--bs-dark);
    --cinza-claro: #ebedec;
    --secondary: var(--bs-secondary);

    /*sobreescrevendo variaveis do tema pai*/
    --background-color: #ffffff;
    --default-color: #444444;
    --heading-color: #444d57;
    --accent-color: #004b86;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;

    --nav-color: #556270;
    --nav-hover-color: var(--azul-escuro);
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: #556270;
    --nav-dropdown-hover-color: var(--azul-escuro);
}

/* Fonts */
:root {
    --default-font: 'SF Pro Display',  system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: 'SF Pro Display',  sans-serif;
    --nav-font: 'SF Pro Display',  sans-serif;
}

.bg-cinza-claro {
    background-color: var(--cinza-claro);
}

.header .logo img {
    width: 100%;
}

.blog-pagination .nav-links {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-pagination .nav-links > * {
    margin: 0 5px;
    transition: 0.3s;
}

.blog-pagination .nav-links a,  .blog-pagination .nav-links span{
    color: color-mix(in srgb, var(--default-color), transparent 40%);
    padding: 7px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.blog-pagination .nav-links a.current, .blog-pagination .nav-links a:hover, 
.blog-pagination .nav-links span.current, .blog-pagination .nav-links span:hover 
{
    background: var(--accent-color);
    color: var(--contrast-color);
}


.blog-details .meta-bottom .cats li+li::before {
    padding-right: 6px;
    color: var(--default-color);
    content: ",";
}


.btn{
    border-radius: 30px;
}

.text-azul-claro{
    color: var(--azul-claro)!important;
}

.text-azul-escuro{
    color: var(--azul-escuro)!important;
}



.btn-azul-claro{
    color: #fff!important;
    background: var(--azul-claro);
    border-color: var(--azul-claro);
}

.btn-azul-claro:hover, .btn-azul-claro:focus{
    background: var(--azul-claro-hover)!important;
    border-color: var(--azul-claro-hover)!important;
}

.btn-outline-azul-claro{
    color: var(--azul-claro);
    border-color: var(--azul-claro);
}

.btn-outline-azul-claro:hover, .btn-outline-azul-claro:focus{
    background: var(--azul-claro-hover)!important;
    border-color: var(--azul-claro-hover)!important;
}

.btn-azul-escuro{
    color: #fff!important;
    background: var(--azul-escuro);
    border-color: var(--azul-escuro);
}

.btn-azul-escuro:hover, .btn-azul-escuro:focus{
    background: var(--azul-escuro-hover)!important;
    border-color: var(--azul-escuro-hover)!important;
}

.btn-outline-azul-escuro{
    color: var(--azul-escuro);
    border-color: var(--azul-escuro);
}

.btn-outline-azul-escuro:hover, .btn-outline-azul-escuro:focus{
    background: var(--azul-escuro-hover)!important;
    border-color: var(--azul-escuro-hover)!important;
}

.service-item, .pricing-item, .rounded-custom{
    border-radius: 14px !important;
}

.pricing .btn-buy, 
.about .read-more,
.blog-posts .content .read-more a
{
    border-radius: 30px;
}

.service-item{
    border: solid 1px transparent!important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)!important;
}

.service-item:hover{
    border-color: var(--accent-color)!important;
}

.service-item .icon {
    background: -webkit-linear-gradient(var(--azul-escuro), var(--azul-claro));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.about.section, .services.section{ /*#pricing*/
    padding: 90px 0;
}

.navmenu a, .navmenu a:focus {
    font-weight: 300;
}

.footer .footer-top{
    border-top: none;
}

.navmenu .current-menu-item a{
    color: var(--nav-hover-color)!important;
}

#formulario-de-contato p{
    margin-bottom: 0;
}

#formulario-de-contato input[type=submit] {
    color: var(--contrast-color);
    background: var(--accent-color);
    border: 0;
    padding: 10px 30px;
    transition: 0.4s;
    border-radius: 6px;
}

#formulario-de-contato input[type=text], #formulario-de-contato input[type=email], #formulario-de-contato textarea {
    border-radius: 6px;
}

.contact .info-item i {

    border-radius: 32px;
}

#formulario-de-contato input[type=submit]:hover {
    background: 
    color-mix(in srgb, var(--accent-color), transparent 20%);
}

#formulario-de-contato .wpcf7-not-valid-tip{
    margin-top: 2px;
    font-size: 0.9em;
    font-weight: 300;
}

#formulario-de-contato .wpcf7-spinner {

    position: absolute;
    top: calc(50% - 12px);
}

.wpcf7-response-output {

    position: relative;
    padding: 1rem 1rem !important;
    margin: 1rem 0 1rem 0 !important;
    /* border-radius: 0.25rem; */
    border-radius: 6px;
    color: #084298;
    background-color: #cfe2ff;
    border: 1px solid #b6d4fe !important;
    font-weight: 300;
}
  
.wpcf7 form.sent .wpcf7-response-output {
    color: #0f5132;
    background-color: #d1e7dd;
    border: 1px solid #badbcc !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7 !important;
}

.wpcf7 form.spam .wpcf7-response-output {
    color: #41464b;
    background-color: #e2e3e5;
    border: 1px solid #d3d6d8 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: #664d03;
    background-color: #fff3cd;
    border: 1px solid #ffecb5 !important;
}

.depoimento{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

.depoimento .quote-icon-left, .depoimento .quote-icon-right {
    color: color-mix(in srgb, var(--accent-color), transparent 50%);
    font-size: 14px;
    line-height: 0;
    display: inline-block;
}

.depoimento .quote-icon-right {
    transform: scale(-1, -1);
}

.section-title p {
    text-transform: initial;
}

.light-bg {
    background-color: #f2f4f6;
}

.bg-light-to-white{
    background: rgb(248, 249, 250);
    background: linear-gradient(180deg, rgba(248, 249, 250, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.recipient{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    border-radius: 14px;
    background-color: #fff;
}

#conclusao-content > h1, #conclusao-content > h2, #conclusao-content > h3, #conclusao-content > h4, #conclusao-content > h5, #conclusao-content > h6 {
    color: inherit;
    margin-bottom: 1rem;
}

.service-content h1, .service-content h2, .service-content h3, .service-content h4, .service-content h5, .service-content h6 {
    color: var(--default-color);
    margin-bottom: 1rem;
}

#conclusao-content p:last-child{
    padding: 0;
    margin: 0;
}

.faq_mobile_resposta p, .desafios_mob_resposta p, .solucoes_mob_resposta p
{
    color: #6c757d;
}

#faq_mobile .accordion-button, #desafios_mob .accordion-button, #solucoes_mob .accordion-button{
    box-shadow: none!important;
}

#faq_mobile .accordion-button:not(.collapsed), #desafios_mob .accordion-button:not(.collapsed), #solucoes_mob .accordion-button:not(.collapsed){
    background: #f8f9fa;
    color: var(--azul-escuro);
}


.about-2 .about-img {
    margin: 0;
}

.about-2 .about-img:before {
    display: none;
}

.footer .footer-newsletter .newsletter-form{
    border-radius: 6px;
}

.footer .footer-newsletter .newsletter-form input[type=submit] {
    border-radius: 0 6px 6px 0;
}

.service-content p {
    color: var(--bs-secondary);
}

.service-content p strong
{
    color: var(--default-color);
}

@media (max-width: 992px) {
    .features .nav-link.active {
        background: #f2f4f6;
        /*border: solid 1px #ededed;*/
        border-radius: 4px;
    }

    .section-title {
        padding-bottom: 30px;
        text-align: center;
    }
}