/*
Theme Name: Startit
Theme URI: https://startit.qodeinteractive.com/
Description: A Fresh Startup Business Theme
Author: Select Themes
Author URI:  https://qodeinteractive.com
Text Domain: startit
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
Version: 4.9.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html{
	scroll-behavior: inherit; !important
}
/* Button Styling */
.search_submit input[type="submit"] {
    background-color: #b2dd4c; /* Light Green */
    color: white;
    border: 1px solid #b2dd4c;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

.search_submit input[type="submit"]:hover {
    background-color: #9abf41; /* Muted Green */
    border-color: #9abf41;
}

/* Input Fields (Search Bar, Location, Keywords) */
.search_keywords input,
.search_location input {
    width: 100%;
    padding: 8px;
    border: 1px solid #d9e2a2; /* Light Green Border */
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    transition: border-color 0.3s;
}

.search_keywords input:focus,
.search_location input:focus {
    border-color: #b2dd4c; /* Light Green Border on Focus */
    outline: none;
}

/* Search Section Styling */
.search_jobs {
    margin-bottom: 20px;
}

.search_jobs label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/* Checkbox Styling */
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #d9e2a2; /* Light Green Border */
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked {
    background-color: #b2dd4c; /* Light Green Background */
    border-color: #9abf41; /* Muted Green Border */
    position: relative;
}

input[type="checkbox"]:checked::after {
    content: '\2713'; /* Checkmark Symbol */
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}

input[type="checkbox"]:hover {
    border-color: #9abf41; /* Muted Green Border on Hover */
}

/* Job Type Filters */
.job_types li label {
    display: inline-block;
    padding: 6px 12px;
    background-color: #d9e2a2; /* Light Green Background */
    color: #333;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.job_types li input[type="checkbox"]:checked + label {
    background-color: #f1f1f1; /* Light Gray for Checked */
    color: #6f9c2d;
    font-weight: bold;
    border: 1px solid #6f9c2d;
}

/* Remote Position Checkbox */
.search_remote_position {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
}

.search_remote_position label {
    font-weight: normal;
    margin-left: 8px;
}

/* Submit Button in Filters */
.search_submit input[type="submit"] {
    background-color: #b2dd4c;
    color: white;
    border: 1px solid #b2dd4c;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

.search_submit input[type="submit"]:hover {
    background-color: #9abf41; /* Muted Green */
    border-color: #9abf41;
}

/* Job Listings */
.job_listings li {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.job_listings li:hover {
    background-color: #f9f9f9;
    border-color: #b2dd4c; /* Light Green Border on Hover */
}

.job_listings .position h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.job_listings .company strong {
    font-weight: normal;
    color: #777;
}

.job_listings .location {
    font-size: 14px;
    color: #6f9c2d;
}

.job_listings .meta li.date {
    font-size: 12px;
    color: #999;
}

/* Load More Jobs Button */
.load_more_jobs {
    display: inline-block;
    background-color: #b2dd4c;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.load_more_jobs:hover {
    background-color: #9abf41; /* Muted Green */
}
/* Search Input Styling */
input[type="text"] {
    width: 100%;
    padding: 15px; /* Increased padding to make the input taller */
    border: 2px solid #d9e2a2; /* Light green border */
    border-radius: 4px;
    font-size: 16px; /* Increased font size for better readability */
    transition: border-color 0.3s;
}

/* Focus State for Search Input */
input[type="text"]:focus {
    border-color: #9abf41; /* Muted green on focus */
}

/* Search Submit Button */
.search_submit input[type="submit"] {
    width: 100%;
    padding: 16px; /* Increased padding to match input height */
    background-color: #b2dd4c;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}





/* post a job */
/* Make the input fields taller */
input.input-text, select.postform, textarea.wp-editor-area {
    padding: 12px; /* Adds more space inside the input */
    height: 40px;  /* Makes the input fields taller */
    font-size: 16px; /* Increases font size */
    border-radius: 8px; /* Rounded corners for a cleaner look */
    border: 1px solid #ccc; /* Soft border color */
}

/* Make the textarea taller */
textarea.wp-editor-area {
    height: 150px; /* Increases height of the text area */
}

/* Style for select dropdowns */
select.postform {
    height: 40px; /* Matches input field height */
}

/* Add padding to labels */
label {
    font-size: 16px;
    margin-bottom: 8px; /* Adds space between label and input */
}

/* Add padding for small text */
small.description {
    font-size: 14px;
    color: #666;
}
input[name="submit_job"] {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background-color: #007BFF; /* Blue background for Preview */
    color: white;
    transition: all 0.3s ease;
}

input[name="submit_job"]:hover {
    opacity: 0.9;
}

input[name="submit_job"]:active {
    transform: scale(0.98);
}

input[name="save_draft"] {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background-color: #f0f0f0; /* Gray background for Save Draft */
    color: #333;
    margin-left: 10px; /* Add space between buttons */
    transition: all 0.3s ease;
}

input[name="save_draft"]:hover {
    background-color: #e0e0e0;
}

input[name="save_draft"]:active {
    transform: scale(0.98);
}

span.spinner {
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: middle;
    background-size: contain;
}

input[name="save_draft"]:disabled + .spinner,
input[name="submit_job"]:disabled + .spinner {
    display: inline-block;
}