/* -----------------------------------Services Dropdown----------------------------------------------- */
.contact-dropdown,
.event-dropdown,
.team-dropdown,
.about-dropdown {
  display: flex;
  flex-direction: column;
  background-color: var(--colour-1);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: start;
  padding: 20px;
  height: auto;
  width: 180px;
  position: absolute;
  pointer-events: none;
  z-index: 11;
  opacity: 0;
  /* visibility: hidden; */
  transform: translateY(20px);
  transition: opacity 0.15s, transform 0.15s;
}

.contact-link.active>.link,
.events-link.active>.link,
.team-link.active>.link,
.about-link.active>.link {
  cursor: pointer;
}

.contact-link>.link i,
.events-link>.link i,
.team-link>.link i,
.about-link>.link i {
  position: relative;
  bottom: -3px;
}

.contact-link.active>.link+.contact-dropdown,
.events-link.active>.link+.event-dropdown,
.team-link.active>.link+.team-dropdown,
.about-link.active>.link+.about-dropdown {
  /* display: flex; */
  /* visibility: visible; */
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}


.contact-link>.link+.contact-dropdown,
.contact-link.active>.link+.contact-dropdown {
  /* position: relative; */
  right: 10px;
}
.menu-service1, .menu-service2, .menu-service3 {
  /* width: 30ch;
  text-decoration: none; */
}

.contact-dropdown i,
.event-dropdown i,
.team-dropdown i,
.about-dropdown i {
  /* font-family: 'Oxygen', sans-serif;
  font-size: 0.7rem;
  font-weight: 400; */
}

.contact-dropdown p,
.event-dropdown p,
.team-dropdown p,
.about-dropdown p {
  margin: 0;
  /* margin-top: 0.2rem; */
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.contact-dropdown a>*,
.event-dropdown a>*,
.team-dropdown a>*,
.about-dropdown a>* {
  color: black;
  text-transform: none;
}

.contact-dropdown a:hover>*,
.event-dropdown a:hover>*,
.team-dropdown a:hover>*,
.about-dropdown a:hover>* {
  color: var(--colour-3);
}
@media screen and (min-width: 769px) {
  /* .contact-dropdown,
  .event-dropdown,
  .team-dropdown,
  .about-dropdown {
    width: 200px;
  } */
  .contact-dropdown p,
  .event-dropdown p,
  .team-dropdown p,
  .about-dropdown p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .contact-dropdown,
  .event-dropdown,
  .team-dropdown,
  .about-dropdown {
    width: 200px;
  }
  .contact-dropdown p,
  .event-dropdown p,
  .team-dropdown p,
  .about-dropdown p {
    font-size: 1rem;
  }
  .contact-link>.link+.contact-dropdown,
  .contact-link.active>.link+.contact-dropdown {
    right: unset;
  }
}
@media screen and (min-width: 1200px) {
  /* Extra */
  .contact-dropdown p,
  .event-dropdown p,
  .team-dropdown p,
  .about-dropdown p {
    font-size: 1.2rem;
  }
}