@import url("https://use.typekit.net/fqn4yld.css");

/* =============================
   General link styling (no highlight)
   ============================= */
a {
  font-family: 'Quiet Sans', Lato, sans-serif;
  color: #001254;
  text-decoration: none;
  background-color: transparent;
  border-radius: 0;
}
a:hover { text-decoration: underline; color: #001254; }

/* Inline links inside text boxes: never highlighted */
.text-box-body a,
.text-box-one a,
.text-box-two a,
.text-box-three a,
.text-box-four a {
  background-color: transparent !important;
  border-radius: 0 !important;
  text-decoration: underline;
}

/* =============================
   Faculty, Admin, Staff positions boxes (generic)
   ============================= */
.positions-box { border-radius: 30px; }

/* =============================
   Side Menu
   ============================= */
.navBG ul#navLinks li a {
  border: 0 !important;
  color: #041237;
  font-family: 'Quiet Sans', Lato, sans-serif;
  font-weight: normal !important;
}
.navBG ul#navLinks li a:hover {
  background-color: #FFF !important;
  color: #001254 !important;
  font-weight: bold !important;
}
.list-group-item { border: 0 !important; }

/* =============================
   Section Titles and Text
   ============================= */
h3.text-box-title,
.text-box-title {
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  font-weight: normal !important;
  color: #001254;
}
.text-box-body { font-family: 'Quiet Sans', Lato, sans-serif !important; color: #000; }

/* =============================
   Box background styles
   ============================= */
.text-box-one,
.text-box-two,
.text-box-three,
.text-box-four {
  background-color: #E9ECEF !important; /* UPDATED from #84C8FF */
}

/* =============================
   Buttons (native inputs)
   ============================= */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  border-radius: 30px;
  padding: 1rem;
  margin: 0;
  background-color: #FFF !important;
}

/* =============================
   Global consistency overrides (fonts)
   ============================= */
.button, a.button,
.button1, a.button1,
.positions-box, .positions-box a, a.positions-box,
.nav-pills > li > a, .nav-tabs > li > a,
.btn, .btn a {
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* =============================
   HERO CTA — SEARCH JOBS (pill + hover with white border)
   ============================= */
a.button1 {
  border-radius: 9999px !important;
  padding: 12px 22px !important;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
}
a.button1:hover {
  background-color: #003594 !important;
  color: #ffffff !important;
  text-decoration: none;
  border-color: #ffffff !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

/* =============================
   Faculty/Admin/Staff Positions (thumbnail links)
   ============================= */
ul.thumbnails li a.eq-height,
a.eq-height {
  background-color: #84C8FF !important;
  color: #001254 !important;
  border-radius: 30px;
  text-decoration: none !important;
}
ul.thumbnails li a.eq-height:hover,
ul.thumbnails li a.eq-height:focus,
a.eq-height:hover,
a.eq-height:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

/* =============================
   View Results chips — remove gray bubbles (HIGH SPEC)
   ============================= */
h2.search-results #search-result span.search-items,
.search-results #search-result span.search-items,
#search-result span.search-items,
span.search-items.search-items {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline !important;
  line-height: normal !important;
  margin-right: 12px !important;
  color: #001254 !important;
  text-decoration: none !important;
}
h2.search-results #search-result span.search-items::before,
h2.search-results #search-result span.search-items::after,
.search-results #search-result span.search-items::before,
.search-results #search-result span.search-items::after,
#search-result span.search-items::before,
#search-result span.search-items::after,
span.search-items.search-items::before,
span.search-items.search-items::after { content: none !important; }

/* =============================
   Results list — pill buttons (View Details, Bookmark)
   ============================= */
#search_results a.btn,
#search_results button.btn,
#search_results .btn {
  border-radius: 9999px !important;
  padding: 10px 18px !important;
  line-height: 1.25 !important;
}
#search_results .btn-default { border: 0 !important; box-shadow: none !important; }

/* Results list palette to match Faculty buttons */
#search_results a.btn.primary_button_color,
#search_results .btn.primary_button_color,
#search_results a.btn.tertiary_button_color,
#search_results .btn.tertiary_button_color {
  background-color: #84C8FF !important;
  color: #001254 !important;
  border: 1px solid #84C8FF !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
#search_results a.btn.primary_button_color:hover,
#search_results .btn.primary_button_color:hover,
#search_results a.btn.tertiary_button_color:hover,
#search_results .btn.tertiary_button_color:hover,
#search_results a.btn.primary_button_color:focus,
#search_results .btn.primary_button_color:focus,
#search_results a.btn.tertiary_button_color:focus,
#search_results .btn.tertiary_button_color:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  outline: none !important;
}

