#scroll-up-box { opacity: 0; visibility: hidden; transform: translateY(50px); transition: all 300ms ease-in-out; position: fixed; bottom: 40px; right: 40px; z-index: 100; cursor: pointer; &.visible { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-up-box--wrapper { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; background: #000; border: 1px solid #ff5100; i { color: #ff5100; font-size: 34px; line-height: 0; } } } .elementor-widget-category_nav_tree { .category-nav-tree { .parent-arrow { padding: 0 5px; cursor: pointer; transition: all 300ms ease-in-out; &.active { transform: scale(-1); } } li { &.lvl-0 { border-bottom: 1px solid #777; padding-top: 20px; padding-bottom: 20px; > span { > a { font-weight: 600 !important; } } &.active, &.selected { > span { > a { color: #ff5100 !important; } } } } &.active, &.selected { > ul { display: block; } } > span { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; column-gap: 20px; width: 100%; &.parent { } > a { } } } > li { ul { display: none; padding-top: 5px; padding-left: 15px; > li { &:not(:last-child) { margin-bottom: 0px; } } li { &.active { > span { > a { color: #ff5100 !important; font-weight: 600 !important; } } } } } } } } .elementor-widget-audio_handler { #audio-box { #audio-handler { span { cursor: pointer; max-width: 30px; &:not(.active) { display: none; } i { color: #fff; font-size: 18px; } } } } } .elementor-widget-langswitcher { &.lang-2 { #language_box { .current-lang { border-color: #000; span { color: #000; } } .lang-list { .lang-list--wrapper { border-color: #000; a { color: #000; } } } } } #language_box { position: relative; display: flex; flex-direction: column; .current-lang { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 100px; cursor: pointer; span { color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 500; } } .lang-list { position: absolute; top: calc(100% + 10px); display: none; .lang-list--wrapper { border-radius: 50px; border: 1px solid #fff; display: flex; flex-direction: column; padding: 15px 10px; row-gap: 10px; width: 46px; a { color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 500; } } } @media (max-width: 1024px) { .current-lang { width: 32px; height: 32px; span { font-size: 12px; } } .lang-list { .lang-list--wrapper { width: 32px; padding: 10px 6px; a { span { font-size: 12px; } } } } } } }