/** Search Styles - Main Header Top Search Box **/

#block-inbali-search-header { position: absolute; height: 60px; top: 0; pointer-events: all; }
#block-inbali-search-header form { height: 100%; }
#block-inbali-search-header form .form-item { display: block; margin: 0; clear: both; padding: 0; }

#block-inbali-search-header form .form-item input[type="search"] { position: relative; left: 60px; padding: 14px 0; line-height: 32px; border: 0; margin: 0; max-width: none; color: #ffffff;
    background-color: transparent; }

#block-inbali-search-header form .form-actions { position: absolute; top: 0; left: 0; width: 0; height: 100%; padding: 0; margin: 0; }
#block-inbali-search-header form .form-actions input[type="submit"],
#block-inbali-search-header form .form-actions input[type="button"] { display: block; position: absolute; border: none; left: 0; top: 0; height: 100%; width: 0; padding: 0 0 0 60px;
    background-color: transparent; background-image: url('../../images/magnify.png'); background-size: 22px; background-repeat: no-repeat; background-position: center center; }


#block-inbali-search-header span.button { position: unset; }
#block-inbali-search-header span.button::after { content: none; }


/** Search Styles - Main Sliding Header Search Box **/

#block-inbali-searchbox { position: absolute; display: block; pointer-events: all; top: 0; height: 100%; }
#block-inbali-searchbox form { height: 100%; }
#block-inbali-searchbox form .form-item { display: block; position: relative; left: 60px; width: 0%; height: 100%; margin: 0; clear: both; overflow: hidden; }

#block-inbali-searchbox form .form-item input[type="search"] { padding: 0 15px; margin: 0; height: 100%; border: none; border-right: 1px solid #efefef;
    background: rgba(255, 255, 255, 0.95); }

#block-inbali-searchbox form .form-actions { position: absolute; top: 0; left: 0; width: 0; height: 100%; padding: 0; margin: 0; }
#block-inbali-searchbox form .form-actions input[type="submit"],
#block-inbali-searchbox form .form-actions input[type="button"] { display: block; position: absolute; border: none; left: 0; top: 0; height: 100%; width: 0; padding: 0 0 0 60px;
    background-color: transparent; background-image: url('../../images/magnify-dark.png'); background-size: 22px; background-repeat: no-repeat; background-position: center center; }

#block-inbali-searchbox input#edit-submit { position: absolute; top: 0; left: 0; width: 0; padding: 0 0 0 60px; margin: 0; border: none;
    background-color: transparent; background-image: url('../../images/magnify-dark.png'); background-size: 22px; background-repeat: no-repeat; background-position: center center; }

#block-inbali-searchbox span.button { position: unset; }
#block-inbali-searchbox span.button::after { content: none; }


/** Search Styles - Sidebar Search Box **/

#block-inbali-search-side {  }
#block-inbali-search-side form { position: relative; }
#block-inbali-search-side form .form-item { padding: 0; margin: 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;
    background-color: transparent; }

#block-inbali-search-side form .form-item input[type="search"] { border: none; margin: 0; width: 180px; padding: 30px 60px 30px 100px; box-sizing: content-box;
    background: transparent;
    -webkit-transition: width 0.25s ease-out; -moz-transition: width 0.25s ease-out; -o-transition: width 0.25s ease-out; transition: width 0.25s ease-out;
    -moz-transition: padding-left 0.25s ease-out; -o-transition: padding-left 0.25s ease-out; -webkit-transition: padding-left 0.25s ease-out; transition: padding-left 0.25s ease-out; }
#block-inbali-search-side form .form-item input[type="search"]:focus { width: 215px; padding-left: 25px; }


#block-inbali-search-side form .form-actions { position: absolute; top: 0; right: 0; width: 0; height: 100%; padding: 0; margin: 0; }
#block-inbali-search-side form .form-actions input[type="submit"] { display: block; position: absolute; border: none; right: 0; top: 0; height: 100%; width: 0; padding: 0 0 0 60px;
    background-color: transparent; background-image: url('../../images/magnify-dark.png'); background-size: 22px; background-repeat: no-repeat; background-position: center center; }

#block-inbali-search-side span.button { position: unset; }
#block-inbali-search-side span.button::after { content: none; }

@media only screen and ( max-width: 849px ) {
    #block-inbali-searchbox { display: none; }
}