Adding search widget over layerslider using avia page builder color background

Hi,
I’m trying to add a search widget so it overlaps the bottom edge of the layerslider. I found an old post describing something similar, https://kriesi.at/support/topic/adding-a-static-layer-div-over-layer-slider-div/ and after following the instructions am still unable to get it to work.

I added the layerslider element to the page and beneath that a color section element with the search widget inside of it. In the color section element I added the custom css id, chsearchbox, then added the id to the quick css as shown below. The layerslider overlaps the search box no matter what I try. The website isn’t public yet, but I’ve attached a link to Dropbox so you can see a screenshot of what is happening. Am I missing a step? Do you perhaps have a better suggestion for how to position the search box so it overlays the bottom of the layerslider? Any input is appreciated–thank you.

#chsearchbox {
background-color: transparent!important;
margin-top: -15px;
z-index: 55;
border: none!important;
}