shark

/* ========================================================== NESTED MEGA MENU - PROFESSIONAL HIERARCHY ========================================================== */ .teq-mega-column .teq-parent-link { display: flex; align-items: center; margin-top: 7px; margin-bottom: 1px; color: #222; font-size: 11px; font-weight: 650; line-height: 1.45; transition: color .18s ease, padding-left .18s ease; } .teq-mega-column .teq-parent-link:hover { color: var(--teq-pink); padding-left: 3px; } /* SUBCATEGORY GROUP */ .teq-sub-group { margin: 1px 0 6px 13px; padding-left: 12px; border-left: 1px solid #dedede; } .teq-sub-group a { position: relative; display: flex; align-items: center; margin: 0; padding: 4px 0; color: #777; font-size: 10px; font-weight: 450; line-height: 1.35; transition: color .18s ease, padding-left .18s ease; } .teq-sub-group a::before { content: ""; width: 4px; height: 4px; margin-right: 7px; flex-shrink: 0; border-radius: 50%; background: #cfcfcf; transition: background .18s ease, transform .18s ease; } .teq-sub-group a:hover { color: var(--teq-pink); padding-left: 3px; } .teq-sub-group a:hover::before { background: var(--teq-pink); transform: scale(1.25); } /* COLUMN SPACING */ .teq-mega-column { min-width: 0; } .teq-mega-column-title { margin-bottom: 13px; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; } /* BETTER MEGA GRID */ .teq-mega-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 50px; row-gap: 28px; } /* MORE PREMIUM HOVER */ .teq-mega-menu { border-top: 2px solid var(--teq-pink); } .teq-mega-column a { transition: color .18s ease; } /* VIEW ALL */ .teq-mega-heading > a { transition: color .18s ease; } .teq-mega-heading > a:hover { color: var(--teq-pink); }

shark

Collection