#search_keywords {
  border-radius: 999px;
  padding: 0.75rem 1.2rem;
  border: 1px solid #ccc;
  font-size: 1rem;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

#search_keywords:focus {
  outline: none;
  border-color: #1b998b;
  box-shadow: 0 0 0 3px rgba(27, 153, 139, 0.15);
}



#search_location {
  border-radius: 999px;
  padding: 0.75rem 1.2rem;
  border: 1px solid #ccc;
  font-size: 1rem;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

#search_location:focus {
  outline: none;
  border-color: #1b998b;
  box-shadow: 0 0 0 3px rgba(27, 153, 139, 0.15);
}


/* Pill shape for Select2 multi-select box */
.select2-container--default .select2-selection--multiple {
  border-radius: 999px !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  min-height: 48px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

/* Highlight on focus */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #1b998b !important;
  box-shadow: 0 0 0 3px rgba(27, 153, 139, 0.15);
}

/* Make category tags also pill-shaped */
.select2-selection__choice {
  border-radius: 999px !important;
  background-color: #1b998b !important;
  color: white !important;
  padding: 4px 10px !important;
  margin: 3px 6px 3px 0 !important;
  font-size: 0.9rem;
  font-weight: 500;
  border: none !important;
}


/* Fix vertical alignment of text in Select2 pill */
.select2-container--default .select2-selection--multiple {
  padding: 0.6rem 1rem !important; /* adjust vertical padding */
  display: flex;
  align-items: center;
  min-height: 48px;
  font-size: 1rem;
}

/* Vertically center the placeholder input inside */
.select2-selection__rendered .select2-search__field {
  margin-top: 0 !important;
  padding: 0rem 0 !important;
  font-size: 1rem;
}







.search_submit input[type="submit"] {
  background-color: #1b998b;
  color: white;
  border: none;
  padding: 0.9rem 1.4rem;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s ease;
  width: 100%;
  max-width: none;  /* 🔁 remove limit */
}
$

.search_submit input[type="submit"]:hover {
  background-color: #137b6e;
  transform: translateY(-2px);
}


/* When selected (checked input inside label) */
label[class^="dalhousie-"] input:checked + *,
label[class^="mcgill-"] input:checked + *,
label[class^="memorial-"] input:checked + *,
label[class^="northern-"] input:checked + *,
label[class^="university-"] input:checked + *,
label[class^="part-"] input:checked + *,
label[class^="full-"] input:checked + *,
label[class^="remote"] input:checked + *,
label[class^="in-"] input:checked + *,
label[class^="volunteer"] input:checked + *,
label[class^="queens-"] input:checked + *,
label[class^="western-"] input:checked + * {
  background: #1b998b;
  color: white;
  border-color: #1b998b;
}

/* Hide the checkboxes themselves */
label input[type="checkbox"] {
  display: none;
}


/* === VolunteerMD-style pill toggle buttons === */

/* Hide raw checkboxes */
label input[type="checkbox"] {
  display: none;
}

/* Default unselected pill (light teal background) */
label {
  display: inline-block;
  background: #e9f9f7; /* light teal like Queen’s */
  color: #1b998b;
  border-radius: 999px;
  padding: 6px 14px;
  margin: 6px 6px 6px 0;
  font-size: 0.95rem;
  font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  user-select: none;
}

/* Hover effect (slightly darker teal) */
label:hover {
  background: #d0f0ec;
}



/* Active (checked) — works in modern browsers */
label:has(input[type="checkbox"]:checked) {
  background: #1b998b;
  color: white;
  border-color: #1b998b;

}

#remote_position {
  display: none;
}

/* Push it down below the dropdown */
.search_location_remote { 
  display: block !important;
  margin-top: 1rem;
  margin-left: 0;  /* Reset horizontal offset */
}

/* Align the wrapper next to location input */
.remote-label-wrapper {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 4px 12px;
  background: #e9f9f7;
  border-radius: 999px;
  color: #1b998b;
  font-size: 0.85rem;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
}

/* Optional checked state styling */
input[type="checkbox"]#remote:checked + label.remote-label-wrapper {
  background: #1b998b;
  color: white;
  border-color: #1b998b;
}

/* Hide checkbox box */
#remote {
  display: none;
}


#job_title,
#job_location,
#application,
#job_information,
#company_name,
#field_cfwjm660,
#company_website,
#company_tagline,
#company_video,
#company_twitter,
#job_important_info {
  border-radius: 999px !important;
}



/* Keep all header menu items black, even on hover */
header span.menu-item-title-wrap.dd-title,
header span.menu-item-title-wrap.dd-title:hover,
header span.menu-item-title-wrap.dd-title:focus,
header a:hover span.menu-item-title-wrap.dd-title,
header a:focus span.menu-item-title-wrap.dd-title {
    color: #000 !important;   /* force black text */
}

/* Keep dropdown arrow black on hover */
header .menu-item svg path,
header .menu-item:hover svg path,
header .menu-item:focus svg path {
    fill: #333 !important;   /* force black */
}


/* Keep dropdown submenu items black (or grey) on hover */
header .sub-menu a,
header .sub-menu a:visited {
    color: #333 !important;       /* normal state */
}

header .sub-menu a:hover,
header .sub-menu a:focus,
header .sub-menu li:hover > a,
header .sub-menu li:focus > a {
    color: #333 !important;       /* hover state (dark grey) */
    background: transparent !important;
}


a[href*="about-us"] {
    border-radius: 0 !important;
}