.elementor-42 .elementor-element.elementor-element-7a4f36e{--display:flex;}.elementor-42 .elementor-element.elementor-element-e8800dc{--spacer-size:50px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-b746627{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:300;text-transform:none;}.elementor-42 .elementor-element.elementor-element-5f584ff{--spacer-size:50px;}.elementor-42 .elementor-element.elementor-element-2323418b{--display:flex;--min-height:0px;--border-radius:90px 90px 90px 90px;}.elementor-42 .elementor-element.elementor-element-2323418b:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-2323418b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-42 .elementor-element.elementor-element-570efac{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-42 .elementor-element.elementor-element-4659b79{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-42 .elementor-element.elementor-element-4659b79 .elementor-divider-separator{width:100%;}.elementor-42 .elementor-element.elementor-element-4659b79 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-42 .elementor-element.elementor-element-954f1be{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:300;text-transform:none;}.elementor-42 .elementor-element.elementor-element-c92b2d7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-42 .elementor-element.elementor-element-c92b2d7 .elementor-divider-separator{width:100%;}.elementor-42 .elementor-element.elementor-element-c92b2d7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-42 .elementor-element.elementor-element-2a026d32 > .elementor-widget-container{background-color:#000000;margin:1px 1px 1px 1px;padding:7px 7px 7px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#4F3DFF;border-radius:20px 20px 20px 20px;}.elementor-42 .elementor-element.elementor-element-bafe8db{--display:flex;}.elementor-42 .elementor-element.elementor-element-d01c063{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-42 .elementor-element.elementor-element-d01c063 .elementor-divider-separator{width:100%;}.elementor-42 .elementor-element.elementor-element-d01c063 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-42 .elementor-element.elementor-element-2323418b{--content-width:900px;}}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-e8800dc{--spacer-size:30px;}.elementor-42 .elementor-element.elementor-element-b746627{font-size:23px;}.elementor-42 .elementor-element.elementor-element-5f584ff{--spacer-size:30px;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-b746627 > .elementor-widget-container{margin:0px 10px 0px 10px;}}@media(max-width:1024px) and (min-width:768px){.elementor-42 .elementor-element.elementor-element-7a4f36e{--content-width:900px;}}/* Start custom CSS for shortcode, class: .elementor-element-2a026d32 *//* Style ONLY the checkboxes inside the job types list */
ul.job_types input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}

ul.job_types input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: 20px;
  height: 20px;
  background-color: #4F3DFF;
  border-radius: 50%;
}

/* Style only the 'Remote positions only' checkbox */
.job_filters .search_jobs .show_remote {
  text-align: center;
  margin-bottom: 12px;
}

.job_filters .search_jobs .show_remote label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 15px;
  color: white;
}

.job_filters .search_jobs .show_remote input[type="checkbox"] {
  width: 18px;
  height: 18px;
  appearance: none;
  border: 2px solid white;
  border-radius: 50%;
  background-color: black;
  position: relative;
  cursor: pointer;
}

.job_filters .search_jobs .show_remote input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 50%;
}

/* Make the background of the job types area black */
ul.job_types {
  background-color: #000 !important;
  padding: 15px;
  border-radius: 6px;
}

/* 1. Remove white lines between job type tags */
ul.job_types li {
  border: none !important;
  margin-bottom: 10px;
}

/* Center the entire 'Remote positions only' section */
.search_remote_position {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 1px;
}

/* Style the label text */
.search_remote_position label {
  color: white;
  font-size: 15px;
  font-weight: 300;
  cursor: pointer;
}

/* Style the checkbox as a circle */
.search_remote_position input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 10px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Dot inside when checked */
.search_remote_position input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-color: #4F3DFF;
  border-radius: 50%;
}

/* Change background of the empty bar below tags */
.showing_jobs {
  background-color: #000 !important;
  padding: 10px;
  border: none;
}

/* OPTIONAL: Hide RSS link entirely */
.showing_jobs .rss_link {
  display: none;
}

/* Make 'Remote positions only' full-width and centered above the button */
.job_filters .search_jobs .show_remote {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  order: -1; /* This moves it above the button in a flex container */
}

