.pf-menu {
    display: flex;
    align-items: center;
    column-gap: 20px;
    flex-wrap: wrap;
}

.pf-menu__link {
    color: white;
    font-family: 'Bebas Neue';
    font-size: 28px;
    font-weight: 400;
    margin-bottom: -15px;
}

.pf-menu__link:hover {
    color: white;
    text-decoration: underline;
}

.pf-menu__link--active {
    text-decoration: underline !important;
}

/* SUBMENU */
.pf-submenu__link--cyan {
	color: #0D8281 !important;
}

.pf-submenu__link--blue {
	color: #293462 !important;
}

.pf-submenu__link--purple {
	color: #46004D !important;
}

.pf-submenu__link--pink {
	color: #E0144C !important;
}

.pf-submenu__link--orange {
	color: #CB4C00 !important;
}

.pf-submenu__link--yellow {
	color: #D57310 !important;
}

.pf-submenu-container {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: white;
    z-index: -1;
    box-shadow: 0px 4px 8px rgba(138, 149, 158, 0.2);
    padding: 10px 20px;
    transform: translateY(0%);
    transition: 200ms;
}

.pf-submenu {
    width: 100%;
    max-width: 1440px;
    display: flex;
    gap: 20px;
    padding: 0 10px;
}

.pf-submenu--active {
    transform: translateY(100%);
}

.pf-submenu__link {
    font-family: "Bebas neue";
    font-size: 22px;
    line-height: 1;
}

.pf-submenu__link--shoes:before {
    content: url('/wp-content/uploads/2023/03/shoes.webp');
}

.pf-submenu__link--panties:before {
    content: url('/wp-content/uploads/2023/03/panties.webp');
}

.pf-submenu__link--sun:before {
    content: url('/wp-content/uploads/2023/03/sun.webp');
}

.pf-submenu__link--heart:before {
    content: url('/wp-content/uploads/2023/03/heart.webp');
}

.pf-submenu__link--home:before {
    content: url('/wp-content/uploads/2023/03/home.webp');
}

.pf-submenu__link--computer:before {
    content: url('/wp-content/uploads/2023/03/computer.webp');
}

.pf-submenu__link--shoes, 
.pf-submenu__link--panties,
.pf-submenu__link--sun, 
.pf-submenu__link--heart,
.pf-submenu__link--home, 
.pf-submenu__link--computer {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .pf-submenu-container {
        display: none;
    }
}