/* Menu for YVA © meandmyself */


.navbar-toggler { display: none; }

#menu ul { margin: 0px; padding: 20px 0px 0px 0px; border-bottom: 1px solid #bebebe; }
#menu li { margin: 0px; padding: 10px 0px 10px 0px; list-style: none; font-weight: 500; letter-spacing: 0.02em; font-size: 22px; border-top: 1px solid #bebebe; font-family: 'Yeseva One', cursive; }
#menu li a { color: #000000; transition: .5s ease-out color; }

#menu li:hover a { color: #e6007e; }
#menu li.active a { color: #e6007e; }



#submenu ul { margin: 0px; padding: 0px; }
#submenu li { margin: 0px; padding: 5px 0px 0px 0px; list-style: none; }
#submenu li a { color: #ffffff; transition: .5s ease-out color; }

#submenu li:hover a { color: #e6007e; }
#submenu li.active a { color: #e6007e; }


/* Hamburger Menu */

#menu-small { width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#menu-small span { display: block; position: absolute; height: 2px; width: 100%; background: #e6007e; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#menu-small span:nth-child(1) { top: 0px; }
#menu-small span:nth-child(2),#menu-small span:nth-child(3) { top: 10px; }
#menu-small span:nth-child(4) { top: 20px; width: 50%; }
#menu-small.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
#menu-small.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-small.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-small.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }



.filter li { border: 0px !important; padding: 0px !important; margin: 0px !important; }
.filter li:first-child { background: none; padding: 0px !important; }
.filter li a { color: #e6007e !important; transition: .3s ease-out; border: 2px solid #e6007e; padding: 10px 15px; display: inline-block; margin: 0px 15px 15px 0px; font-weight: 400; font-size: 17px; text-transform: uppercase; letter-spacing: 0.08em; }
.filter li.active a { color: #000000 !important; border: 2px solid #000000; }
.filter li:hover a { color: #000000 !important; border: 2px solid #000000; }







@media(min-width:800px)
{
    #menu ul { padding: 0px; border: 0px; }
    #menu li { padding: 0px 0px 10px 0px; border-top: 0px solid #bebebe; }

    #submenu li a { color: #000000; }

    ul.filter { display: flex; flex-wrap: wrap; }
}