/*

  Theme name: Aruana Imoveis v2
  Description: Template em wordpress desenvolvido para o site Aruana Imoveis.
  Theme URI: https://wordpress.shdev.host/themes/aruana-imoveis
  Author: SHDev - Robson Vieira
  Text Domain: aruana_imoveis
  Domain Path: /languages
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 2.0

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');


/* 1 - ESTILO GERAL DO TEMPLATE @ START */


  * {
    
    font-family: 'Inter', sans-serif;
    padding:     0px;
    margin:      0px;

  }



  html, body {
    
    background-color: var(--aruana-imoveis-site-bg);
    min-height:       100%;
    position:         relative;
    display:          table;
    padding:          0px;
    margin:           0px;
    height:           100%;
    width:            100%;
    color:            var(--aruana-imoveis-site-fc);

  }


  #all {

    padding: 0px 0 0;
    margin:  0px;
    height:  100%;
    width:   100%;

  }



  .container-fluid {

    max-width: 1280px;

  }


  #btn-wp-admin-dev {

    background-color: black;
    z-index:          999999;
    position:         fixed;
    padding:          20px;
    bottom:           40px;
    left:             40px;
    color:            #FFF;

  }



  .no-overflow { overflow: hidden !important; }


  

/* 1 - ESTILO GERAL DO TEMPLATE @ END */




/* 2 - ESTILO DO HEADER DO TEMPLATE @ START */
  
  
  header {

    background-color: var(--aruana-imoveis-header-bg);
    position:         relative;
    width:            100%;
    color:            var(--aruana-imoveis-header-menu-fc);

  }

  header img {

    margin-top: 8px;
    max-width:  70% !important;

  }


  header button.navbar-toggler,
  header button.navbar-toggler:hover,
  header button.navbar-toggler:focus {

    box-shadow: unset;

  }


  header button.navbar-toggler {

    border-color: var(--aruana-imoveis-header-menu-fc);
    color:        var(--aruana-imoveis-header-menu-fc);

  }


  header button.navbar-toggler:hover {

    border-color: var(--aruana-imoveis-header-menu-fc-h);
    color:        var(--aruana-imoveis-header-menu-fc-h);

  }


  header #header-1 { display: none; }

  header .header-button {

    background-color: var(--aruana-imoveis-header-menu-primary-bg);
    position:         absolute;
    padding:          4px 8px;
    z-index:          100;
    border:           0px;
    color:            var(--aruana-imoveis-header-menu-primary-fc);
    right:            20px;

  }


  header #header-1 a.nav-link {

    text-underline-offset: 3px;
    text-decoration:       none;
    padding-bottom:        4px;
    font-weight:           500;
    line-height:           19px;
    padding-top:           4px;
    font-size:             16px;
    color:                 var(--aruana-imoveis-header-menu-fc);

  }


  header #header-1 li.active > a.nav-link,
  header #header-1 li.active > a.nav-link:hover,
  header #header-1 a.nav-link:hover {

    text-decoration: underline;
    color:           var(--aruana-imoveis-header-menu-fc-h);

  }


  header #header-social a.nav-link {

    text-decoration:       none;
    padding-bottom:        4px;
    font-weight:           500;
    line-height:           33px;
    padding-top:           4px;
    font-size:             30px;
    color:                 var(--aruana-imoveis-header-menu-fc);

  }


  header #header-social li.active > a.nav-link,
  header #header-social li.active > a.nav-link:hover,
  header #header-social a.nav-link:hover {

    text-decoration: none;
    color:           var(--aruana-imoveis-header-menu-fc-h);

  }

  
  header #header-social li:last-child a.nav-link {

    line-height: 28px;
    font-size:   25px;

  }


/* 2 - ESTILO DO HEADER DO TEMPLATE @ END */


#home-categories {

  /*background-color: #CCC;*/

}


#home-categories > ul#menu-principal > li.menu-item > a {

  background-color: var(--aruana-imoveis-header-menu-primary-bg);
  text-decoration:  none;
  border-radius:    5px;
  font-weight: 600;
  text-align:       center;
  font-size:        13px;
  margin-bottom:    calc(var(--bs-gutter-x) * 0.5);
  padding:          8px 16px;
  display:          table;
  width:            100%;
  color:            var(--aruana-imoveis-header-menu-primary-fc);

}


