.busify-sidebar { //Main Widget Class .widget { margin-bottom: 30px; .search-form { label { .screen-reader-text { display: none; } } } .widget-title { margin-bottom: 30px; font-size: 20px; position: relative; &:before, &:after { background: $gray-500 none repeat scroll 0 0; bottom: -10px; content: " "; height: 1px; left: 0; margin-left: 0; position: absolute; width: 100%; } &:after { bottom: -10px; height: 4px; margin-left: 0; width: 40px; } } ul { margin: 0; padding: 0; list-style: none; li { position: relative; margin-bottom: 8px; &:before { padding-right: 10px; content: "\f054"; font-family: "Font Awesome 5 Free"; color: $gray-600; font-size: 12px; } } } } //Search Widget .widget_search { .search-form { position: relative; padding: 0; background: initial; color: inherit; & > label { position: relative; width: 100%; } .search-field { background: $white; border: 1px solid $gray-300; border-radius: 2px; width: 100%; padding: 10px 50px 10px 15px; } input[type=submit] { padding: 10px; border-radius: 2px; border: none; top: 0; right: 0; position: absolute; color: transparent; background: 0 0; max-width: 45px; z-index: 2; outline: 0; } &:after { font-family: "Font Awesome 5 Free"; font-size: 1.2em; font-weight: 400; content: "\f002"; position: absolute; bottom: -1px; right: 12px; transform: translate(0, -50%); color: $gray-800; } } } @include sm_max { margin-top: 40px; } }