.violet-searchbar { width: 100%; display: flex; flex-direction: row; align-items: center; } #violet-search-query-input::placeholder{ color: var(--dark-30); } #violet-search-query-input { min-width: 100%; height: 2.8rem; background: var(--dark-10)!important; outline: none; border: 1px solid var(--primary-20); transition: 0.4s; border-radius: var(--radius-s); padding: var(--space-s) var(--space-m); font-size: var(--text-m); letter-spacing: 1; color: var(--dark-40); } #violet-search-query-input:focus{ border: 1px solid var(--primary-50); } #violet-search-query-submit { width: 3.5rem; height: 2.8rem; margin-left: -2.5rem; margin-top: 3px; background: none; border: none; outline: none; } #violet-search-query-submit:hover { cursor: pointer; }  .c-v-menu-open { cursor:default; } @media (min-width: 991px) { .c-v-submenu-2 { opacity: 0; max-height: 0; pointer-events: none; } .c-v-submenu-2-single { width: 300px; } .c-v-submenu-2-double { width: 600px; } .c-v-submenu-2-triple { width: 800px; } .c-v-menu-open:hover .c-v-submenu-2, .c-v-menu-open.hover .c-v-submenu-2 { opacity: 1; padding: 50px; max-height: 2000px; pointer-events: auto; } .c-v-menu-open:hover .c-v-submenu-2 *, .c-v-menu-open.hover .c-v-submenu-2 * { opacity: 1; } .c-v-submenu-2 * { opacity: 0; transition: all 0.4s; } .c-v-header-mobile-toggle { display:none; } }  @media (max-width: 991px) { .c-v-submenu-2 { width: 100%; } .c-v-menu { display: none!important; width: 100%; position: absolute; top:100%; left: 0; overflow: hidden; } .c-v-menu-open .c-v-menu-dropdown { display:none!important; } .c-v-mobile-menu-active.c-v-menu { display: flex!important; flex-direction: column!important; align-items: flex-start!important; } }  .c-v-hamburger .c-v-line{ width: 30px; height: 3px; border-radius:2px; background-color: var(--text-body); display: block; margin: 7px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .c-v-hamburger:hover{ cursor: pointer; } #c-v-hamburger-1.c-v-is-active{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #c-v-hamburger-1.c-v-is-active .c-v-line:nth-child(2){ width: 0px; } #c-v-hamburger-1.c-v-is-active .c-v-line:nth-child(1), #c-v-hamburger-1.c-v-is-active .c-v-line:nth-child(3){ -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } #c-v-hamburger-1.c-v-is-active .c-v-line:nth-child(1){ -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } #c-v-hamburger-1.c-v-is-active .c-v-line:nth-child(3){ -webkit-transform: translateY(-10px) rotate(90deg); -ms-transform: translateY(-10px) rotate(90deg); -o-transform: translateY(-10px) rotate(90deg); transform: translateY(-10px) rotate(90deg); }