.mega-menu {
  display: none;
}
.mega-menu > .grid {
  padding: 2rem 0;
}

.mm-col-title {
  position: relative;
  font-family: var(--body-bold-font);
  color: rgba(var(--forte-red),1);
  text-transform: uppercase;
}

.mm-col-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid rgba(var(--forte-red),1);
}

.page-template-plum-themes .mm-col-title,
.single-customer-story .mm-col-title {
  color: var( --theme-plum4 );
}

.page-template-plum-themes .mm-col-title::after,
.single-customer-story .mm-col-title::after {
  border-bottom: 1px solid var( --theme-plum4 ); 
}

.page-template-teal-themes .mm-col-title {
  color: var( --theme-teal4 );
}

.page-template-teal-themes .mm-col-title::after {
  border-bottom: 1px solid var( --theme-teal4 ); 
}

.page-template-blue-themes .mm-col-title {
  color: var( --theme-teal4 );
}

.page-template-blue-themes .mm-col-title::after {
  border-bottom: 1px solid var( --theme-blue4 ); 
}


.page-template-berry-themes .mm-col-title,
.page-template-page-fx-get-started .mm-col-title,
.single-post .mm-col-title {
  color: var( --theme-berry4 );
}

.page-template-berry-themes .mm-col-title::after,
.page-template-page-fx-get-started .mm-col-title::after,
.single-post .mm-col-title::after {
  border-bottom: 1px solid var( --theme-berry4 ); 
}

.mm-col-item {
  margin: 2rem 0;
}
@media (min-width: 1025px) {
  .mega-menu {
    position: absolute;
    left: 0;
    top: 10rem;
    width: 100%;
    min-height: 30rem;
    background-color: white;
    border-top: 1px solid rgba(var(--lt-grey),1);
    box-shadow: 0 2px 5px -2px rgba(var(--dk-grey),1);
  }
  .has-child:hover .mega-menu {
    display: flex;
    justify-content: center;
    visibility: visible;
    opacity: 1;
  }
  .mega-menu > .grid {
    width: 100%;
    max-width: 140rem;
    padding: 0;
    grid-template-columns: 1fr 30rem;
    gap: 0;
  }
  .mm-cols {
    grid-template-columns: repeat(3, minmax(21rem, 25rem));
    gap: 2rem;
    padding: 2rem;
    justify-content: end;
  }
  .mm-col ul {
    flex-direction: column;
  }
  .mm-col-item {
    margin: 0;
  }
  .mm-col-item > a {
    text-transform: unset;
    font-size: 1.6rem;
  }
  .mm-col-title {
    margin-bottom: 2rem;
  }
  .mm-col-title-spacer {
    height: 2.4rem;
    margin-bottom: 2rem;
  }
  .mm-featured {
    border-left: 1px solid rgba(var(--lt-grey),1);
    padding: 2rem;
  }
  .mm-featured-inner {
    width: 100%;
    max-width: 35rem;
    margin: 0 auto;
  }
}