/* Center the label and checkbox */
.job_filters .search_jobs .show_remote label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 15px;
  color: white;
}

/* Optional: Adjust checkbox size */
.job_filters .search_jobs .show_remote input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.job_filters .search_jobs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}


/* Remove default float styles and center the input boxes */
.job_filters .search_jobs {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Reset float styles and widths on each box */
.job_filters .search_jobs .search_keywords,
.job_filters .search_jobs .search_location {
  float: none !important;
  padding: 0 !important;
  width: 100%;
  max-width: 400px;
  margin-bottom: 12px;
  text-align: left;
}






.job_filters .job_types:before,
.job_filters .job_types:after {
    display: none !important;
    content: none !important;
}

.skip-link {
    display: none !important;
}

@media only screen and (max-width: 480px) {
  .search_remote_position input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 10px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: black;
    cursor: pointer;
    position: relative;
  }
  
}
  
  




@media (max-width: 600px) {
  .search_remote_position {
    position: relative;
  }

  /* Dot inside when checked */
  .search_remote_position input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -3px;
    width: 15px;
    height: 15px;
    background-color: #4F3DFF;
    border-radius: 50%;
  }
}



@media (max-width: 600px) {
  /* Reduce size of input boxes */
  .search_jobs input[type="text"],
  .search_jobs input[type="search"] {
    height: 38px;
    font-size: 14px;
    padding: 8px 10px;
  }
}


  .search_jobs input[type="submit"],
  .search_jobs button[type="submit"] {
    background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
    border-style: none;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    border-radius: 999px; /* Fully rounded */
    cursor: pointer;
    width: auto;
  }



ul.job_types input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: 20px;
  height: 20px;
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
  border-style: none;
  border-radius: 50%;

}



/* For remote positions checkbox */
.search_remote_position input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
  border-style: none;
  border-radius: 50%;
}



@media (max-width: 600px) {
  /* For remote positions checkbox on mobile */
  .search_remote_position input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    top: -4px;
    left: -5px;
    width: 20px;
    height: 20px;
    background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
    border-style: none;
    border-radius: 50%;
  }
}






.elementor-42 .elementor-element.elementor-element-2a026d32 > .elementor-widget-container {
  position: relative;
  padding: 10px 20px;
  border-radius: 20px;
  background: 
    radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%); /* border gradient */
}

.elementor-42 .elementor-element.elementor-element-2a026d32 > .elementor-widget-container::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background: #000000; /* inner background */
  border-radius: 18px;
  z-index: 1;
}

.elementor-42 .elementor-element.elementor-element-2a026d32 > .elementor-widget-container > * {
  position: relative;
  z-index: 2;
}











/* Style the job category input box to match layout and improve appearance */
.search_categories {
  display: flex;
  justify-content: center; /* Center the entire field */
  margin-bottom: 12px;
}

/* Adjust the container size and alignment */
.search_categories .select2-container {
  width: 100% !important;
  max-width: 400px;
}

/* Make the selection area background black, with larger text and more rounded corners */
.select2-container--default .select2-selection--multiple {
  background-color: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 12px; /* More rounded corners */
  color: #fff !important;
  font-size: 18px; /* Larger text */
  padding: 10px 12px;
}

/* Style selected tags inside the input */
.select2-selection__choice {
  background-color: #4F3DFF !important;
  border: none;
  border-radius: 12px;
  color: #fff !important;
  font-weight: 400;
  margin: 4px 6px 4px 0;
}

/* Style the search input text inside the selection box */
.select2-search__field {
  background-color: transparent !important;
  color: #fff !important;
  font-size: 18px;
  border: none !important;
}

/* Remove white outline on focus */
.select2-container--default .select2-selection--multiple:focus {
  outline: none !important;
  border: 1px solid #cb6ce6 !important;
}

/* Style dropdown results list */
.select2-results__option {
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 300;
}

/* Highlighted option on hover */
.select2-results__option--highlighted {
  background-color: #4F3DFF !important;
  color: #fff !important;
}






/* Style selected categories with gradient background */
.select2-selection__choice {
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) !important;
  color: white !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 3px 10px !important;
  font-weight: 300;
  margin: 3px 5px 3px 0;
  font-size: 18px;
}

