/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Aanpassingen voor Estatik breadcrumbs 

.es-breadcrumbs__item {
	display: none;
    color: #000000 !important; /* Wijzig dit naar de gewenste linkkleur
    text-decoration: none; /* Voeg toe om onderstreping van links te verwijderen 
}

.es-single__header-terms {
	display: none;
}

.es-price {
 	color: #000000;
	font-weight: bold;
}



.es-listing__meta-bedrooms {
	color: #000000;	
	font-size: 10pt;

}

.es-listing__meta-bathrooms {
	color: #000000;	
	font-size: 10pt;
}

.es-listing__meta-area  {
	color: #000000;	
	font-size: 10pt;
}

.es-property-section__title {
	color: #000000 !important;	
}

.es-terms-text {
	color: #333333 !important;
	font-size: 11pt;
	text-align: left;
	font-weight: bold;
	display: flex;
	
}

.entry-content {
	color: #000000;
}


.es-request-form {
	background-color: #F95B12;
}

.es-property-section__content {
	background-color: #EEEEEE !important;
	padding: 10px !important;
}

.es-property-fields {
	padding: 10px;
}

.js-es-image {
	background-size: contain;
	width: 100px;
}

.es-property-field__label {
	display: none !important;
}

.es-property-field__value {
	font-size: 12pt;
}

.site-header.wp-block-template-part {
  display: block !important;
}

body.page .mob-menu-header-holder.mobmenu {
  width: 100%;
  border-radius: 0px;
  right: 0;
  background: #fff !important;
  height: 70px;
  padding-top: 20px;
}
body .mobmenur-container {
  top: 30px;
}

.wp-block-image.size-large.is-resized {
  max-width: 250px;
}




/* Aanpassingen voor Ninja Forms */
.nf-field-label {
	color: #ffffff;
}


.nf-form-fields-required {
	color: #ffffff;
}

.nf-form-title__h4 {
	display: none;
}

.fusion-megamenu-icon  {
	display: none !important;
}

.ninja-forms-req-symbol {
	color: #ffffff !important;
}

.nf-error-msg {
	color: #ffffff !important;
}


/* Aanpassingen detailpagina property */
.fusion-meta-info-wrapper {
	display:none !important;
}

.fusion-sharing-box {
	display:none !important;
}

.about-author {
	display:none !important;
}

.select2-selection {
	background-color: #ffffff !important;
}

.select2-search {
	background-color: #ffffff !important;
}

.select2-results {
	color: #000000 !important;
	background-color: #ffffff !important;
}

.select2-results__options {
	color: #000000 !important;
}

.select2-results__option {
	color: #000000 !important;
}

.es-badge {
	font-size: 12pt;
	text-transform: uppercase;
	background-color: #FF0000;
	color: #FFFFFF;
}

.es-listing__meta-bedrooms {
	width: 75px;
}
.es-listing__meta-bathrooms {
	width: 100px;
}
.es-listing__meta-area {
	width: 65px;
}
.es-listing__meta-lot_size {
	width: 85px;
}

.es-request-form {
	background-color: #f95b12;
}
.es-request-form .es-request-form--section {
	background-color: #f95b12;
}
/* Stijl voor de custom plaatsnaam in Estatik listings */
.es-property-plaatsnaam {
    font-size: 14px; /* Begin hier met een waarde, pas aan naar wens */
    /* Optioneel: andere styling zoals lettertype, kleur, marge, etc. */
    /* font-weight: bold; */
    /* color: #333333; */
    /* margin-bottom: 5px; */ /* Een beetje ruimte tussen plaatsnaam en titel */
}
/* Styling voor de custom subtitel op Estatik property detailpagina's */
.es-single__header-left .property-custom-subtitle {
    font-size: 18px; /* Voorbeeld: maak het groter. Pas aan naar wens. */
    font-weight: 500; /* Voorbeeld: medium dikte (normaal is 400, vet is 700) */
    color: #444444; /* Voorbeeld: een donkergrijze kleur. Pas aan naar wens. */
    margin-bottom: 8px; /* Voorbeeld: een beetje ruimte onder deze subtitel, voor de hoofdtitel. */
    line-height: 1.4; /* Voorbeeld: regelhoogte voor betere leesbaarheid als de tekst over meerdere regels loopt. */
    /* U kunt hier meer CSS-eigenschappen toevoegen: */
    /* font-family: 'Uw Gewenste Lettertype', sans-serif; */
    /* text-transform: uppercase; */ /* Als u het in hoofdletters wilt */
    /* letter-spacing: 0.5px; */ /* Een beetje extra ruimte tussen letters */
}

.es-property_section--basic-facts .es-property-section__content {
    margin-top: 0px;     /* Probeer waarden zoals 5px, 10px, of wat het beste oogt */
    padding-top: 0px;  /* Als padding de ruimte veroorzaakt, pas dit dan ook aan */
}

@media (min-width: 1025px) { /* Pas dit breakpoint (1025px) aan indien nodig */
    ul.es-listing__meta {
        display: flex;
        flex-direction: row; /* Zorgt dat items naast elkaar komen */
        flex-wrap: wrap;     /* Items mogen naar volgende regel als er geen ruimte is */
        align-items: center; /* Verticaal centreren van de items op een regel */
        padding-left: 0;     /* Reset eventuele standaard padding van de ul */
        list-style-type: none; /* Verwijder eventuele list-item bolletjes */
        margin-bottom: 15px; /* Optioneel: ruimte onder de balk */
    }

    ul.es-listing__meta li {
        display: flex;        /* Maakt de li een flex container voor icoon en tekst */
        align-items: center;  /* Lijn icoon en tekst binnen de li verticaal uit */
        font-size: 16px;      /* NIEUW: Gewenste desktop lettergrootte voor de tekst. Pas aan. */
        margin-right: 25px;   /* Ruimte TUSSEN de items. Pas aan. */
        margin-bottom: 5px;   /* Ruimte als items naar een nieuwe regel wrappen */
        line-height: 1.3;     /* Kan helpen met verticale uitlijning van de grotere tekst naast de kleinere iconen */
    }

    ul.es-listing__meta li:last-child {
        margin-right: 0; /* Geen marge rechts voor het laatste item */
    }

    /* Styling voor de tekst-onderdelen */
    ul.es-listing__meta li b {
        font-size: 1.1em;  /* Maakt het getal relatief iets groter dan de rest van de tekst in de li.
                              Dit wordt dus 1.1 * 16px (of jouw gekozen font-size). */
        margin-left: 6px;  /* Ruimte LINKS van het getal (NA het icoon) */
        margin-right: 4px; /* Kleine ruimte RECHTS van het getal (VOOR de eenheid) */
        font-weight: bold;
    }

    ul.es-listing__meta li span {
        white-space: nowrap; /* Voorkomt ongewenste afbreking van de tekst zoals 'Slaapk.' */
        /* De lettergrootte van de span wordt overgenomen van de li (16px in dit voorbeeld) */
    }

    /* Behoud de originele grootte van de iconen (SVG en IMG) */
    /* Deze regels zijn nu meer om te zorgen dat ze goed uitlijnen met de grotere tekst */
    ul.es-listing__meta li svg,
    ul.es-listing__meta li img.es-meta-icon {
        /* width: 16px; */  /* Verwijderd - we laten de HTML attributen de grootte bepalen */
        /* height: 16px; */ /* Verwijderd - we laten de HTML attributen de grootte bepalen */
        /* fill: #jouwkleur; */ /* Verwijderd - we laten de originele fill/kleur van de iconen intact */
        flex-shrink: 0;    /* Voorkomt dat het icoon krimpt als er ruimtegebrek is */
        /* vertical-align: middle; */ /* Kan nodig zijn als flexbox align-items niet perfect is, maar meestal wel */
    }
	    /* --- Lettergrootte voor de omschrijvingstekst op DESKTOP --- */
    .es-entity-field--omschrijving .es-property-field__value {
        font-size: 17px; /* Stel hier je gewenste lettergrootte in voor desktop. Bijv. 16px, 17px, 18px. */
        line-height: 1.7; /* Pas de regelhoogte aan voor betere leesbaarheid bij grotere tekst. Bijv. 1.6, 1.7, 1.8. */
    }
	
}