/* selects */
select {
  appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNyA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy41IDUuNUwwLjQ2ODkxMSAwLjI1TDYuNTMxMDkgMC4yNUwzLjUgNS41WiIgZmlsbD0iI0YwNzYzMSIvPgo8L3N2Zz4K) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	padding-right: 31px !important;
	background-position: calc(100% - 14px) center !important;
}
/* end selects */

/* Estilo do botão */
.btn-site-outline {
  background: transparent;
  border: 2px solid #f07631 !important;
  border-radius: 30px;
  font-family: Montserrat,sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #f07631;
  font-weight: 500;
  padding: 7px 16px;
  margin-bottom: 26px;
  display: inline-flex !important;
  text-decoration: none;
}

.btn-site-filled {
  background: transparent;
  border: 2px solid #f07631 !important;
  border-radius: 30px;
  font-family: Montserrat,sans-serif;
  font-size: 15px;
  line-height: 22px;
  background-color: #f07631;
  color: #fff !important;
  font-weight: 500;
  padding: 7px 16px;
  margin-bottom: 26px;
  display: inline-flex !important;
  text-decoration: none;
}

.btn-site-outline:hover {
  color: #f07631;
  text-decoration: none;
}

.wp-block-navigation a:where(:not(.wp-element-button)):focus {
  text-decoration: none !important;
}

/*Animação para botão*/
/* .btn-animado > a,
.btn-animado {
  --popup-color: white;
  --popup-background: #f07631;
  overflow: hidden;
  border: 0 none;
  position: relative;
  transition: all .3s ease-in-out;
}

.btn-animado--reversed {
  --popup-color: #f07631;
  --popup-background: white;
}
.btn-animado > a:before,
.btn-animado:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 0;
  top: -100%;
  left: -100%;
  position: absolute;
  border-radius: 30px;
  transition: all .3s ease-in-out;
  background-color: var(--popup-background);
}

.btn-animado > a:hover,
.btn-animado:hover {
  color: transparent;
}

.btn-animado > a:hover:before,
.btn-animado:hover:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  color: var(--popup-color);
} */


/*Home page*/
/*desktop*/
/* .simule-sua-economia:before {
  content: 'Simule sua economia';
}
.saiba-mais:before {
  content: 'Saiba mais';
} */
/*mobile*/

/*end Animação para botão*/

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  animation: fade-up 0.7s ease;
}

@keyframes russeta {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes russeta {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.russeta {
  opacity: 0;
  transform: translateY(20px);
  transition: all .7s ease-in-out;
  
  animation: fade-up 0.7s ease-in-out forwards;
}

.btn-hover-default,
.btn-hover-inverted {
  transition: all .4s cubic-bezier(.165,.84,.44,1);
}

.btn-hover-default:hover {
  background-color: #f07631 !important;
  color: #fff !important;
}

.btn-hover-inverted:hover {
  border: 2px solid #f07631 !important;
  background-color: #fff !important;
  color: #f07631 !important;
  text-decoration: none;
}