/* =============================
   "More Search Options" (button-section) — pill + Faculty colors
   ============================= */
.hide-button .button-section,
.hide-section .button-section,
.collapsible-section .button-section,
.button-section {
  border-radius: 9999px !important;
  padding: 10px 18px !important;
  line-height: 1.25 !important;
  display: inline-block !important;
  background-color: #84C8FF !important;
  color: #001254 !important;
  border: 1px solid #84C8FF !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.hide-button .button-section:hover,
.hide-section .button-section:hover,
.collapsible-section .button-section:hover,
.button-section:hover,
.hide-button .button-section:focus,
.hide-section .button-section:focus,
.collapsible-section .button-section:focus,
.button-section:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  outline: none !important;
}

/* =============================
   Job detail actions — round all action buttons
   ============================= */
#content .btn,
#content a.btn,
#content button.btn {
  border-radius: 9999px !important;
  padding: 10px 18px !important;
  line-height: 1.25 !important;
}

/* CONTINUE YOUR APPLICATION — remove inner white highlight completely */
#content .btn-primary,
#content a.btn-primary,
#content button.btn-primary {
  background-color: #001254 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  padding: 10px 18px !important;
  line-height: 1.25 !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
}
#content .btn-primary *,
#content .btn-primary *::before,
#content .btn-primary *::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
#content .btn-primary .label,
#content .btn-primary .badge,
#content .btn-primary .pill,
#content .btn-primary [class*="label"],
#content .btn-primary [class*="badge"],
#content .btn-primary [class*="pill"] {
  background: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =============================
   Student Employment links — BLUE hover (anchors)
   ============================= */
.text-box-one .text-box-body a,
.text-box-one a,
.text-box-one .btn,
.text-box-one a.btn,
.text-box-one .btn-default {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.text-box-one .text-box-body a:hover,
.text-box-one a:hover,
.text-box-one .btn:hover,
.text-box-one a.btn:hover,
.text-box-one .btn-default:hover,
.text-box-one a.btn-default:hover,
.text-box-one .btn:focus,
.text-box-one a.btn:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* =============================
   Student Employment buttons — BLUE hover (inputs)
   ============================= */
.text-box-one .text-box-body input[type="button"],
.text-box-one .text-box-body input[type="submit"] {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.text-box-one .text-box-body input[type="button"]:hover,
.text-box-one .text-box-body input[type="button"]:focus,
.text-box-one .text-box-body input[type="submit"]:hover,
.text-box-one .text-box-body input[type="submit"]:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ======================================================
   JOB DETAIL: Bookmark / Print Preview / Continue — unify style & SIZE
   ====================================================== */
#posting-action-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

/* Base pill & faculty colors for all three controls */
#posting-action-links a.btn,
#posting-action-links form.btn,
#posting-action-links button.btn,
#posting-action-links input[type="submit"].continue-job,
#posting-action-links input[type="submit"].secondary_button_color,
#posting-action-links .secondary_button_color,
#posting-action-links .tertiary_button_color,
#posting-action-links .primary_button_color {
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  border-radius: 9999px !important;
  background-color: #84C8FF !important;
  color: #001254 !important;
  border: 1px solid #84C8FF !important;
  text-shadow: none !important;
  box-shadow: none !important;

  height: 48px !important;
  width: 320px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Make inner submit look like parent (remove white inset) */
#posting-action-links form.btn input[type="submit"] {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Hover / focus state (dark blue w/ white text) */
#posting-action-links a.btn:hover,
#posting-action-links form.btn:hover,
#posting-action-links button.btn:hover,
#posting-action-links input[type="submit"]:hover,
#posting-action-links a.btn:focus,
#posting-action-links form.btn:focus,
#posting-action-links button.btn:focus,
#posting-action-links input[type="submit"]:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  outline: none !important;
}

/* Remove any pseudo overlays */
#posting-action-links *::before,
#posting-action-links *::after { content: none !important; }

/* Unify font size across Job-detail CTAs */
#posting-action-links .btn,
#posting-action-links a.btn,
#posting-action-links button.btn,
#posting-action-links input[type="submit"],
#posting-action-links form.btn input[type="submit"] {
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.25 !important;
}

/* ======================================================
   NEW: LOGIN PAGE — Local & LinkedIn buttons match palette
   ====================================================== */
