/*
Theme Name: Tema Ninho Digital
Theme URI: https://nemesiscom.com.br/
Description: Tema da Ninho Digital para Wordpress
Author: Ninho Digital
Autor URI: https://ninho.digital/
Version: 1.0
License: GPL v2 ou mais tarde
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.pt-br.html
*/

/* Estilos do Site*/

.thema-nemesis body{
    font-family: 'Lato';
}

.overflow-x-hidden{
    overflow-x: hidden;
}

.thema-nemesis header.mainheader.themeworkheader{
    box-shadow: 0px 4px 10px rgb(31 50 98 / 10%);
}

.thema-nemesis .mainheader.themeworkheader .animated-icon2 span{
    background: #E62D31;
}

.thema-nemesis .mainheader.themeworkheader .navbar-light ul.navbar-nav li.current_page_item a,
.thema-nemesis .mainheader.themeworkheader .navbar-light ul.navbar-nav li a:hover{
    color: #E62D31;
}

.thema-nemesis .primary-menu > li > a::before{
    display: none;
}

.btn.btn-primary{
    color: #fff;
    background-color: #E62D31;
    font-size: 16px;
    font-weight: 700;
    padding: .75em 1.4rem;
    border: none;
    border-radius: 0;
}

.btn.btn-primary:hover{
    background-color: #1D1D1B;
    color: #fff;
}

.btn.btn-link{
    background-color: #fff;
    color: #E62D31;
    border: 1px solid #E62D31;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    padding: .6em 2em;
    text-decoration: none;
    transition: 0.7s all ease;
}

.btn.btn-link:hover{
    background-color: #E62D31;
    color: #fff;
}

.color-primary{
    color: #E62D31;
}

.navbar .custom-logo-link img,
.navbar .navbar-brand .logo{
    max-width: 160px;
    height: auto;
}

.navbar .menu-menu-principal-container{
	display: none;
}

.mainheader .navbar-light .navbar-nav.primary-menu .nav-link{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #1D1D1B;
}

div#carouselHomeDesktop .carousel-item,
div#carouselHomeMobile .carousel-item{
    max-height: 635px;
    overflow: hidden;
    align-items: center;
    background-color: #a41215;
}
    
div#carouselHomeDesktop .carousel-item img,
div#carouselHomeMobile .carousel-item img{
    opacity: 0.6;
    height: fit-content;
    mix-blend-mode: multiply;
}

.carousel-home h5{
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
}

.carousel-home p{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.carousel-home .btn.btn-primary{
    background-color: #E62D31;
    color: #fff;
    padding: .6em 4em;
}

.carousel-home .btn.btn-primary:hover{
    background-color: #1D1D1B;
}

#carouselHome .carousel-indicators [data-bs-target]{
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

@media (max-width: 767px) {
    #carouselHome .carousel-inner .carousel-item > div{
        display: block;
    }
    #carouselHome.carousel-home .carousel-caption{
        top: 30%;
    }
}

@media (min-width: 991px) {
    .carousel-home h5{
        font-size: 3.3rem;
    }
    
    .carousel-home p{
        font-size: 18px;
    }

    .carousel-home .carousel-caption{
        max-width: 45%;
        margin: 0 auto;
    }  
}

.bg-gradient-home{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,233,233,1) 100%, rgba(219,219,219,1) 100%);
}

.content-servicos img{
    height: 192px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    transition: .7s;
}

.content-servicos .box-servicos.box-large img{
    height: 200px;
}

.content-servicos .img-btn{
    display: block;
    overflow: hidden;
}

.content-servicos .col-12:hover .img-btn img,
.content-servicos .img-btn:hover img{
    scale: 1.1;
}

.content-servicos .titulo{
    color: #1D1D1B;
    font-size: 32px;
    font-weight: 500;
}