#home-categories > ul#menu-principal > li.menu-item > a:hover {

  background-color: var(--aruana-imoveis-header-menu-primary-bg-h);
  text-decoration:  none;
  font-size:        13px;
  padding:          8px 16px;
  color:            var(--aruana-imoveis-header-menu-primary-fc-h);

}


#home-destaques-box {

  border: 2px solid #015D8C;
  position: relative;
  display: table;
  width: 100%;
  border-radius: 8px;
  background: #CCCCCC;
  box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.25);

}


.categories-block-imoveis-titulo {

  font-weight: 700;
  line-height: 1.7rem;
  font-size:   1.5rem;
  color:       #000000;

}


.categories-block-imoveis-item,
.categories-block-imoveis-item a {

  background: #FFFFFF;
  text-decoration:  none;
  border-radius:    8px;
  color:            var(--aruana-imoveis-site-fc);

}

.categories-block-imoveis-item-image {

  background-position: center;
  background-repeat:   no-repeat;
  background-size:     cover;
  border-radius:       8px;

}

.categories-block-imoveis-item-localizacao {

  font-weight: 600;
  font-size:   1.25rem;
  color:       #000000;

}


.page-imovel-miniatura {

  background-position: center;
  background-repeat:   no-repeat;
  background-size:     cover;

}

#page-imovel-titulo,
#page-imovel-titulo h2 {

  font-weight: bold;
  font-size:   24px;

}

#page-imovel-titulo b,
#page-imovel-titulo h2 { display: inline-block; margin-bottom: 0; }

#page-imovel-titulo b { color: red; text-transform: uppercase; }


.btn-voltar,
.btn-voltar:hover {

  text-decoration: none;
  font-size:       1.6rem;
  color:           #504F59;

}



#page-imovel-galeria {

  background-color: rgba(0, 0, 0, .6);
  overflow:         hidden;
  position:         fixed;
  display:          none;
  height:           100%;
  width:            100%;
  left:             0;
  top:              0;

}


.page-imovel-galeria-btn {

  background-color: rgba(0, 0, 0, .3);
  font-size:        1.8rem;
  color:            #FFFFFF;

}


.page-imovel-galeria-btn:hover,
.page-imovel-galeria-btn:focus,
.page-imovel-galeria-btn:active {

  background-color: rgba(0, 0, 0, .6) !important;
  color: #FFFFFF !important;

}



#page-imovel-galeria-carousel img.img-fluid {

  border: 5px solid #FFFFFF;

}




/* 10 - ESTILO DO FOOTER DO TEMPLATE @ START */
  
  footer img {

    margin-bottom: 10px;
    max-width:     70% !important;

  }

  footer,
  footer > div {

    position:         relative;
    display:          table;
    width:            100%;

  }
  
  footer > div:first-child {

    background-color: var(--aruana-imoveis-footer-bg);
    color:            var(--aruana-imoveis-footer-fc);

  }

  footer > div:last-child {

    background-color: var(--aruana-imoveis-footer-bg-2);
    color:            var(--aruana-imoveis-footer-fc-2);

  }


  #footer-widget-2 p,
  #footer-widget-3 p { margin-bottom: .5rem; }

  #footer-widget-4 p { margin: 0px; font-size: 14px; }
  #footer-widget-4 a,
  #footer-widget-4 a:hover { color: var(--aruana-imoveis-header-menu-fc); text-decoration: none; }

  
  #footer-widget-1 ul {

    list-style: none;
    padding:    0px;
    margin:     0px;

  }

  #footer-widget-1 ul > li {

    margin-bottom: .5rem;

  }


  #footer-widget-2 a,
  #footer-widget-3 a,
  #footer-widget-1 li.menu-item a {

    text-decoration: none;
    font-weight:     400;
    line-height:     19px;
    font-size:       16px;
    color:           var(--aruana-imoveis-header-menu-fc);

  }


  #footer-widget-2 a:hover,
  #footer-widget-3 a:hover,
  #footer-widget-1 li.menu-item a:hover {

    text-decoration: underline;
    color:           var(--aruana-imoveis-header-menu-fc-h);

  }


/* 10 - ESTILO DO FOOTER DO TEMPLATE @ END */


#btn-whatsapp {

  text-decoration: none;
  border-radius:   4px;
  font-size:       1.2rem;
  position:        fixed;
  padding:         10px 15px;
  z-index:         8;
  bottom:          20px;
  right:           20px;
  color:           #FFFFFF;

}
#btn-whatsapp > i { font-size: 1.6rem; margin-left: 6px; }