/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#alle { position: relative; z-index: 50; }
.hide, .sf-item-20, .sf-item-19, .sf-item-35, .sf-item-32 { display: none !important; }

.searchandfilter { margin-bottom: 50px; }
.searchandfilter > ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; padding-left: 0; }
.searchandfilter > ul > li { width: 33.33%; padding: 0 15px; }
.searchandfilter > ul > li.sf-field-post-meta-normal_ort,
.searchandfilter > ul > li.sf-field-post-meta-monat,
.searchandfilter > ul > li.sf-field-taxonomy-event-category { position: relative; }
.searchandfilter > ul > li.sf-field-submit { padding-top: 30px; }
.searchandfilter > ul > li.sf-field-submit input {
    background-color: #29293a;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: #d8efec;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 20px;
    letter-spacing: .09em;
    display: inline-block;
    text-align: center;
    border: 2px solid transparent;
    cursor: pointer;
    width: 100%;
}
.searchandfilter > ul > li.sf-field-submit input:hover { background-color: #FFF; border: 2px solid #29293a; color: #29293a; }

.searchandfilter > ul > li > h4 {
    padding: 15px 34px 14px 10px;
    border-bottom: 2px solid #29293a;
    position: relative;
    cursor: pointer;

    font-size: 17px;
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.searchandfilter > ul > li.open > h4 { background-color: #FFF; }

.searchandfilter > ul > li > h4:after {
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    top: 40%;
    right: 18px;
    background: url(images/dropdown.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg) translateY(-50%);
    -webkit-transform: rotate(180deg) translateY(-50%);
    -ms-transform: rotate(180deg) translateY(-50%);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.searchandfilter > ul > li.open > h4:after { transform: rotate(0deg) translateY(-50%); top: 50%; }

.searchandfilter>ul>li[data-sf-combobox="1"] label { display: inline-block; }
.searchandfilter > ul > li > ul { position: absolute; top: 54px; left: 15px; width: calc(100% - 30px); z-index: 999; display: none; background-color: #FFF; padding: 10px 15px; }
.searchandfilter > ul > li > ul > li { position: relative; }
.searchandfilter > ul > li > ul > li input { position: absolute; top: 12px; left: 0; }
.searchandfilter > ul > li > ul > li label { padding-left: 25px !important; }


@media (max-width: 990px) {
    .searchandfilter > ul > li { width: 50%; }
    .searchandfilter > ul > li.sf-field-submit { padding-top: 0; }
    .searchandfilter > ul > li { margin-bottom: 30px; }
}

@media (max-width: 700px) {
    .searchandfilter > ul > li { width: 100%; }
}