/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Change main labels (Email, Password, Confirm Password) to white */
#candidate-register .um-field-label label {
    color: #ffffff !important;
}

/* Change the Privacy Policy checkbox text to white */
#candidate-register .um-field-checkbox-option {
    color: #ffffff !important;
}

/* Optional: Ensure the checkbox icon itself is visible/white if needed */
#candidate-register .um-field-checkbox-state i {
    color: #ffffff !important;
}


/* 1. Change Background for Keywords and Location Inputs */
.search_jobs .search_keywords input, 
.search_jobs .search_location input {
    background-color: #ffffff !important;
}

/* 2. Change Background for the Category Dropdown */
/* This targets the specific "Select2" dropdown shown in your code */
.search_jobs .search_categories .select2-container .select2-selection--single {
    background-color: #ffffff !important;
}

.search_jobs .search_remote_position input[type="checkbox"] {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important; /* Adds a border so the white box is visible */
}

/* Fix alignment for ALL checkboxes (Remote + Job Types) */
.job_listings input[type="checkbox"] {
    padding: 0 !important;             /* Removes the padding pushing the tick down */
    min-height: 0 !important;          /* Prevents inheriting large height */
    height: 15px !important;           /* Sets a standard checkbox height */
    width: 15px !important;            /* Sets a standard checkbox width */
    vertical-align: middle !important; /* Aligns the box with the text label */
    margin-right: 8px !important;      /* Adds a small gap between box and text */
    position: relative !important;     /* Resets positioning */
    top: -2px !important;              /* Slight tweak to align perfectly with text */
    
    /* Ensure the white background stays (from your previous request) */
    background-color: #ffffff !important; 
    border: 1px solid #cccccc !important;
}

/* Add spacing between Job Type, Date, and Closing Date */
ul.job_listings .meta li {
    padding-right: 50px !important;
    list-style: none !important; /* Ensures no bullet points appear */
}

/* Optional: Remove padding from the very last item so it doesn't push off the edge */
ul.job_listings .meta li:last-child {
    padding-right: 0 !important;
}

/* Make every second row a light grey color */
ul.job_listings li.job_listing:nth-child(even) {
    background-color: #f4f4f4 !important; /* You can change this hex code to make it darker/lighter */
    border-radius: 5px; /* Optional: adds slightly rounded corners to the grey strip */
}

/* Ensure every first row stays white */
ul.job_listings li.job_listing:nth-child(odd) {
    background-color: #ffffff !important;
}

/* Optional: Add some padding so the color doesn't touch the text edges */
ul.job_listings li.job_listing {
    padding: 15px !important;
    margin-bottom: 0 !important; /* Removes gap between rows so they touch like a table */
}

/* Make expired deadlines red */
.job_listings .meta li.application-deadline.expired {
    color: #ff0000 !important;
    font-weight: bold !important; /* Optional: makes it bold so it stands out */
}

/* Ensure the "Closed:" label inside is also red */
.job_listings .meta li.application-deadline.expired label {
    color: #ff0000 !important;
}

/* Make active deadlines green */
.job_listings .meta li.application-deadline:not(.expired) {
    color: #008000 !important; /* Medium Green */
    font-weight: bold !important;
}

/* Ensure the label "Closes:" is also green */
.job_listings .meta li.application-deadline:not(.expired) label {
    color: #008000 !important;
}