@charset "UTF-8";
/*
Theme Name: VetSoft
*/

/* ESQUEMA DE CORES USANDO O AZUL PRINCIPAL mycolor.space/?hex=%23428BCA&sub=1 */


h2, h3, h4, h5, h6 { color: #4b4b4b; }

h5 { font-size: 1.55rem; }

/* AJUSTES GERAIS PARA O TOPO (ÁREA ACIMA DA NUVEM NA HOME) */
.main-banner .d-table {
    display: flex !important;
    justify-content: space-around;
}
.crake-nav nav .navbar-brand img {
  max-width: 170px;
  height: auto;
}


/* CONFIGURAÇÕES PARA A PÁGINA DE FUNCIONALIDADES */
.page-id-3914 .content-area ul { list-style: none; padding: 0; }
.page-id-3914 .content-area ul li::before {
  font-family: IcoFont!important;
  content: "\f00e";
  margin-right: 4px;
  color: #008A5E;
}

/* BOTAO FLUTUANTE WHATSAPP */
.btn-whatsapp-float div {
    position:fixed; 
    right:20px; 
    bottom:20px; 
    transform: translate(-50%, -50%);  
    background-color:rgb(37, 211, 102); 
    width:60px; height:60px; 
    text-align:center; 
    line-height:58px; 
    font-size:1.8em; 
    color:#ffffff; 
    font-weight:100; 
    border-radius:50%; 
}
.btn-whatsapp-float div:before,
.btn-whatsapp-float div:after {
  content: '';
  display:block;
  position: absolute;
  border-radius:50%;
  border:1px solid #25d366;
  left: -20px;
  right: -20px;
  bottom: -20px;
  top: -20px;
  opacity:0;
  backface-visibility:hidden;  
}

@keyframes fadeIn {  
  from {  
      opacity:0;  
  }  

  to {  
      opacity:1;  
  }  
}

@keyframes btnPulse {
   0%   { transform: scale(0.5); opacity:0; }
   50%  { opacity:1; }
   100% { transform: scale(1.2); opacity:0; }
}
.btn-whatsapp-float.remove-animation div:before,
.btn-whatsapp-float.remove-animation div:after {
  animation: none !important;
}
.btn-whatsapp-float.add-animation div:before,
.btn-whatsapp-float.add-animation div:after {
  animation: btnPulse 1.5s linear infinite;
}
.btn-whatsapp-float.add-animation div:after { animation-delay: .5s; }

/* FORMULARIO LEAD WHATSAPP */
.box.form-whatsapp .online {
  background: #25d366;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.box.form-whatsapp {
  animation: fadeIn .5s;
  z-index: 900 !important;
  background-color: #ECE5DD !important;
  display: none;
  position: fixed !important;
  right: 2% !important;
  bottom: 130px !important;
  max-width: 95% !important;
  width: 360px !important;
  flex-direction: column !important;
  align-items: stretch !important;
  border-radius: 5px;
  background: url("/online/contato-whatsapp/fundo.png");
  box-shadow: 2px 2px 20px rgba(0,0,0,.30);
}

.form-whatsapp .header {
  box-sizing: border-box !important;
  background-color: #265c54 !important;
  padding: 18px !important;
  border-radius: 5px 5px 0 0;
}

.form-whatsapp .header p {
  color: #e5e5e5 !important;
  font-family: Open Sans, sans-serif !important;
  font-size: 16px !important;
  margin: 0 !important
}
.form-whatsapp .header .close-box {
  position: absolute; color: #fff; opacity: 0.8;
  right: 12px; top: 16px; font-size: 22px;
}

.form-whatsapp .input-stack {
  margin-bottom: 10px !important;
  display: flex !important;
  flex-direction: column !important
}

.form-whatsapp input:not([type='checkbox']),
.form-whatsapp select {
  margin-top: 10px;
  color: #000000;
  font-size: 15px;
  background-color: #fdfdfd;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: solid;
  border-color: #cacaca;
  border-radius: 5px;
  border-width: 1px;
  width: 100%;
  max-width: 100%;
  padding: 0 0.5em;
  line-height: 1.42857;
  height: 36px
}

.form-whatsapp .dialog {
  background-color: rgba(255,255,255,1);
  border-bottom-style: solid;
  border-color: #cacaca;
  border-left-style: solid;
  border-radius: 6px;
  border-right-style: none;
  border-top-style: none;
  border-width: 1px;
  padding-top: 0px;
  padding-right: 12px;
  padding-bottom: 0px;
  padding-left: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 340px;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
}

.form-whatsapp .dialog .dialog-text {
  border-bottom-style: none;
  border-color: #000000;
  border-left-style: none;
  border-radius: 0px;
  border-right-style: none;
  border-top-style: none;
  border-width: 1px;
  max-width: 446px;
  margin-top: 12px;
  margin-bottom: 12px;
  width: 100%;
  color: #333;
  line-height: 1.40;
  overflow: hidden;
  word-wrap: break-word;
}

.form-whatsapp form {
  box-sizing: border-box !important;
  width: 100 !important;
  padding: 15px !important
}

.form-whatsapp button {
  align-items: center !important;
  align-self: center !important;
  background-color: rgba(83, 164, 81, 1) !important;
  border-bottom-style: none !important;
  border-color: #000000 !important;
  border-left-style: none !important;
  border-radius: 5px !important;
  border-right-style: none !important;
  border-top-style: none !important;
  border-width: 0px !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-direction: column !important;
  font-family: Open Sans, sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: normal !important;
  height: 48px !important;
  justify-content: center !important;
  line-height: 1.42 !important;
  margin-top: 9px !important;
  max-width: 438px !important;
  text-align: center !important;
  text-decoration: none !important;
  width: 100% !important;
  margin-bottom: 10px;
}

.grecaptcha-badge { display: none; }

.form-whatsapp button:disabled { opacity: 0.5; }
.form-whatsapp input:not([type='checkbox']).error, 
.form-whatsapp select.error { border: solid 1px red !important; }

.form-whatsapp .dados-atendimento .comercial input[type="checkbox"] {
  margin-top: 3px; float: left; margin-right: 4px;
}
.form-whatsapp .dados-atendimento .comercial p { font-size: 14px }
.form-whatsapp .dados-atendimento .comercial label { font-size: 14px; margin-right: 5px; }


/* APLICA ENFASE EM PALAVRAS */
.txt-enfase.red {
  text-decoration: red underline wavy;
}
.txt-enfase.blue {
  text-decoration: var(--colorOnline) underline wavy;
}

/* TAMANHO DE FONTE NOS DEPOIMENTOS */
.testimonial-content p { font-size: 1.4rem; }

/* APLICA ESTILOS PARA BOTOES DE MAIS RECURSOS E EXPERIMENTE GRATIS */
a:not([href]):not([tabindex]) {
  background: var(--colorOnline);
  border: 2px solid var(--colorOnline);
  color: #fff;
}
/*.btn-bordered a:not([tabindex]) {*/
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), 
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
  color: var(--colorOnline);
  background: #fff;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover, 
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
  color: #fff; 
  border: 2px solid var(--colorOnline);
  background: var(--colorOnline);
}

