/*
CONTACTOS v 1.0;
06/2022;
João Pereira;
*/

.page-template-page-contactos .custom-border{
  width:fit-content;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.page-template-page-contactos h1{
  font-size: 40px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #f2f2f2;
}

.page-template-page-contactos h2{
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #f2f2f2;
}

.page-template-page-contactos .intro{
  background-image: url(../images/contactos-bg.png);
  background-color: #fff;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top:250px;
  padding-bottom:200px;
}

.page-template-page-contactos .division{
  position:relative;
}

.page-template-page-contactos .division__bg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
  margin-top: -1px;
}

.page-template-page-contactos #mapid{
  height:500px;
}

.page-template-page-contactos .leaflet-marker-icon{
  background-color:#fff;
  border-radius:10px;
  padding:.5rem;
}

.page-template-page-contactos .leaflet-top{
  z-index:997!important;
}

.page-template-page-contactos .alert--custom{
  font-size: 14px;
  padding: 0.5rem 1rem;
}

.page-template-page-contactos .labels{
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #f2f2f2;
}

.page-template-page-contactos .inputs{
  border-radius: 7px;
  box-shadow: 10px 4px 20px 0 rgba(4, 114, 163, 0.1);
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #808080;
  border:none;
  width:100%;
  padding: 0.25rem 1rem;
}

.page-template-page-contactos .inputs::placeholder{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #808080;
}

.page-template-page-contactos .checkbox-container label a{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #f2f2f2;
  transition:all .3s ease-in-out;
}

.page-template-page-contactos .checkbox-container label a:hover{
  color:#4baedd;
}

@media only screen and (max-width:1600px){
  .page-template-page-contactos .intro{
    padding-top: 200px;
  }
}

@media only screen and (max-width:1400px){
  .page-template-page-contactos .intro{
    padding-top: 130px;
    padding-bottom:100px;
    background-size: 110% auto;
  }
}

@media only screen and (max-width:1400px){
  .page-template-page-contactos .intro{
    padding-top: 125px;
    background-size: 125% auto;
  }
}

@media only screen and (max-width:992px){
  .page-template-page-contactos .intro{
    padding-top: 140px;
    background-size: 175% auto;
  }
}

@media only screen and (max-width:576px){
  .page-template-page-contactos .intro{
    padding-top: 48px;
    background-size: 550% auto;
    background-position: top -100px center;
  }
}