#wd-jobsearch {
    max-width: 800px;
}

#wd-jobsearch .search-grid {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 20px;
    row-gap: 10px;
}

@media screen and (min-width: 480px) {
    #wd-jobsearch .search-grid {
        grid-template-columns: repeat(2, calc(50% - 20px));
    }
}

#wd-jobsearch .search-grid .search-grid--final {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    grid-column-start: 1;
    grid-column-end: -1;
}

@media screen and (min-width: 768px) {
    #wd-jobsearch .search-grid {
        grid-template-columns: repeat(2, calc(45% - 20px)) auto;
    }

    #wd-jobsearch .search-grid .search-grid--final {
        grid-column-start: unset;
        grid-column-end: unset;
    }
}

#wd-jobsearch .form-group {
    margin: 10px 0px 0px 0px;
    width: 100%;
}

#wd-jobsearch .form-group.select {
    overflow: visible;
}

#wd-jobsearch input[type="text"] {
    margin: 0px;
    padding: 12px 33px 12px 20px;
    width: 100%;
}

#wd-jobsearch .form-group.group {
    margin: 10px 0px 0px 0px;
}

#wd-jobsearch .form-group.group + .form-group.group {
    margin-top: 5px;
}

#wd-jobsearch #searchsm {
    width: 48px;
    height: 48px;
    background: #e0301e url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC4zNTEsMTkuOTQ5Yy01LjIxMSwwLTkuNTU0LTQuMzQ0LTkuNTU0LTkuNTU0YzAtNS4yMTEsNC4zNDMtOS41NTQsOS41NTQtOS41NTQgYzUuMjA5LDAsOS41NTMsNC4zNDMsOS41NTMsOS41NTRDMTkuOTA0LDE1LjYwNSwxNS41NjEsMTkuOTQ5LDEwLjM1MSwxOS45NDl6IE0xMC4zNTEsMi41NzljLTQuMzQzLDAtNy44MTcsMy40NzMtNy44MTcsNy44MTYgYzAsNC4zNDMsMy40NzQsNy44MTcsNy44MTcsNy44MTdjNC4zNDIsMCw3LjgxNy0zLjQ3NSw3LjgxNy03LjgxN0MxOC4xNjgsNi4wNTIsMTQuNjkzLDIuNTc5LDEwLjM1MSwyLjU3OXoiPjwvcGF0aD4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNy4yOTgsMTYuMTI3bDcuNjQzLDcuNjQzYzAuMzUxLDAuMzUsMC4zNTEsMC44NzEsMCwxLjIxNWMtMC4xNzMsMC4xNzQtMC41MjEsMC4xNzQtMC42OTQsMC4xNzQgYy0wLjE3MiwwLTAuNTIxLDAtMC42OTMtMC4xNzRsLTcuNjQzLTcuNjQzTDE3LjI5OCwxNi4xMjd6Ij48L3BhdGg+DQo8L3N2Zz4=") no-repeat center center;
    background-size: 60%;
    border: 0;
}

@media screen and (min-width: 480px) {
    #wd-jobsearch #searchsm {
        margin: 0px;
    }
}

#wd-jobsearch input.error,
#wd-jobsearch select.error {
    box-shadow: 0px 0px 0px 2px #e0301e;
}