/* Style the "×" remove icon inside the tag */
.select2-selection__choice__remove {
  color: #fff !important;
  margin-right: 6px;
  font-weight: 300;
}







/* Hide the entire 'Search completed' and 'Reset' section */
.showing_jobs.wp-job-manager-showing-all {
  display: none !important;
}






/* GENERAL: Remove hover effect */
.job_listings li.job_listing a:hover,
.job_listings li.job_listing a:focus,
.job_listings li.job_listing:hover {
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* TEXT: Set all text to white, lowercase, and weight 300 */
.job_listings li.job_listing,
.job_listings li.job_listing h3,
.job_listings li.job_listing .company,
.job_listings li.job_listing .location,
.job_listings li.job_listing .meta li,
.job_listings li.job_listing .meta li label,
.job_listings li.job_listing time,
.job_listings li.job_listing .application-deadline {
  color: white !important;
  text-transform: none !important;
  font-weight: 300 !important;
}

/* HEADINGS */
.job_listings li.job_listing h3 {
  margin-bottom: 6px;
  font-size: 18px;
}

/* COMPANY name text styling */
.job_listings li.job_listing .company strong {
  font-weight: 300 !important;
}

/* REMOVE tagline */
.job_listings li.job_listing .company .tagline {
  display: none !important;
}

/* OPTIONAL: Adjust spacing and layout for better alignment */
.job_listings li.job_listing .location {
  margin-top: 8px;
  font-size: 14px;
}

.job_listings li.job_listing .meta li {
  font-size: 13px;
  padding-right: 10px;
}






/* 1. Treat the main container as flex-column */
.job_listings li.job_listing a {
  display: flex;
  flex-direction: column;
}

/* 2. Ensure position and company sections stack properly */
.job_listings li.job_listing .position,
.job_listings li.job_listing .company,
.job_listings li.job_listing .meta,
.job_listings li.job_listing .location {
  width: 100%;
}

/* 3. Move .location after .company */
.job_listings li.job_listing .location {
  order: 3;
  margin-top: 6px;
}

/* 4. Place .meta below .location */
.job_listings li.job_listing .meta {
  order: 4;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 5. Style job-type tags */
.job_listings li.job_listing .meta li.job-type {
  background: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) !important;
  color: #fff !important;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 300;
}

/* 6. Style date and deadline */
.job_listings li.job_listing .meta li.date,
.job_listings li.job_listing .meta li.application-deadline,
.job_listings li.job_listing .meta li.salary {
  font-weight: 300;
  font-size: 14px;
  color: #fff;
}

/* 7. Hide tagline */
.job_listings li.job_listing .company .tagline {
  display: none;
}

/* 8. Ensure no uppercase */
.job_listings li.job_listing {
  text-transform: none !important;
}

/* 9. Remove hover styles */
.job_listings li.job_listing:hover {
  background: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2323418b */.job-board-wrapper .job_filters {
  background-color: #000 !important;
}

/* Make the 'Search Jobs' button fit its content */
.job_filters .search_jobs input[type="submit"] {
  width: auto;
  padding: 8px 16px;
  background-color: #000; /* Black background */
  color: #fff; /* White text */
  border: none;
  border-radius: px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
}

/* Center the Search Jobs button */
.job_filters .search_jobs input[type="submit"] {
  display: block;
  margin: 12px auto; /* Center horizontally with top spacing */
}

/* Make input boxes bigger and more mobile-friendly */
.job_filters .search_jobs input[type="text"] {
  padding: 10px;
  font-size: 16px;
  width: 100%;
  max-width: 400px;
  margin-bottom: 10px;
}

/* On smaller screens (mobile), make sure everything stacks nicely */
@media screen and (max-width: 768px) {
  .job_filters .search_jobs input[type="text"] {
    font-size: 18px;
    padding: 12px;
  }

  .job_filters .search_jobs input[type="submit"] {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* Reset padding and float for keyword and location containers */
.job_filters .search_jobs div.filter_first,
.job_filters .search_jobs div.search_keywords,
.job_filters .search_jobs div.filter_last,
.job_filters .search_jobs div.search_location {
  float: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}/* End custom CSS */