/**

 * Theme Name:      EasySite Theme - Child

 * Template:        easysite

 * Description:     Tema filho para personalizações específicas no EasySite Theme

 * Author:          eCliente Tecnologia

 * Author URI:      http://ecliente.com.br

 * Version:          1.0.0

 * Theme URI:       https://ecliente.com.br/ecliente-wp-store/index.php

 */

/* -- Estilos Personalizados: --------------- */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.blog {
  margin: 10px auto 0 auto !important;
}

/* Menu */
nav {
  margin-top: -26px;
}

/*BANNER HOME*/
.hero_page {
  &[data-target="1"] {
    & > ul {
      & > li:not(.icons) {
        & > img {
          width: 100vw;
          min-height: inherit;
          height: auto;
        }
      }
    }
  }
}

/* BLOG HOME */
.post_container section {
  line-height: 25px;
}
.post_container div a {
  background: var(--color-2);
  color: #fff !important;
  padding: 10px 30px;
  border-radius: 99px;
  /* font-size: 14px; */
  text-transform: uppercase;
  letter-spacing: 1px;
  /* font-weight: 600; */
  transition: 0.2s;
}

/*.post_container div a img {
  transition: transform 0.3s ease;
}

.post_container div a img:hover {
  transform: scale(1.2);
}*/

.post_container div a:hover {
  background: var(--color-1);
  text-decoration: none !important;
}

/* MAIN */
main {
  width: 1440px;
}

/* SOBRE HOME */
.sobre_botao {
  width: 300px;
  padding-right: var(--padding-right);
}
.sobre_right h1 {
  color: var(--color-2);
}

/* CTA HOME*/
section.cta {
  padding: 50px 0;
  margin: 50px 0 80px 0;
  background: 100%;
  background-repeat: no-repeat;
}

section.cta {
  &::after {
    display: none;
  }
}

/* BLOG HOME */
section.blog {
  margin: 70px auto 0 auto;
  width: 100%;
  max-width: inherit;
  background-image: url(https://ecliente6.com.br/producao/dualgrsaude/wp-content/uploads/2026/01/fundo-blog-home.png);
}

.post_container {
  width: 1440px;
  max-width: 80%;
}

.post_content {
  & > div {
    background: #fff;
  }
}

/* PORTIFOLIO HOME */
.button_portfolio {
  display: none;
}

.container_portfolio_items {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
}

main {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#primary {
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

#primary span {
  font-family: "Poppins", sans-serif !important;
}

#primary b,
.western span {
  color: var(--color-2);
}

/* CONTATO HOME */
#contato {
  background: url(https://ecliente6.com.br/producao/dualgrsaude/wp-content/uploads/2026/01/fundo-Contato.png)
    bottom no-repeat;
}

.container_contato {
  width: 1440px;
  margin: 40px auto 0 auto;
  text-align: center;
}

.container_contato a,
.container_contato h1 {
  color: #008999;
  text-decoration: none;
}

.form_contact,
.form_contact * {
  width: 1000px;
}
.form_contact button {
  width: 40%;
  font-weight: 500;
  border-radius: 90px;
  font-size: 20px;
}

.info span p:nth-child(1) {
  font-weight: 800;
  color: var(--color-2);
}
.info i:before {
  color: var(--color-1);
}

.info_contato {
  margin: 30px 0px 50px 0px;
}

/*BLOG*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  overflow-x: hidden;
}

section.blog {
  width: 100% !important;
  padding: 0 24px;
}

/*CONTATO*/
.info_contato {
  display: flex;
  justify-content: center;
  gap: 70px;
}

.form_contact button {
  width: 100%;
}

.footer_social_icons {
  justify-content: center;
}

/*ICONE*/
.footer_icon i {
  font-size: 55px;
}

.footer_container_infos {
  align-items: center !important;
  text-align: center !important;
}

/*PARAGRAFO*/
.sobre_right p,
.post_container p,
.header_contato p,
.form_terms label,
#primary span {
  font-size: 18px !important;
  color: #252525 !important;
}

.info p,
.footer_container p,
.menu ul li a,
.nl-cabecalho ul li a {
  font-size: 18px !important;
}

/* MOBILE */
@media (max-width: 750px) {
  /*CONTATO*/
  .info_user {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .form_terms label {
    word-break: break-all;
  }

  .container_contato {
    display: flex !important;
    flex-direction: column !important;
    max-width: 100% !important;
  }

  .form_contact button {
    width: 100%;
  }

  .info_contato {
    flex-direction: column;
    gap: 15px;
  }

  /*BANNER*/
  .container_portfolio_items {
    grid-template-columns: 1fr !important;
  }

  .elementor-cta__bg-overlay {
    opacity: 0.5 !important;
    background-color: #000 !important;
  }

  /* mostra o título/conteúdo sempre */
  .elementor-cta__content-item {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
  }

  /* mantém o zoom da imagem ativo */
  .elementor-cta__bg {
    transform: scale(1.1) !important;
  }

  .content_contato {
    padding: 0 16px;
    width: 100%;
    max-width: 100%;
  }

  .info span p:nth-child(1) {
    text-align: start !important;
  }

  .metaslider {
    margin-top: 64px !important;
  }
}

/*PÁGINA BLOG*/
.container_blog_aside {
  display: none !important;
}

#main-single-blog {
  grid-template-columns: 1fr !important;
  margin-top: 60px !important;
}

.container_blog_content {
  & > hr,
  & > p {
    display: none !important;
  }
}

section.blog {
  margin-top: 90px !important;
}

/*FOOTER*/
.menu:first-of-type {
  display: none;
}

.metaslider {
  margin-top: 109px !important;
}