/*
  STYLE v 1.1;
  05/2023;
  João Diogo Pereira;
*/

/*FONTS*/

@font-face {
  font-family: Archia;
  src: url(../fonts/archia.ttf);
}

@font-face {
  font-family: BebasNeue;
  src: url(../fonts/BebasNeue.ttf);
}

/*GERAL*/

html {
  overflow-x: hidden; 
}

ul {
  list-style-type: none;
  margin: 0!important;
  padding: 0!important;
}

a {
  text-decoration: none!important; 
}

img{
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.row {
  margin: 0;
  padding: 0; 
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; 
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}

body:not(.home) .principal{
  margin-top: 75px;
}

.preloader{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: #fafafa;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/preloader.svg);
}

.bg-pink{
  background-color: #e9128b!important;
}

.bg-gray{
  background-color: #f3f3f3!important;
}

.bg-darkgray{ 
  background-color: #595959!important;
}

.btns{
  padding: 1rem 3rem;
  border-radius: 37.5px;
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.24);
  transition: all .3s ease-in-out;
  font-family: BebasNeue;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.49px;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

.btns--white{
  color: #e9128b;
  background-color: #fff;
}

.btns--white:hover{
  background-color: #e9128b;
  color: #fff; 
}

.btns--white svg path {
  fill: #e9128b;
  transition: all .3s ease-in-out;
}

.btns--white:hover svg path{
  fill: #fff;
}

.btns--pink{
  color: #fff;
  background-color: #e9128b;
}

.btns--pink:hover{
  background-color: #fff;
  color: #e9128b; 
}

.btns--pink svg path {
  fill: #fff;
  transition: all .3s ease-in-out;
}

.btns--pink:hover svg path{
  fill: #e9128b;
}

.btns--transparent{
  color: #fff;
  background-color: transparent;
  border: 0;
  box-shadow: unset!important;
}

.btns--transparent:hover{
  transform: scale(1.05);
}

.btns--transparent svg path {
  fill: #fff;
}

.btns--submit{
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: .5rem;
}

.btns--submit:hover{
  background-color: #595959;
}

.text-gray{
  color: #7b7b7b;
}

.text-lightgray{
  color: #767676;
}

.text-pink{
  color: #e9128b;
}

.text-white{
  color: #fff;
}

.anchor{
  display: inline-block;
  transition: all .3s ease-in-out;
}

.anchor--white{
  color: #fff;
}

.anchor--white:not(.change-fill) svg path{
  stroke: #fff;
  transition: all .3s ease-in-out;
}

.anchor--white:not(.change-fill):hover svg path{
  stroke: #e9128b;
}

.anchor--white:hover{
  color: #e9128b;
}

.anchor--white.change-fill svg path{
  fill: #fff;
  transition: all .3s ease-in-out;
}

.anchor--white.change-fill:hover svg path{
  fill: #e9128b;
}

.anchor--white-to-gray:hover{
  color: #595959;
}

.anchor--white-to-gray:not(.change-fill):hover svg path{
  stroke: #595959;
}

.anchor--white-to-gray.change-fill:hover svg path{
  fill: #595959;
}

.bold{
  font-weight: bold;
}

.uppercase{
  text-transform: uppercase;
}

.title{
  font-family: BebasNeue;
  font-size: 50px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 2.38px;
}

.subtitle{
  font-family: Archia;
  font-size: 25px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.98px;
}

.text{
  font-family: Archia;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
}

.text > *:last-child{
  margin-bottom:0;
}

.text-small{
  font-size: 14px;
}

.labels{
  font-family: Archia;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.39px;
  color: #7e7e7e;
  cursor: pointer;
}

.labels a{
  color: #7e7e7e;
  transition: all .3s ease-in-out;
}

.labels a:hover{
  color: #e9128b;
}

.inputs{
  border-radius: 7px;
  background-color: #fff;
  width: 100%;
  font-family: Archia;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  padding: 7px 15px;
  border: unset;
  color: #767676;
}

.inputs::placeholder{
  font-family: Archia;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #767676;
}

textarea.inputs{
  aspect-ratio: 4/3;
}

.checkboxes{
  accent-color: #e9128b;
  cursor: pointer;
}

hr{
  background-color: #c8c8c8!important;
  height: 1px!important;
  width: 50px;
  opacity: 1!important;
}

.family-bebas{
  font-family: BebasNeue;
}

.family-archia{
  font-family: Archia;
}

.page-template-default h2{
  font-family: Archia;
  font-size: 25px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.98px;
  color: #e9128b;
}

.page-template-default .page-content a{
  display: inline-block;
  color: #7b7b7b;
  transition: all .3s ease-in-out;
}

.page-template-default .page-content a:hover{
  color: #e9128b;
}

@media only screen and (max-width: 1200px){
  textarea.inputs {
    aspect-ratio: 16/6;
  }
}

@media only screen and (max-width: 767px){
  body:not(.home) .principal {
    margin-top: 60px;
  }
}