/* Arquivo de estilização do css fora do template original- kaess** */
body{
    margin-top: -25px;
}
/* Font sizes */
.font-18 {
  font-size: 18px; 
}
.font-16 {
  font-size: 16px;
}
.font-22 {
  font-size: 22px;
}

.primary-color {
  color: #188cb5;
}

.container-formFale {
  padding-top: 0;
}

/* Base do link */
.navbar-expand-lg .navbar-nav .nav-link {
  position: relative; /* necessário pro :before */
  transition: color 0.3s ease;
}

/* Hover e ativo = muda a cor */
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active {
  color: #188db6 !important; /* cor azul quando ativo */
}

/* Barrinha decorativa */
.navbar-expand-lg .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  width: 15px;
  height: 2px;
  background: #188db6;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s ease;
}

/* Ativo ou hover = barrinha aparece */
.navbar-expand-lg .navbar-nav .nav-link:hover:before,
.navbar-expand-lg .navbar-nav .nav-link.active:before {
  transform: scale3d(1, 1, 1);
}

/* Call-Action Faixa */
.call-actionFaixa {
  background-color: #444444;
  padding: 30px;
  color: #ffffff3a;
}

.section-title-header p {
  padding-bottom: 20px;
}

/* Form - modal */
.modal {
  top: 60px;
}

/* cards */
.blog-item .descr h3 {
  font-weight: 400;
  text-align: center;
  font-size: 25px;
  color: #212121;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* menu dropdown */
.dropdown .dropdown-menu .dropdown-item {
  padding: 4px 20px;
}

/* Localização home */
.mapaHome p {
  color: #000;
}
.mapaHome p:last-child {
  font-size: 14px;
  color: #666;
  text-decoration: underline;
}
.mapaHome p:last-child > i {
  padding-right: 5px;
  text-decoration: none;
}
.card-overlay {
  position: relative;
}
.overlay {
  position: absolute;
  width: 100%;
  height: 207px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.3s;
}
.overlay:hover {
  display: flex;
  position: absolute;
  background-color: #ffffff65;
  width: 100%;
  height: 207px;

  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.overlay > svg {
  display: none;
}
.overlay:hover svg {
  display: flex;
  /* color: #188cb5; */
  color: #000;
  transition: all 1s;

}