.content-servicos .content h2{
    color: #1D1D1B;
    font-size: 20px;
    font-weight: 500;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-servicos .content p{
    color: #5B5B5B;
    font-size: 16px;
    font-weight: 400;
}

.swiper-pagination-servicos{
    text-align: center;
}

.swiper-pagination-servicos .swiper-pagination-bullet{
    background-color: #1D1D1B;
    opacity: .5;
}

.swiper-pagination-servicos .swiper-pagination-bullet-active{
    background-color: #1D1D1B;
    opacity: 1;
}

.box-curriculo .content .row{
    background-color: #EAE9E9;
}

.box-curriculo h2{
    font-size: 24px;
    font-weight: 700;
    color: #1D1D1B;
}

.box-curriculo p{
    font-size: 18px;
    color: #1D1D1B;
}

.box-curriculo .btn.btn-linkedin{
    color: #E62D31;
    background-color: transparent;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.box-curriculo .btn.btn-linkedin:hover{
    filter: brightness(1.2)
}

@media (min-width: 991px) {
    .box-curriculo .image{
        position: absolute;
        top: -40px;
        left: -40px;
    }
    .box-curriculo .margin-left-negative{
        margin-left: -1.5rem;
    }
    .content-servicos.box-large img{
        height: 256px;
    }
}

.bloco-numeros .content h2{
    color: #E62D31;
    font-size: 72px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.bloco-numeros .content h2::after{
    content: '';
    width: 108px;
    height: 40px;
    background-color: #EAE9E9;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: -1;
}

.bloco-numeros .content h3{
    color: #1D1D1B;
    font-size: 24px;
    font-weight: 500;
}

.bloco-numeros .content p{
    color: #5B5B5B;
    font-size: 16px;
    font-weight: 400;
}

.bloco-depoimentos .titulo{
    color: #fff;
}

.bloco-depoimentos .content h2{
    color: #E62D31;
    font-size: 24px;
    font-weight: 500;
}

.bloco-depoimentos .content h4{
    color: #1D1D1B;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.bloco-depoimentos .content p{
    color: #5B5B5B;
    font-size: 16px;
    font-style: italic;
}

.swiper-pagination-depoimentos{
    text-align: center;
}

.swiper-pagination-depoimentos .swiper-pagination-bullet{
    background-color: #fff;
    opacity: .7;
}

.swiper-pagination-depoimentos .swiper-pagination-bullet-active{
    background-color: #fff;
    opacity: 1;
}

.bg-bloco-depoimentos,
.bg-bloco-missao{
    background-color: #E62D31;
    background-image: url('https://nemesiscom.com.br/wp-content/uploads/2024/10/banner-sobre-nos-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.bg-bloco-contato{
    background-color: #E62D31;
    background-image: url('https://nemesiscom.com.br/wp-content/uploads/2024/10/banner-fale-conosco-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

@media (min-width: 991px) {
    .bg-bloco-depoimentos,
    .bg-bloco-missao{
        background-image: url('https://nemesiscom.com.br/wp-content/uploads/2024/10/banner-sobre-nos-desktop.jpg');
    }
    .bg-bloco-contato{
        background-image: url('https://nemesiscom.com.br/wp-content/uploads/2024/10/banner-fale-conosco-desktop.jpg');
    }
}

.bg-bloco-missao .titulo{
    font-size: 32px;
    color: #fff;
    font-weight: 500;
}

@media (min-width: 991px) {
    .bg-bloco-missao img{
        max-width: 80px;
        max-height: 54px;
    }
}

.bg-bloco-missao h2{
    font-size: 24px;
    color: #1D1D1B;
    font-weight: 500;
}

.bg-bloco-missao p{
    font-size: 16px;
    color: #5B5B5B;
}

.content-view h2,
.content-view-servicos h2,
.content-view-contato h2,
.content-view-sobre h2{
    color: #E62D31;
    font-size: 2.5rem;
    font-weight: 700;
}

.content-view-servicos h2,
.content-view-contato h2,
.content-view-sobre h2{
    display: inline-block;
} 

.page-sobre-content h2{
    font-size: 28px;
    font-weight: 500;
    color: #1D1D1B;
}

@media (min-width: 991px) {
    .page-sobre-content h2{
        font-size: 52px;
    }
}

.page-sobre-content p{
    font-size: 18px;
    color: #1D1D1B;
}

.box-servicos .col-img{
    flex: 0 0 auto;
    width: 100%;
}

.box-servicos .col-box-serv{
    flex: 0 0 auto;
    width: 94%;
    margin-left: calc(var(--bs-gutter-x) * .5);
    margin-right: calc(var(--bs-gutter-x) * .5);
    padding: 0;
    background-color: #EAE9E9;
}

.box-servicos .col-box-serv h2{
    font-weight: 700;
    min-height: auto;
    justify-content: flex-start;
}

.box-servicos .col-box-serv .btn.btn-link{
    background-color: #EAE9E9;
}

.box-servicos .col-box-serv .btn.btn-link:hover{
    background-color: #E62D31;
    color: #fff;
}

@media (min-width: 991px) {
    .box-servicos.box-large .col-img{
        flex: 0 0 auto;
        width: 39%;
        position: absolute;
        top: -2rem;
        left: 4rem;
    }

    .box-servicos.box-large .col-box-serv{
        width: 62%;
        padding-left: 7%;
        margin-left: auto;
    }
}

.swiper-container-galeria .swiper-wrapper{
    align-items: center;
}

.swiper-button-next.swiper-galery-next{
    background-image: url('../codemaster/assets/images/arrow-right-black.svg');
}

.swiper-button-prev.swiper-galery-prev{
    background-image: url('../codemaster/assets/images/arrow-left-black.svg');
}

.swiper-pagination.swiper-pagination-galeria .swiper-pagination-bullet{
    opacity: .4;
}

.swiper-pagination.swiper-pagination-galeria .swiper-pagination-bullet-active{
    background: #1D1D1B;
    opacity: 1;
}

.swiper-container-galeria .swiper-slide a{
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bloco-contato .titulo{
    color: #fff;
    font-size: 32px;
}

.bloco-contato p{
    color: #fff;
    font-size: 18px;
}

.bloco-contato label{
    font-weight: 400;
}

.bloco-contato input.wpcf7-form-control{
    border-radius: 4px;
    height: 48px;
}

.bloco-contato textarea.wpcf7-form-control{
    border-radius: 4px;
}

.bloco-contato .wpcf7-submit{
    background-color: transparent;
    color: #fff;
    padding: .7rem 2rem;
    border: 1px solid #fff;
    width: 100%;
    transition: 0.7s all ease;
}

.bloco-contato .wpcf7-submit:hover{
    background-color: #fff;
    color: #E62D31;
}

.content-contact h3{
    font-size: 24px;
    font-weight: 700;
    color: #1D1D1B;
}

.content-contact .wpcf7 label{
    font-size: 14px;
    font-weight: 500;
    color: #1D1D1B;
}

.content-contact .wpcf7 input.wpcf7-form-control{
    height: 48px;
    border-radius: 4px;
    border-color: #CDCDCD;
}

.content-contact .wpcf7 textarea.wpcf7-form-control{
    border-radius: 4px;
    border-color: #CDCDCD;
}

.content-contact input.wpcf7-submit{
    width: 100%;
    color: #E62D31!important;
    border-color: #E62D31!important;
    background-color: #fff!important;
    text-shadow: none;
}

.content-contact .wpcf7-submit:hover{
    color: #fff!important;
    background-color: #E62D31!important;
}

.bg-gray{
    background-color: #EAE9E9;
}

.bg-black.black-footer{
    background-color: #1D1D1B;
}

.bg-black.black-footer h3,
.bg-black.black-footer p,
.bg-black.black-footer a,
.bg-black.black-footer li{
    color: #fff;
}

.bg-black.black-footer li a{
    padding: 0;
    text-transform: uppercase;
}

.bg-black.black-footer li.line-normal{
    line-height: normal;
}

.bg-black.black-footer a:hover{
    color:#E62D31;
}

.bg-black.black-footer h3{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 2rem;
}

.bg-black.black-footer p{
    font-size: 16px;
}

.page-list li{
    line-height: 3;
    font-size: 14px;
}

.page-list{
    column-count: 2;
}

.border-mobile{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media (min-width: 991px) {
    .border-mobile{
        border: none;
    }
    .border-desktop{
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
}

.social-media{
    font-size: 25px;
}

.social-media a:hover{
    opacity: .7;
}

.thema-nemesis  .ct-scroll-top{
    background-color: #E62D31;
}

.page-template-nossos-clientes .swiper-slide img.img-fluid {
    width: 120px;
    aspect-ratio: auto 80 / 80;
}

.whats-button{
    position: fixed;
    bottom: 35%;
    right: 3%;
}