/*
Theme Name: Mull2media
Description: Theme by Mull2media
Author: Mull2media
Author URI: https://mull2media.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
html {scroll-behavior: smooth;}
.intro-container:after {content:'';position:absolute;top:0;left:30px;height:100px;width:220px;background-image:url('/wp-content/uploads/2025/12/textielkwartier-after.svg');background-size:cover;pointer-events:none;z-index:99;}
.image-container:after {content:'';position:absolute;bottom:0;right:0px;height:250px;width:250px;background-image:url('/wp-content/uploads/2025/12/icon.png');background-size:cover;pointer-events:none}
h1.fusion-title-heading, h3.fusion-title-heading, h2.fusion-title-heading {font-weight:bold!important;}
.download-buttons a.fusion-button {margin-right: 30px;}


svg #Appartementen g{cursor:pointer;fill:rgba(0,0,0,0);transition:all .3s linear;}			
svg #Appartementen g:hover{fill:rgba(250,246,233,0.5);}	
svg #Appartementen a.is-active g{fill:rgba(250,246,233,0.75);}
svg #Andere_kant polyline,svg #Andere_kant polygon{cursor:pointer;fill:rgba(0,0,0,0);transition:all .3s linear;}			
svg #Andere_kant polyline:hover,svg #Andere_kant polygon:hover{fill:rgba(194, 159, 21, 0.5);}

#m2m-svg-wrapper #tooltip {
  position: fixed;
  pointer-events: none; /* voorkomt geflikker */
  background: black;
  color: white;
  padding: 4px 8px;
  font-size: 12px;
  white-space: nowrap;
  display: none;
  z-index: 1000;
}

#m2m-svg-wrapper #tooltip[type="A"]{background:#c29f15;}
#m2m-svg-wrapper #tooltip[type="B"]{background:#69852c;}
#m2m-svg-wrapper #tooltip[type="C"]{background:#608883;}
#m2m-svg-wrapper #tooltip[type="D"]{background:#6d4160;}
#m2m-svg-wrapper #tooltip[type="E"]{background:#8f4726;}

#m2m-svg-wrapper #tooltip:before{content:"\f35d";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:5px;}
#m2m-svg-wrapper #tooltip[nr="Aanzicht draaien"]:before{content:"\f0e2";}

@media screen and (max-width:1024px) {
  .download-buttons a.fusion-button {margin-bottom: 30px;}
  .post-card .fusion-content-tb .fusion-fullwidth {padding-left:0!important;padding-right:0!important;padding-bottom:0!important}

  #m2m-svg-wrapper{position:relative;}
  #m2m-svg-wrapper #tooltip{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);}

  /* svg #Appartementen g{fill:rgba(250,246,233,0.25);}
  svg #Andere_kant polyline,svg #Andere_kant polygon{fill:rgba(194, 159, 21, 0.25);} */

}
@media screen and (max-width:640px) {
	.image-container:after {height:100px;width:100px;}
	.intro-container:after{width: 100px;height: 45px;}
	.background-container {background:#faf6e9!important;}
	.download-buttons a.fusion-button {margin-right:0px;}
	h1.fusion-title-heading {font-size:35px!important;}
	.fusion-title-size-two h2.fusion-title-heading {font-size:35px!important;}
	h2 br {display:none;}
}

/* Type A – geel */
#m2m-svg-wrapper #tooltip[nr="A01"],
#m2m-svg-wrapper #tooltip[nr="A09"],
#m2m-svg-wrapper #tooltip[nr="A10"],
#m2m-svg-wrapper #tooltip[nr="A19"],
#m2m-svg-wrapper #tooltip[nr="A20"],
#m2m-svg-wrapper #tooltip[nr="A29"],
#m2m-svg-wrapper #tooltip[nr="A30"] {
  background: #c29f15;
}

/* Type B – groen */
#m2m-svg-wrapper #tooltip[nr="A02"],
#m2m-svg-wrapper #tooltip[nr="A08"],
#m2m-svg-wrapper #tooltip[nr="A11"],
#m2m-svg-wrapper #tooltip[nr="A18"],
#m2m-svg-wrapper #tooltip[nr="A21"],
#m2m-svg-wrapper #tooltip[nr="A28"],
#m2m-svg-wrapper #tooltip[nr="A31"] {
  background: #69852c;
}

/* Type C – blauwgroen */
#m2m-svg-wrapper #tooltip[nr="A03"] {
  background: #608883;
}

/* Type D – paars */
#m2m-svg-wrapper #tooltip[nr="A04"],
#m2m-svg-wrapper #tooltip[nr="A05"],
#m2m-svg-wrapper #tooltip[nr="A06"],
#m2m-svg-wrapper #tooltip[nr="A13"],
#m2m-svg-wrapper #tooltip[nr="A14"],
#m2m-svg-wrapper #tooltip[nr="A15"],
#m2m-svg-wrapper #tooltip[nr="A16"],
#m2m-svg-wrapper #tooltip[nr="A23"],
#m2m-svg-wrapper #tooltip[nr="A24"],
#m2m-svg-wrapper #tooltip[nr="A25"],
#m2m-svg-wrapper #tooltip[nr="A26"],
#m2m-svg-wrapper #tooltip[nr="A33"] {
  background: #6d4160;
}

/* Type E – bruin */
#m2m-svg-wrapper #tooltip[nr="A07"],
#m2m-svg-wrapper #tooltip[nr="A12"],
#m2m-svg-wrapper #tooltip[nr="A17"],
#m2m-svg-wrapper #tooltip[nr="A22"],
#m2m-svg-wrapper #tooltip[nr="A27"],
#m2m-svg-wrapper #tooltip[nr="A32"] {
  background: #8f4726;
}

/* =========================
   B-nummers
   ========================= */

/* Type A – geel */
#m2m-svg-wrapper #tooltip[nr="B01"],
#m2m-svg-wrapper #tooltip[nr="B02"],
#m2m-svg-wrapper #tooltip[nr="B05"],
#m2m-svg-wrapper #tooltip[nr="B06"] {
  background: #c29f15;
}

/* Type B – groen */
#m2m-svg-wrapper #tooltip[nr="B03"],
#m2m-svg-wrapper #tooltip[nr="B04"],
#m2m-svg-wrapper #tooltip[nr="B07"],
#m2m-svg-wrapper #tooltip[nr="B08"],
#m2m-svg-wrapper #tooltip[nr="B11"],
#m2m-svg-wrapper #tooltip[nr="B12"] {
  background: #69852c;
}

/* Type C – blauwgroen */
#m2m-svg-wrapper #tooltip[nr="B09"],
#m2m-svg-wrapper #tooltip[nr="B10"] {
  background: #608883;
}

/* Type D – paars */
#m2m-svg-wrapper #tooltip[nr="B13"],
#m2m-svg-wrapper #tooltip[nr="B15"] {
  background: #6d4160;
}

/* Type E – bruin */
#m2m-svg-wrapper #tooltip[nr="B14"],
#m2m-svg-wrapper #tooltip[nr="B16"] {
  background: #8f4726;
}