/*
 Theme Name:   Megan Media
 Description:  
 Author:       Meganmendia
 Author URI:   https://megan.media/
 Version:      1.0.0
 Requires at least: 6.1.0
 Requires PHP: 8.1
 Template: hello-elementor
*/

/**
  Header shapes
*/

.megan-silentevents-header,
.megan-silentevents-header-1,
.megan-silentevents-header-2 {
  --mask-bot: calc(100% - 20vw);
  width: 100%;
  height: auto;
  min-height: 100rem;
  mask-size: cover;

  object-fit: cover;
  object-position: bottom center;
  position: relative;
  z-index: 2 !important;
}

.megan-silentevents-after-header,
.megan-silentevents-after-header-1,
.megan-silentevents-after-header-2 {
  position: relative;
  padding-top: 26vw;
}

.megan-silentevents-after-header::after,
.megan-silentevents-after-header-1::after,
.megan-silentevents-after-header-2::after {
  content: '';
  display: block;
  width: 100%;
  background-size: contain;
  background-position: top center;
  position: absolute;
  background-repeat: no-repeat;
  top: -1px;
  left: 0;
}

.megan-silentevents-header {
  mask-image: url('/wp-content/themes/hello-elementor-child/assets/masks/mask-1-top-b.svg');
  mask-repeat: no-repeat;
	mask-position: center bottom;
  margin-bottom: -10% !important;
}

.megan-silentevents-after-header::after {
  background-image: url('/wp-content/themes/hello-elementor-child/assets/masks/mask-1-bot-invert.svg');
  height: 27vw;
}

.megan-silentevents-header-1,
.megan-silentevents-header-2 {
  mask-image: url('/wp-content/themes/hello-elementor-child/assets/masks/mask-2-top-b.svg');
  mask-position: bottom center;
  margin-bottom: -30% !important;
}

.megan-silentevents-header-2 {
  mask-image: url('/wp-content/themes/hello-elementor-child/assets/masks/mask-3-top-b.svg');
}

.megan-silentevents-after-header-1,
.megan-silentevents-after-header-2 {
  padding-top: 32vw;
}

.megan-silentevents-after-header-1::after,
.megan-silentevents-after-header-2::after {
  background-image: url('/wp-content/themes/hello-elementor-child/assets/masks/mask-2-bot-invert.svg');
  background-size: cover;
  height: 23vw;
  top: 13vw;
}

.megan-silentevents-after-header-2::after {
  transform: scaleX(-1);
}

@media (max-width: 768px) {
  .megan-silentevents-header,
  .megan-silentevents-header-1,
  .megan-silentevents-header-2 {
    mask-size:
      100% 100%,
      contain;
    mask-position:
      center,
      bottom right;
    mask-composite: add;
  }

  .megan-silentevents-header {
    mask-image:
      linear-gradient(to bottom, black 0%, black var(--mask-bot), transparent var(--mask-bot)),
      url('/wp-content/themes/hello-elementor-child/assets/masks/mask-1-top-b.svg');
  }

  .megan-silentevents-header-1 {
    mask-image:
      linear-gradient(to bottom, black 0%, black var(--mask-bot), transparent var(--mask-bot)),
      url('/wp-content/themes/hello-elementor-child/assets/masks/mask-2-top-b.svg');
  }

  .megan-silentevents-header-2 {
    mask-image:
      linear-gradient(to bottom, black 0%, black var(--mask-bot), transparent var(--mask-bot)),
      url('/wp-content/themes/hello-elementor-child/assets/masks/mask-3-top-b.svg');
  }
}

@media (max-width: 767px) {
	.megan-silentevents-header,
  	.megan-silentevents-header-1,
	.megan-silentevents-header-2 {
		--min-height: 31vh !important;
	}
}

@media (min-width: 2464px) {
  .megan-silentevents-after-header::after,
  .megan-silentevents-after-header-1::after,
  .megan-silentevents-after-header-2::after {
    background-size: cover;
  }
}

/**
  Blob shapes
*/
.megan-silentevents-blob-l {
  position: relative;
  padding-top: 10% !important;
  padding-bottom: 10% !important;
  padding-left: 5% !important;
  padding-right: 15% !important;
}

.megan-silentevents-blob-l * {
  position: relative;
  z-index: 1;
}

.megan-silentevents-blob-l::after {
  content: '' !important;
  background-image: url('https://silentevents.nl/wp-content/uploads/2026/01/blob-l.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1118 / 977;
  width: 100%;
  height: auto !important;
  min-height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-37%, -32%) scale(1.5);
  transform-origin: top left;
}

@media (min-width: 1286px) {
  .megan-silentevents-blob-l::after {
    transform: translate(-37%, -32%) scale(1.2);
  }
}

@media (max-width: 768px) {
  .megan-silentevents-blob-l {
    padding-bottom: 28% !important;
    padding-top: 12% !important;
  }

  .megan-silentevents-blob-l::after {
    width: 100vw !important;
    background-size: cover;
    transform: translate(-37%, -46%) scale(1.4);
  }
}

@media (max-width: 590px) {
  .megan-silentevents-blob-l {
    transform: translateY(10%);
  }

  .megan-silentevents-blob-l::after {
    transform: translate(-41%, -49%) scale(1.6);
  }
}