/*
 * Hochschuljobbörse Search Widget (Shortcode).
 *
 * Function is found in: /inc/content/shortcode-jobboerse-search-widget.php
 */

.jobboerse-custom-form-container {
    display: flex;
    flex-flow: column wrap;
    padding: 60px 0 0 0;
    margin: 60px 0;
    align-items: center;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 1px 5px #ddd;
    background: #E1261B;
    background: linear-gradient(162deg, rgba(225, 38, 27, 1) 10%, rgba(254, 105, 1, 0.57) 45%, rgba(255, 255, 255, 0.4) 90%);
}

.jobboerse-custom-form-container form {
    width: 80%;
}

.jobboerse-custom-form-container .jobboerse-custom-form-input {
    padding-left: 40px;
    border: 1px solid #ccc;
}

.jobboerse-custom-form-container .jobboerse-custom-form-button {
    font-size: 16px;
    color: white;
    cursor: pointer;
    border-width: 0;
    border-style: none;
    padding: 13px 29px;
    --button_gradient: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
    background-image: var(--button_gradient);
}

.jobboerse-custom-form-container .jobboerse-custom-form-button:hover {
    --button_gradient_hover: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%));
    background-image: var(--button_gradient_hover);
}

.jobboerse-custom-form-container .jobboerse-custom-form-input-group {
    position: relative;
    margin-bottom: 30px;
}

.jobboerse-custom-form-container .jobboerse-custom-form-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    pointer-events: none;
}

@media screen and (max-width: 768px) {

    .jobboerse-custom-form-container .jobboerse-custom-form-button {
        width: 100%;
    }

}