/* -------------------------------------------------------------------------- */
/*	0. GERAL
/* -------------------------------------------------------------------------- */

/* @font-face {
  font-family: "GillSans";
  src: local("GillSans"),
   url('../fonts/Gill-Sans/gill-sans-light.otf') format("opentype");
  font-weight: lighter;
} */

@font-face {
  font-family: "GillSans";
  src: local("GillSans"), url("../fonts/GillSans-Light.ttf") format("truetype");
  font-weight: lighter;
}

@font-face {
  font-family: "GillSans";
  src: local("GillSans"),
    url("../fonts/Gill-Sans/gill-sans.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: "GillSans";
  src: local("GillSans"),
    url("../fonts/GillSans/Gill\ Sans\ Bold.otf") format("opentype");
  font-weight: bold;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 p,
* {
  font-family: "GillSans", "Poppins";
}

b,
strong {
  font-weight: bold !important;
}

body {
  font-size: 14px;
  font-weight: 300;
}

.only-desktop {
  display: block;
}

.only-mobile {
  display: none;
}

.has-line {
  position: relative;
  width: max-content;
}

.has-line:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: currentColor;
  bottom: 0;
}

.has-line-2 {
  width: auto;
  border-bottom: 1px solid currentColor;
}

.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

@media only screen and (max-width: 768px) {
  .only-desktop {
    display: none;
  }

  .only-mobile {
    display: block;
  }

  #content.site-content {
    padding-bottom: 1.75rem;
    padding-top: 2.125rem;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. DIVIDER
/* -------------------------------------------------------------------------- */

.divider {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border: 0;
  border-top: 1px solid currentColor;
}

/* -------------------------------------------------------------------------- */
/*	0. BUTTONS
/* -------------------------------------------------------------------------- */

.btn.type-1 {
  border: 1px solid currentColor;
  border-radius: 22px;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
}

.btn.type-1 .icon {
  margin-right: 10px;
  height: 18px;
}

.btn.type-1 .label {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .btn.type-1 .icon {
    height: 18px;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. HEADER
/* -------------------------------------------------------------------------- */

.only-desktop.con-menu.ml-auto {
  width: 70%;
}

ul#menu-principal {
  width: 100%;
  justify-content: space-between;
}

li.menu-item.active:before {
  content: "";
  height: 1px;
  width: 90%;
  background: #0d2c44;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 0);
}

li.menu-item {
  position: relative;
}

@media (min-width: 768px) {
  .container-big {
    max-width: 1400px !important;
  }
}

@media only screen and (max-width: 768px) {
  div#main-nav {
    padding: 1rem 0 calc(2rem - 0.45rem);
  }
  li.menu-item {
    padding: 0.45rem 0;
  }
  li.menu-item.active:before {
    content: unset;
  }
  header#masthead {
    padding: 1.1rem 0rem 0;
  }
  .con-menu {
    width: 100%;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. LOGO
/* -------------------------------------------------------------------------- */

.navbar-brand {
  padding-top: 0.25rem;
  padding: 0;
  margin: 0;
  max-width: 250px;
}

.btn-area-cliente-menu {
  /* margin-left: auto; */
  /* margin-right: 23px; */
}

@media only screen and (max-width: 768px) {
  .navbar-brand {
    /* display: flex;
    margin: auto; */
    max-width: 150px;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. FOOTER
/* -------------------------------------------------------------------------- */

footer#colophon {
  position: relative;
}

footer#colophon .container {
  position: relative;
}

.con-whatsapp.floating {
  width: 50px;
  position: absolute;
  right: 0;
  top: calc(-2.5rem - 8px);
}

.con-whatsapp.floating img {
  width: 100%;
}

.networks .icon {
  width: 30px;
}

/* -------------------------------------------------------------------------- */
/*	0. NOSSO NEGOCIO
/* -------------------------------------------------------------------------- */

.single-nossos-negocios .entry-content * {
  font-weight: 300 !important;
  color: #0d2c44 !important;
}

.single-nossos-negocios .entry-content h2 {
  margin-bottom: 10px;
}

.single-nossos-negocios .entry-content p {
  margin-bottom: 10px;
}

/* -------------------------------------------------------------------------- */
/*	0. PAGE CLIENT REGISTRATION
/* -------------------------------------------------------------------------- */

.registration-form {
  position: relative;
  width: 100%;
  border: none;
  margin: 0;
}

.registration-form .input-wrapper {
  width: 100%;
}

.registration-form .form-control:focus {
  box-shadow: none;
  outline: none;
}

.registration-form .input-wrapper input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.registration-form .input-wrapper input::placeholder {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 2px;
}

.registration-form .ur-button-container {
  margin-top: 2rem;
  padding: 0;
}

.registration-form button {
  background-color: transparent;
  border: 1px solid #fff !important;
  color: #ffffff;
  border-radius: 22px;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1 !important;
  font-size: 12px !important;
  letter-spacing: 2px;
}

.registration-form button:hover {
  color: #ffffff;
}

.realtor-registration .ur-button-container button,
.customer-registration .ur-button-container button {
  margin-left: 0 !important;
}

.realtor-registration .ur-button-container button {
  background-color: #ffffff;
  border: 1px solid #0d2c44 !important;
  color: #0d2c44;
}

.user-registration-message {
  display: flex !important;
  align-items: center !important;
}

@media only screen and (max-width: 768px) {
  .registration-form {
    padding: 15px;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. PAGE CLIENT LOGIN
/* -------------------------------------------------------------------------- */

.page-login .user-registration {
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0 1.5rem !important;
  color: #fff;
  font-size: 16px;
}

#user-registration p {
  color: #fff !important;
}

.ur-frontend-form.login {
  border: none !important;
  padding: 0px !important;
}

.ur-frontend-form.login .ur-form-grid {
  padding: 0px !important;
}

.ur-frontend-form.login .input-wrapper {
  width: 100%;
}

.ur-frontend-form.login .form-control:focus {
  box-shadow: none;
  outline: none;
}

.ur-frontend-form.login .input-wrapper input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.ur-frontend-form.login .input-wrapper input::placeholder {
  color: #ffffff;
}

.ur-frontend-form.login input[type="submit"] {
  background-color: transparent;
  border: 1px solid #fff !important;
  color: #ffffff;
  border-radius: 22px;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1;
  font-size: 12px;
  letter-spacing: 2px;
}

.ur-frontend-form.login input[type="submit"]:hover {
  color: #ffffff;
}

.page-login.realtor .ur-frontend-form.login input[type="submit"] {
  background-color: #ffffff;
  border: 1px solid #0d2c44 !important;
  color: #0d2c44;
}

.user-registration-form__label.user-registration-form__label-for-checkbox.inline {
  display: flex !important;
  align-items: center;
  font-size: 16px !important;
  color: #ffffff;
}

.ur-frontend-form.login input[type="checkbox"] {
  appearance: none !important;
  background-color: transparent !important;
  margin: 0 !important;
  color: #ffffff !important;
  width: 1.15em !important;
  height: 1.15em !important;
  border: 1px solid currentColor !important;
  border-radius: 50px !important;
  transform: translateY(-0.075em) !important;
  display: grid !important;
  place-content: center !important;
}

.ur-frontend-form.login input[type="checkbox"]:checked::before {
  transform: scale(1) !important;
}

.ur-frontend-form.login input[type="checkbox"]::before {
  content: "";
  width: 0.55em;
  height: 0.55em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff !important;
  border-radius: 50px !important;
}

.user-registration-form__label.user-registration-form__label-for-checkbox.inline
  span {
  margin-left: 8px;
}

.user-registration-register.register a,
.user-registration-LostPassword.lost_password a {
  font-size: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* -------------------------------------------------------------------------- */
/*	0. FORM AGENDE UMA VISITA
/* -------------------------------------------------------------------------- */

.form-agende-visita .col-12 p {
  margin: 0;
}

.form-agende-visita select,
.form-agende-visita textarea,
.form-agende-visita input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  font-size: 16px;
}

.form-agende-visita select:focus,
.form-agende-visita textarea:focus,
.form-agende-visita input:focus {
  background-color: transparent;
  color: #ffffff;
  box-shadow: none;
}

.form-agende-visita textarea::placeholder,
.form-agende-visita input::placeholder {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.form-agende-visita select option {
  color: #0d2c44;
}

.form-agende-visita input[type="submit"] {
  background-color: #ffffff;
  border: 1px solid #0d2c44;
  border-radius: 34px;
  color: #0d2c44;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0.375rem 1.5rem;
  letter-spacing: 2px;
}

/* -------------------------------------------------------------------------- */
/*	0. ACCORDION FAQ
/* -------------------------------------------------------------------------- */

.accordin-faq {
  position: relative;
  width: 100%;
}

.accordin-faq .card {
  border: none !important;
  margin-bottom: 1rem;
}

.accordin-faq .card-header {
  border: 1px solid #0d2c44;
  border-radius: 33px !important;
  margin-bottom: unset !important;
  background-color: #efefef !important;
  display: flex;
  align-items: center;
  padding: 0.5rem 1.25rem;
}

.accordin-faq .card-header button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  color: #0d2c44 !important;
  font-size: 22px;
  line-height: 1;
  text-decoration: none;
}

.accordin-faq .card-header button:focus {
  box-shadow: none !important;
}

.accordin-faq .card-header button .icon {
  width: 25px;
  height: 25px;
}

.accordin-faq .card-header button.collapsed .icon.more,
.accordin-faq .card-header button .icon.less {
  display: block;
}

.accordin-faq .card-header button.collapsed .icon.less,
.accordin-faq .card-header button .icon.more {
  display: none;
}

.accordin-faq .card-body p {
  margin-bottom: 0;
  font-size: 18px;
}

/* -------------------------------------------------------------------------- */
/*	0. PAGE AREA CLIENTE
/* -------------------------------------------------------------------------- */

.area-do-cliente-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.area-do-cliente-menu .intro {
  background-color: #ffffff;
  padding: 8px 20px;
  border-radius: 22px;
}

@media only screen and (max-width: 768px) {
  img.area-do-cliente {
    height: 230px;
    object-fit: cover;
    object-position: 20%;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. PAGE BLOG
/* -------------------------------------------------------------------------- */

.post-thumbnail {
  width: 100%;
  height: 500px;
  margin-bottom: 1.5rem;
}

.post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.type-post .entry-content p {
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .post-thumbnail {
    height: 50vh;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. PAGE SINGLE EMPREENDIMENTOS
/* -------------------------------------------------------------------------- */

.single-empreendimentos .post-thumbnail {
  height: auto;
}

.con-comodos {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.con-comodos .comodo-item {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 140px;
  text-align: center;
}

.con-comodos .comodo-item img {
  height: 60px;
}

.con-localizacao,
.con-plantas {
  position: relative;
  width: 100%;
}

.con-localizacao a,
.con-plantas a {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.con-tire-suas-duvidas {
  position: relative;
  width: 100%;
}

.con-tire-suas-duvidas .col-12 p {
  margin: 0;
}

.con-tire-suas-duvidas textarea,
.con-tire-suas-duvidas input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #515151;
  border-radius: 0;
  color: #515151;
  font-size: 16px;
  padding-left: 0;
}

.con-tire-suas-duvidas textarea:focus,
.con-tire-suas-duvidas input:focus {
  background-color: transparent;
  color: #515151;
  box-shadow: none;
}

.con-tire-suas-duvidas textarea::placeholder,
.con-tire-suas-duvidas input::placeholder {
  color: #515151;
  font-size: 16px;
  text-transform: capitalize;
}

.con-tire-suas-duvidas input[type="submit"] {
  background-color: #0d2c44;
  border: 1px solid #0d2c44;
  border-radius: 34px;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0.375rem 1.5rem;
}

@media only screen and (max-width: 768px) {
  .con-comodos {
    justify-content: center;
  }

  .con-comodos .comodo-item img {
    height: 50px;
  }

  img.img-localizacao {
    height: 150px;
    object-fit: cover;
    object-position: center;
  }

  img.img-tire-suas-duvidas {
    height: 175px;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }
}

@media only screen and (max-width: 480px) {
  .con-comodos {
    margin-right: -5px;
    margin-left: -5px;
    align-items: baseline;
  }

  .con-comodos .comodo-item {
    width: calc(100% / 5);
    padding-right: 5px;
    padding-left: 5px;
  }

  .con-comodos .comodo-item img {
    height: 30px;
  }

  .con-comodos .comodo-item p.fs-14 {
    font-size: 12px !important;
  }
}

/* -------------------------------------------------------------------------- */
/*	0. AREA DO INVESTIDOR
/* -------------------------------------------------------------------------- */

.document-list a {
  text-decoration: none;
}

.document-item {
  background-color: #0d2c44;
  color: #fff;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  margin-bottom: 15px;
  padding: 15px 15px;
  user-select: none;
  transition: all 0.25s ease;
  opacity: 1;
}

.document-item:hover {
  opacity: 0.9;
}

.document-item .icon {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
}

.document-item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.document-item .title {
  font-size: 18px;
  margin: 0;
  line-height: 1.1;
}

.document-list .pagination {
  display: flex;
  align-items: center;
}

.document-list .pagination .page-numbers {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0d2c44;
  margin-left: 5px;
  color: #fff;
  font-weight: bold;
  opacity: 1;
  user-select: none;
}

.document-list .pagination .page-numbers:hover {
  color: #fff;
  opacity: 0.9;
}

.document-list .pagination .page-numbers.current {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

@media only screen and (max-width: 768px) {
  nav.area-do-cliente-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 0;
  }

  nav.area-do-cliente-menu > span {
    display: none;
  }
}