a:not([href]):not([tabindex]):hover { 
  color: #fff; opacity: .9;
}

/* AREA DE FAQ */
.sp-easy-accordion .sp-ea-single {
  background: var(--colorOnline) !important;
}
.sp-easy-accordion .sp-ea-single h3 a,
.sp-easy-accordion .sp-ea-single h3 i { 
  color: #fff !important;
}

/* REMOVIDO BACKGROUND USADO NO SITE DO VD */
.footer-area { z-index: auto; }
.footer-area.bg-image { background: none; }

.footer-area .single-footer-widget .logo { background: none; }

/* AJUSTA ESTILO EM LISTAS */
.page .content-area ul { margin-bottom: 20px; }
.page .content-area li { font-size: 1em; margin: 5px 0; }


/* AJUSTES DE ELEMENTOS NO BANNER DO TOPO */
.main-banner .hero-content p { font-size: 20px; }
.btn-whatsapp a, a.btn-whatsapp {
  background: #42ca6e; 
  border: 1px solid #42ca6e;
}

.btn-whatsapp a:hover, a.btn-whatsapp:hover { color: #fff; }

a.btn-experimente-gratis,
.btn-experimente-gratis a {
  background: #AE3D7F; color: #fff; border-color: #AE3D7F;
}
.btn-experimente-gratis.blue a {
  background: var(--colorOnline);
  border-color: var(--colorOnline);
}

.area-experimente-gratis .container {
  background: #AE3D7F; border-radius: 16px; padding: 40px;
}
.area-experimente-gratis * { color: #fff; }
.area-experimente-gratis .section-title { text-align: left; margin: 0; }
.area-experimente-gratis .container p { font-size: 140%; }
.area-experimente-gratis .wp-block-columns { margin: 0; }

/* AREA MIGRAÇÃO DE DADOS */
.area-migracao-dados .container {
  background: #00548D; border-radius: 16px; padding: 40px;
}
.area-migracao-dados * { color: #fff; }
.area-migracao-dados .section-title { text-align: left; margin: 0; }
.area-migracao-dados .container p { font-size: 140%; }
.area-migracao-dados .wp-block-columns { margin: 0; }


/* ADICIONA OS ICONES TICK AOS HEADERS H4 NA ÁREA POR QUE ESCOLHER */
.pq-escolher h4::before,
.page .wp-block-group.container h4::before,
.page .wp-block-group.container h3::before,
.home .wp-block-columns h4::before {
  font-family: IcoFont!important;
  content: "\f00d";
  margin-right: 4px;
  color: var(--colorOnline);
}

.hide { display: none !important; }
.show-xs { display: none; }

/* ESTILO PARA LINKS */
body.home p a:not(.btn), .content-area p a:not(.btn), .content-area li a:not(.btn), a.link {
  background: linear-gradient( to bottom, var(--colorOnline) 0%, var(--colorOnline) 100% );
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 2px 2px;
  color: #000;
  text-decoration: none;
  transition: background-size .3s;
}

body .crake-nav,
body .main-banner { 
  background-color: var(--colorOnline); 
  background-image: url("images/bg-paw-azul.png"); 
}
.crake-nav.is-sticky { z-index: 99; }

.crake-nav nav .navbar-nav li a { font-size: 20px; margin: 7px 0 7px 20px; }
.crake-nav nav .navbar-nav li a hr { margin: 20px 0; }

.menu-item-has-children > a:before {
  content: '\ea5b';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-family: IcoFont!important;
}

.home .single-features .icon,
.crake-nav nav .navbar-nav li .sub-menu li a:hover,
.footer-area .single-footer-widget ul.menu li a:hover {
  color: var(--colorOnline) !important;
}

.crake-nav nav .navbar-nav li .sub-menu li a::before {
  background: var(--colorOnline);
}

.home .single-features .icon:hover {
  background-color: var(--colorOnline); 
  color: #fff !important;
}


@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .show-xs { display: block !important; }

  body.page-id-625 .main-banner { 
      height: auto; padding-bottom: 40px; text-align: center;
  }

  body .wp-block-button,
  body .wp-block-button a.wp-block-button__link { 
    width: 100%;
  }

  .wp-block-image {
    margin: 2em 0 !important;
  }

  .area-experimente-gratis, .area-migracao-dados {
    margin: 0 10px;
  }

  .wp-block-group .intro {
    text-align: center;
  }

  .saiba-como .wp-block-group.intro {
    display: none;
  }

  .wp-block-columns .wp-block-column {
    margin-top: 20px;
  }

  .section-title h2 {
    font-size: 35px;
  }
}

.main-banner .hero-content p {
  color: #fff;
}

@media (min-width: 768px) {

  /* MEXE NO TAMANHO DO MENU IDEAL PARA... */
  .crake-nav nav .navbar-nav li.menu-item-5111 .sub-menu {
    width: 300px;
    padding: 0;
  }
  .crake-nav nav .navbar-nav li.menu-item-5111 .sub-menu li a {
    font-size: 18px;
    padding: 15px !important;
    border-bottom: solid 1px #e1e1e1;
  }
  .crake-nav nav .navbar-nav li.menu-item-5111 .sub-menu li a::before {
    display: none;
  }

  .crake-nav nav .navbar-nav li a { margin: 7px 0 7px 15px; font-size: 16px; }

  .main-banner {
    height: 470px;
  }

  .txt-enfase {
    text-underline-offset: 9px;
  }

  .main-banner .hero-content h1 {
    font-size: 40px;
    line-height: 1;
    text-align: left;
    margin-bottom: 30px;
  }

  .main-banner .hero-content p {
    margin-bottom: 12px;
    margin-top: 0;
  }

  .main-banner .hero-content .wp-block-buttons {
    margin-top: 35px;
  }

  .crake-nav:not(.is-sticky) nav .navbar-brand img {
    max-width: 200px;
  }

  /* AUMENTO DA FONTE PARA OS HEADERS H2 */
  .section-title h2,
  .container.veterinarios h2 {
    font-size: 42px; font-weight: unset; line-height: 54px;
  }

  body.home .container.veterinarios h2 {
    text-align: left; margin: 0;
  }

  .page .container .section-title h2,
  .page .container h2.section-title {
    font-size: 42px; font-weight: unset;
  }
}