.hover-wrapper {
	position: relative;
  height: 860px;
  overflow: hidden;

  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
	
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.ArtistStar {
  position: absolute;

  top: 12%;
  left: -33%;

  transform: translate(20px, -50%);

  width: 200px;
  height: 200px;

  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/05/Star_Shiny_A.svg") no-repeat;
  background-size: contain;

  pointer-events: none;
}

.ArtistStar2 {
	  position: absolute;
  bottom: -10%;
  right: -54%;

  width: 180px;
  height: 180px;

  transform: rotate(270deg) translate(20px, -50%);

  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/05/Shooting_Star_Small_A.svg") no-repeat;
  background-size: contain;

  pointer-events: none;
  opacity: 1;
  z-index: 1;
}
.ArtistStar,
.ArtistStar2 {
  opacity: 1;
  transition: opacity 0.8s ease;
}
/*Header*/
@media (max-width: 768px) {
  .site-header,
  header {
    position: relative !important;
    z-index: 99999 !important;
  }

  .home .site-content,
  .home .hero,
  .home main {
    position: relative;
    z-index: 1;
  }
}
/* Bg layers */
.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* Images */
.bg1 {
  background-image: url('https://mothergoosemgmt.be/wp-content/uploads/2026/04/IMG_6099.webp');
}
.bg2 {
  background-image: url('https://mothergoosemgmt.be/wp-content/uploads/2026/04/Stayinbed_PressPhoto_Portrait_2.jpg');
}
.bg3 {
  background-image: url('https://mothergoosemgmt.be/wp-content/uploads/2026/04/NEVEL_Portret2.jpg');
}

/* Default state */
.bg1 { opacity: 0; }
.bg2, .bg3 { opacity: 0; }

/* Names */
.names {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.names a {
  display: block;
  width: 100%;
  max-width: 400px;
	
  color: black;
  font-size: clamp(22px, 5vw, 40px);
  line-height: 2;
  cursor: pointer;
  text-decoration: none;

  border: 2px solid black;
	border-radius: 40px 0px;
  padding: 10px 20px;
  margin: 10px 0;
	
  text-align: center;

  box-sizing: border-box;
  transition: all 0.3s ease;
}

.names a:hover {
  background-color: black;
  color: white;
}

.hover-wrapper:has(.names:hover) .bg {
  opacity: 0;
}

.hover-wrapper:has(.names a:nth-child(1):hover) .bg1 { opacity: 1; }
.hover-wrapper:has(.names a:nth-child(3):hover) .bg2 { opacity: 1; }
.hover-wrapper:has(.names a:nth-child(5):hover) .bg3 { opacity: 1; }
.hover-wrapper:has(.names a:hover) .ArtistStar,
.hover-wrapper:has(.names a:hover) .ArtistStar2 {
  opacity: 0;
}
/*mobile*/
@media (max-width: 768px) {
  .bg {
    display: none !important;
		
  }
	@media (max-width: 768px) {
  .wp-block-button__link {
    white-space: nowrap;
    hyphens: none;
    word-break: keep-all;
  }
}

  .hover-wrapper {
    height: auto;
    overflow: visible;
  }

  .names {
    position: static;
    transform: none;
    padding: 40px 20px;
  }
}
/*Homepage*/
.hover-button-home:hover {
  background-color: black !important;
	background: black !important;
	opacity: 0.7;
  color: white !important;
}
.starHome {
  position: absolute;
  top: -500px;
  right: -60px;
  width: 200px;
  height: 200px;
transform: scaleX(-1) rotate(130deg);
  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/04/Shooting_Star_B-2.PNG.svg") no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  animation: Starhomelogo 6s infinite linear;
}

@keyframes Starhomelogo {
  0% {
    transform: scaleX(-1) translate(0px, 80px) rotate(120deg);
    opacity: 0.8;
  }

  85% {
    opacity: 0.8;
  }

  100% {
    transform: scaleX(-1) translate(70px, -10px) rotate(140deg);
    opacity: 0;
  }
}

.StarbutHome {
  position: absolute;
  top: -60px;
  left: -410px;

  width: 180px;
  height: 180px;

  transform: rotate(0deg);

  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/05/Star_Shiny_B.svg") no-repeat;
  background-size: contain;

  pointer-events: none;
  opacity: 1;
  z-index: 1;
}
.starbuttHome {
	  position: absolute;
  top: -105px;
  right: -75px;

  width: 180px;
  height: 180px;

  transform: rotate(0deg);

  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/05/Star_Duo_B.svg") no-repeat;
  background-size: contain;

  pointer-events: none;
  opacity: 1;
  z-index: 1;
}

/*contactform*/
textarea {
  resize: none !important;
}
/*Aboutus*/
.starAbout1 {
  position: absolute;
  top: -150px;
  right: -110px;

  width: 180px;
  height: 180px;

  transform: rotate(270deg);

  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/05/Shooting_Star_Small_A.svg") no-repeat;
  background-size: contain;

  pointer-events: none;
  opacity: 1;
  z-index: 1;
}
.starAbout2 {
  position: absolute;
  top: -630px;
  right: 345px;

  width: 140px;
  height: 140px;

  transform: rotate(0deg);

  background: url("https://mothergoosemgmt.be/wp-content/uploads/2026/05/Star_Duo_A.svg") no-repeat;
  background-size: contain;

  pointer-events: none;
  opacity: 1;
  z-index: 1;
}
		@keyframes Starhomemob {
  0% {
    transform: scaleX(-1) translate(0px, 70px) rotate(140deg);
    opacity: 0.8;
  }

  85% {
    opacity: 0.8;
  }

  100% {
    transform: scaleX(-1) translate(60px, 10px) rotate(160deg);
    opacity: 0;
  }
}

/*MOBILEEXTRAS*/
@media (max-width: 768px) {
    .starbuttHome,
	.starbutHome,
	.shooting-star,
	.starContact,
	.starContactMsg,
	.starAbout2{
    display: none;
  }
  .Logo {
    width: 325px !important;
    max-width: 350px !important;
    flex: 0 0 auto;

    margin-top: -400px !important;
    margin-bottom: -400px !important;
		margin-left: -210px !important;
  }

  .Logo img {
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
  }
	.StarFoot {
    position: relative;
    top: auto;
    left: auto;
    transform: none;

    margin: 20px;
    display: block;
  }
	.starHome {
		width: 100px;
		height: 100px;
		margin-top: -100px;
		animation: Starhomemob 6s infinite linear;
}
  .Aboutmelogo {
    width: 200px !important;
    height: auto !important;
		margin-top: -80px !important;
  }
	  .ArtistStar {
    width: 110px !important;
    height: 110px !important;

    top: 5% !important;
    left: 2% !important;

    right: auto !important;
    bottom: auto !important;

    transform: none !important;
  }

  .ArtistStar2 {
    width: 90px !important;
    height: 90px !important;

    top: auto !important;
    left: auto !important;

    bottom: 5% !important;
    right: 2% !important;

    transform: rotate(270deg) !important;
  }
	.starAbout1{
		    width: 90px !important;
    height: 90px !important;

    top: auto !important;
    left: auto !important;

    bottom: 5% !important;
    right: -15% !important;

    transform: rotate(270deg) !important;
	}
	}
/*Mobile cutoff*/	
html, body {
    overflow-x: hidden;
}