/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* DLD PROPERTIES */

/* Homepage */
/* Transparence du formulaire de recherche sur le page d'accueil */
.fs-tabs .tab-content, .fs-tabs .nav-tabs > li.active > a { background-color: #ffffffb0 !important; }
.fs-tabs .nav-tabs > li.active > a, .fs-tabs .nav-tabs > li.active > a:hover { color: black !important; }
/* Égaliser les blocs carrés à côté du logo */
.fourblocsdld .elementor-cta__content { min-height: 300px !important; }
.listingbiens .i-section { padding-bottom: 40px !important; }
/* Ajout ombrage sur carrés biens dans page accueil */
.listingbiens .lf-item-container {
  margin-bottom: 20px;
  -webkit-transform: translateZ(0);
  box-shadow: -6px 6px 14px 0px rgba(116.25000000000001, 46.78458175803403, 32.60054347826086, 0.57) !important;
}

/* Mise en page icone réseaux sociaux menu */
.blocreseaux {
  width: auto;
  min-width: 145px !important;
}
img.pictoreseau {
  margin-left: 5px;
}
.boutonfacebook a, .boutoninstagram a { padding: 0 0 0 15px !important; }

/* espace entre les paragraphes dans les pages */
.page-template-default p {
  margin: 0 0 30px !important;
}
.img_logo_header, .img_titlelogo_header, .img_titlelogoall_content, .img_alllogo_footer {
    content: "";
    display: block;
    background-size: contain !important;      
}
.img_logo_header {
    width: 75px;
    height: 75px;
    background: url(https://www.dldproperties.be/wp-content/uploads/2022/10/dld-properties-logo.svg) no-repeat;
}
.img_titlelogo_header {
    width: 180px;
    height: 12px;
    background: url(https://www.dldproperties.be/wp-content/uploads/2022/10/dld-properties-titre-logo-white.svg) no-repeat;  
}
.img_titlelogoall_content {
    width: 480px;
    height: 193px;
    background: url(https://www.dldproperties.be/wp-content/uploads/2022/10/dld-properties-logo-all.svg) no-repeat;   
}
.img_alllogo_footer {
    width: 164px;
    height: 200px;
    background: url(https://www.dldproperties.be/wp-content/uploads/2022/10/dld-properties-all-logo.svg) no-repeat;   
}

/* Page biens à louer / à vendre */
.profile-cover.profile-cover-no-img {
  height: 150px !important;
}

@media only screen and (max-width : 768px) {
    .profile-cover.profile-cover-no-img {
        display: none !important;
    }
}

/* ne pas afficher certains blocs de champs */
.blockdisplaynone { display: none; }

/* couleur du bouton recherche dans le formulaire de la page recherche */
.buttons.button-2.full-width.c27-explore-search-button {
  color: white !important;
}

/* cacher le filtre d'ordre dans le formulaire de recherche principal (page) */
.form-group.explore-filter.orderby-filter.md-group {
  display: none !important;
}

/* Onglet visiter le bien - single page */ 
.formulaire_visite .element {
  background: transparent !important;
  box-shadow: none !important;
}

/* Maquer l'adresse dans le bloc google maps */
.map-block-address p {
  display: none;
}

/* Couche de la page de recherche */ 
#c27-explore-listings { z-index : 10 !important; }



span.for-rent,
span.a-louer,
span.for-sale,
span.a-vendre {
  background-color: #AA8C53;
}
span.option-v,
span.option-l {
  background-color: #ff8a16;  
}
span.rented,
span.loue,
span.sold,
span.vendu {
  background-color: #ff2020;  
}
span.for-rent,
span.a-louer,
span.for-sale,
span.a-vendre,
span.option-v,
span.option-l,
span.rented,
span.loue,
span.sold,
span.vendu {
  color: white;
  border-radius: 5px;  
}

.listing-details-3 .details-list li {
  padding: 10px 40px !important;
}

/* Code Loïc */

.boxshadowthai {
    border-radius: 5px;
    box-shadow: -6px 6px 14px 0px rgba(116.25000000000001, 46.78458175803403, 32.60054347826086, 0.57) !important;
}

.icon-list li {
    display: inline-flex !important;
    color: white;
    font-size: 18px;
    align-items: center;
    font-weight: 600;
    font-family: "Barlow";
}
.icon-list i {
    display: inline-flex; /* au lieu de inline */
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    position: inherit;
}