.subtitle {
  color: white !important;
  padding: 10px 20px;
  z-index: 10;
  position: relative;
  text-transform: uppercase;
  width: fit-content;
  font-size: 1rem !important;
}

.subtitle::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-secondary);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: skewX(-6deg);
}

*,
.socialFooter,
.contactButton {
  border-radius: 0 !important;
}

.mobile .current-menu-ancestor .current-menu-item > a {
  margin-bottom: 10px !important;
}

.mobile li:hover > a,
.mobile .current-menu-item > a,
.mobile .current-menu-ancestor > a {
  border-bottom: solid;
}

#footerMenu > li {
  position: relative;
}
#footerMenu .sub-menu li {
  margin-bottom: 10px;
  padding-left: 30px;
}
#footerMenu .sub-menu {
  z-index: 100;

  min-width: 300px;
  left: 0;
  top: 30px;
  background: #000000aa;
  position: absolute;
}