/* filters */
.j2wp_select,
.j2wp_search_input,
.j2wp_search_input:focus,
.j2wp_submitButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid black;
    outline: none;
    border-radius: 0;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    box-sizing: border-box;
    font-weight: normal;
    margin:0;
    background-color:transparent;
}
.j2wp_select {
  padding: 10px 35px 10px 15px;
  cursor: pointer;
}
.j2wp_submitButton {
  width: auto;
  display: inline-block;
  background-color: black;
  border:none;
  cursor: pointer;
  color:white;
  font-weight: bold;
}
.j2wp_submitButton:hover{
  background-color: #464646;
}
.j2wp_select_wrapper {
    position: relative;
}
.j2wp_select_wrapper::after{
    content:'';
    display: block;
    position: absolute;
    right:8px;
    top:50%;
    transform: translateY(-50%);
    width:20px;
    height:20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M10,15.8c-0.5,0-1-0.2-1.4-0.6L1.1,7.7c-0.8-0.8-0.8-2,0-2.8c0.8-0.8,2-0.8,2.8,0l6.1,6.1l6.1-6.1c0.8-0.8,2-0.8,2.8,0 c0.8,0.8,0.8,2,0,2.8l-7.5,7.5C11,15.6,10.5,15.8,10,15.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
    z-index: 100;
    pointer-events: none;
}

.j2wp_search {
  text-align: center;
}
.j2wp_search_input::placeholder {
  opacity: 0.9;
  font-weight: normal;
}
.j2wp_locationFilter {
  display:flex;
  position:relative;
  gap: 0.5rem;
  align-items: center;
}
.j2wp_locationFilter .j2wp_search_input,
.j2wp_locationFilter .j2wp_search_input:focus {
  width:100%;
}
.j2wp_locationFilter .j2wp_select_wrapper {
  display: inline-block;
}
.j2wp_locationFilter_radius {
  background-color:#fff;
  width: 130px;
}


.j2wp_submitButton {
  
}

/* joblist */
.j2wp_joblist_container {
    display: flex;
    flex-wrap: wrap;
}
.j2wp_joblist_container .j2wp_job {
    margin-bottom: 3em;
    width:100%;
}
.j2wp_joblist_container .j2wp_job:hover {
    opacity: 0.8;
}


/* loading animation for joblist */
.j2wp_joblist_loading_animation {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #e6e6e6;
    position: relative;
    animation: j2wp_ani_rotating 1.5s linear infinite;
}
.j2wp_joblist_loading_animation:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #808080;
    border-radius: 50%;
    display: block;
    left: 15px;
    position: relative;
    top: 3px;
}

@-webkit-keyframes j2wp_ani_rotating {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

/* view changer */
.j2wp-view-changer {
    display: none;
}
@media only screen and (min-width: 990px) {
    .j2wp-view-changer {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .j2wp-view-changer div{
        font-size: 1.5rem;
        cursor: pointer;
        padding:5px;
    }
    .j2wp_joblist_container.j2wp-view-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        display: grid !important;
    }
}