/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 02 2021 | 05:36:41 */
#et_top_search{
    display:block!important;
    position: absolute;
    top: -15px;
      color: #2ea3f2;
}

.et_header_style_centered #et_top_search,.et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer{
  display:block!important;
}

@media(min-width:980px){
  #et_top_search, .et_header_style_centered #et_top_search{
    display:none!important;
  }
}

.et_search_outer {
    width: 100%;
    overflow: inherit;
    top: -80px;
    position: absolute;
}


.container.et_search_form_container {
    position: absolute;
    opacity: 0;
    height: 120px!important;
    transition: all .3s ease;
    width: 100%;
    width: 100%;
    max-width: 100%!important;
    top: -80px;
}

.container.et_search_form_container.et_pb_search_visible.et_pb_no_animation {
    opacity: 1;
    position: absolute;
    background: #01aded;
    width: 100%;
    max-width: 100%!important;
    height: 120px!important;
    top: 0;
}


.container.et_search_form_container.et_pb_search_visible .et-search-form input {
    width: 90%;
    border: none;
    color: #fff;
}


.container.et_search_form_container.et_pb_search_visible .et-search-form input, .container.et_search_form_container.et_pb_search_visible span.et_close_search_field, .container.et_search_form_container.et_pb_search_visible .et-search-form input::placeholder {
    color: #fff;
}