input[type="submit"].internal-login-btn.local-color,
input#apply-with-linkedin-link.btn.external-login-btn.linkedin-color,
input.btn.external-login-btn.linkedin-color {
  -webkit-appearance: none;
  appearance: none;
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: normal !important;

  border-radius: 9999px !important;
  background-color: #84C8FF !important;
  color: #001254 !important;
  border: 1px solid #84C8FF !important;
  text-shadow: none !important;
  box-shadow: none !important;

  min-height: 48px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hover / focus for login buttons */
input[type="submit"].internal-login-btn.local-color:hover,
input[type="submit"].internal-login-btn.local-color:focus,
input#apply-with-linkedin-link.btn.external-login-btn.linkedin-color:hover,
input#apply-with-linkedin-link.btn.external-login-btn.linkedin-color:focus,
input.btn.external-login-btn.linkedin-color:hover,
input.btn.external-login-btn.linkedin-color:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  outline: none !important;
}

/* ======================================================
   FIX: Invisible Search Button in Job Search Form
   ====================================================== */
input[type="submit"].job-search.primary_button_color {
  background-color: #84C8FF !important;
  color: #001254 !important;
  border: 2px solid #84C8FF !important;
  border-radius: 9999px !important;
  padding: 10px 22px !important;
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out;
}

input[type="submit"].job-search.primary_button_color:hover,
input[type="submit"].job-search.primary_button_color:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
  outline: none !important;
}

/* ======================================================
   FIX: Apply for this Job button (Admin & Staff positions)
   ====================================================== */
form.apply-to-job-form.submit-once input[type="submit"],
form.apply-to-job-form.submit-once.btn.secondary_button_color input[type="submit"] {
  font-family: 'Quiet Sans', Lato, sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.25 !important;

  border-radius: 9999px !important;
  background-color: #84C8FF !important;   /* match Bookmark/Print Preview */
  color: #001254 !important;
  border: 1px solid #84C8FF !important;

  height: 48px !important;
  width: 320px !important;
  padding: 0 20px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out;
}

/* Hover/focus state like other pills */
form.apply-to-job-form.submit-once input[type="submit"]:hover,
form.apply-to-job-form.submit-once input[type="submit"]:focus {
  background-color: #003594 !important;
  color: #ffffff !important;
  border-color: #003594 !important;
  outline: none !important;
}

/* Remove dark background on Apply form wrapper */
form.apply-to-job-form.submit-once,
form.apply-to-job-form.submit-once.btn.secondary_button_color {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block !important;
}

/* ======================================================
   FIX: GO buttons (Personal Information page)
   ====================================================== */
#go_commit_top {
  color: #001254 !important;  /* navy text */
}

#go_commit_bottom {
  color: #001254 !important;  /* navy text */
}

/* =============================
   Global fallback
   ============================= */
body { font-family: 'Quiet Sans', Lato, sans-serif !important; font-weight: normal !important; }

/* ======================================================
   FIX: Header background color (restore dark Hofstra blue)
   ====================================================== */
#header,
.header,
.header-inner,
.header-inner.container,
#mainBodyDiv #header,
#mainBodyDiv .header {
  background-color: #003594 !important;  /* Hofstra dark blue */
  color: #ffffff !important;              /* White text/icons for contrast */
}

/* Optional: ensure logo area stays clean */
#header img,
.header img {
  background-color: transparent !important;
}

/* ======================================================
   FOOTER — Set to Hofstra dark blue and white text
   ====================================================== */
#footer,
.footer,
.mainContent .footer,
div#footer.mainContent,
div#footer {
  background-color: #003594 !important;  /* Hofstra dark blue */
  color: #ffffff !important;             /* White text for readability */
  border: none !important;
}

/* Ensure links in footer stay visible */
#footer a,
.footer a {
  color: #ffffff !important;
  text-decoration: none;
}

#footer a:hover,
.footer a:hover {
  color: #84C8FF !important; /* Light blue accent on hover */
  text-decoration: underline;
}

/* Footer logo: preserve aspect ratio and avoid distortion */
#footer img,
.footer img,
div#footer img,
div.footer img {
  width: auto !important;        /* don't force a fixed width */
  height: auto !important;       /* preserve original aspect ratio */
  max-width: 100% !important;    /* never exceed the container width */
  max-height: 140px !important;  /* optional: cap the height to fit footer */
  display: block;
  object-fit: contain;           /* scale down without cropping */
}