.modern-logo-link{
  width:202px;
  height:202px;
  overflow:visible;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

.modern-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.modern-nav a.active{
  color:#fff4d2;
}

.modern-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:linear-gradient(90deg,var(--orange),var(--gold2));
  border-radius:4px;
}

.hero-v017{
  isolation:isolate;
}

.hero-fabric-v017{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:34%;
  min-width:360px;
  overflow:hidden;
  z-index:0;
  filter:drop-shadow(18px 0 35px rgba(0,0,0,.28));
}

.fabric-orange,
.fabric-purple{
  position:absolute;
  inset:-10% auto -10% -15%;
  transform:rotate(-13deg);
  border-radius:42% 55% 50% 25%;
}

.fabric-orange{
  width:55%;
  background:
    radial-gradient(circle at 35% 35%,rgba(255,255,255,.22),transparent 13%),
    linear-gradient(105deg,#7d3500 0%,#ed7700 45%,#a84c00 100%);
}

.fabric-purple{
  left:13%;
  width:80%;
  background:
    radial-gradient(circle at 50% 32%,rgba(255,255,255,.15),transparent 18%),
    linear-gradient(105deg,#160533 0%,#5a1f94 44%,#250648 100%);
}

.fabric-fringe{
  position:absolute;
  left:29%;
  top:-2%;
  height:108%;
  width:20px;
  transform:rotate(-13deg);
  background:
    repeating-linear-gradient(
      90deg,
      #8c5a06 0 2px,
      #f2c557 2px 5px,
      #a56d0c 5px 7px
    );
  box-shadow:0 0 18px rgba(0,0,0,.4);
}

.hero-watermark-v017{
  position:absolute;
  z-index:0;
  right:-65px;
  top:30px;
  width:390px;
  height:390px;
  opacity:.10;
  background:url('/assets/images/district9-logo-transparent.png') center/contain no-repeat;
  filter:grayscale(1) sepia(.6);
}

.hero-content{
  z-index:2;
}

.icon-title-v017{
  display:flex;
  align-items:center;
  gap:14px;
}

.calendar-icon{
  position:relative;
  display:inline-block;
  width:34px;
  height:34px;
  border:3px solid var(--navy);
  border-radius:7px;
  flex:0 0 auto;
}

.calendar-icon::before,
.calendar-icon::after{
  content:"";
  position:absolute;
  top:-7px;
  width:5px;
  height:10px;
  border-radius:3px;
  background:var(--navy);
}

.calendar-icon::before{left:7px}
.calendar-icon::after{right:7px}

.calendar-top{
  position:absolute;
  left:3px;
  right:3px;
  top:8px;
  height:3px;
  background:var(--navy);
}

.calendar-dot{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:1px;
  background:var(--navy);
}

.calendar-dot.d1{left:6px;top:16px}
.calendar-dot.d2{right:6px;top:16px}
.calendar-dot.d3{left:6px;bottom:5px}
.calendar-dot.d4{right:6px;bottom:5px}

.event-icon-v017{
  flex:0 0 64px;
  width:64px;
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f7efd9;
}

.calendar-icon.small{
  width:29px;
  height:29px;
  border-width:3px;
}

.calendar-icon.small::before,
.calendar-icon.small::after{
  top:-6px;
}

@media(max-width:980px){
  .modern-logo-link{
    width:160px;
    height:160px;
  }

  .hero-fabric-v017{
    width:42%;
    opacity:.75;
  }

  .hero-watermark-v017{
    opacity:.07;
  }
}

@media(max-width:720px){
  .modern-logo-link{
    width:140px;
    height:140px;
  }

  .hero-fabric-v017{
    min-width:260px;
    width:55%;
    opacity:.45;
  }

  .hero-watermark-v017{
    width:250px;
    height:250px;
    right:-90px;
    top:80px;
  }
}