/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/

@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
.header-v2 a.btn-primary{
  font-weight: bold;
}
.header-v2 a.btn-primary:hover,
.item-listing-wrap a.btn-item:hover{
  background-color: #57aaff;
  border-color: #57aaff;
  color: #FFF;
}


button.dropdown-toggle:hover, button.btn-light:hover,button.dropdown-toggle:focus, button.btn-light:focus{
  background-color: transparent !important;
  color: black;
}

.agent-link{
  display: none;
}
/* .agent-information {
padding-left: 0px;
} */

#horaire-accueil{
	font-size: 11px;
	font-weight: 500;
}

/* Tooltip container */
.mytooltip {
	font-size: 11px;
	font-weight: 500;
  position: relative;
  display: inline-block;
  text-decoration: underline !important;
}

/* Tooltip text */
.mytooltip .mytooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #F1BB40;
  color: #203863;
  text-align: left;
  padding: 8px;
  border-radius: 6px;
  line-height: 16px;
  font-size: 13px;
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.33);
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.33);
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 10;
}

/* Show the tooltip text when you mouse over the tooltip container */
.mytooltip:hover .mytooltiptext, .mytooltip:focus .mytooltiptext  {
  visibility: visible;
}

.current-menu-item>.nav-link{
  color: #F1BB40 !important;
}



.class-ges-indicator, .class-ges{
  position: relative;
}


.indicator-ges:before, .indicator-ges{
  position: absolute;
}


.class-ges-indicator{
  display: inline-block;
}

.class-ges-indicator span{
  display: block;
}


/* energy class
/* ------------------------------------------------------ */
.class-ges-list li {
  clear: both;
  border-bottom: 1px solid #dce0e0;
  padding: 0 10px;
  line-height: 40px;
}
@media (max-width: 767.98px) {
  .class-ges-list li {
    line-height: 36px;
  }
}
.class-ges {
  clear: both;
  padding: 60px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.class-ges-indicator {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.class-ges-indicator:nth-child(1) {
  background-color: #AFD9F6;
}
.class-ges-indicator:nth-child(2) {
  background-color: #95B3D2;
}
.class-ges-indicator:nth-child(3) {
  background-color: #7B91AF;
}
.class-ges-indicator:nth-child(4) {
  background-color: #626E8C;
}
.class-ges-indicator:nth-child(5) {
  background-color: #4E506D;
}
.class-ges-indicator:nth-child(6) {
  background-color: #393651;
}
.class-ges-indicator:nth-child(7) {
  background-color: #261A33;
}

.class-ges-indicator span {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

.indicator-ges {
  font-size: 13px;
  line-height: 30px;
  top: -48px;
  padding: 0 10px;
  white-space: nowrap;
  color: #fff;
  background-color: #999;
}
.indicator-ges:before {
  bottom: -10px;
  content: "";
  border-top: 10px solid #999;
}

.class-ges-indicator:nth-child(1) .indicator-ges, .class-ges-indicator:nth-child(2) .indicator-ges, .class-ges-indicator:nth-child(3) .indicator-ges, .class-ges-indicator:nth-child(4) .indicator-ges, .class-ges-indicator:nth-child(5) .indicator-ges, .class-ges-indicator:nth-child(6) .indicator-ges {
  left: 0;
}
.class-ges-indicator:nth-child(1) .indicator-ges:before, .class-ges-indicator:nth-child(2) .indicator-ges:before, .class-ges-indicator:nth-child(3) .indicator-ges:before, .class-ges-indicator:nth-child(4) .indicator-ges:before, .class-ges-indicator:nth-child(5) .indicator-ges:before, .class-ges-indicator:nth-child(6) .indicator-ges:before {
  right: auto;
  left: 0;
  border-right: 10px solid transparent;
}

.class-ges-indicator:nth-child(7) .indicator-ges, .class-ges-indicator:nth-child(8) .indicator-ges, .class-ges-indicator:nth-child(9) .indicator-ges, .class-ges-indicator:nth-child(10) .indicator-ges, .class-ges-indicator:nth-child(11) .indicator-ges, .class-ges-indicator:nth-child(12) .indicator-ges {
  right: 0;
}
.class-ges-indicator:nth-child(7) .indicator-ges:before, .class-ges-indicator:nth-child(8) .indicator-ges:before, .class-ges-indicator:nth-child(9) .indicator-ges:before, .class-ges-indicator:nth-child(10) .indicator-ges:before, .class-ges-indicator:nth-child(11) .indicator-ges:before, .class-ges-indicator:nth-child(12) .indicator-ges:before {
  right: 0;
  left: auto;
  border-left: 10px solid transparent;
}

.fw-property-ges-class-wrap {
  padding-left: 300px;
  padding-right: 300px;
}
@media (max-width: 991.98px) {
  .fw-property-ges-class-wrap {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 767.98px) {
  .fw-property-ges-class-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}


// Modèle de page détail du bien

// masquer l'adresse sous le titre de l'annonce
.page-title-wrap .item-address{
  display: none;
}

// LISTE DES BIENS 
.item-price-wrap .item-price{
  font-size: 16px !important;
}

.page-title-wrap .item-price-wrap .item-price {
  font-size: 22px; 
}

//Largeur maxi pour le titre du bien
@media (min-width: 768px){
  .property-wrap .page-title-wrap .page-title {
      max-width: 340px;
  }
}
@media (min-width: 992px){
  .property-wrap .page-title-wrap .page-title {
      max-width: 530px;
  }
}
@media (min-width: 1200px){
  .property-wrap .page-title-wrap .page-title {
      max-width: 680px;
  }
}

.footer_logo img{
  max-width: 100%;
  height: auto;
}